@beeq/core 1.9.0 → 1.10.0-beta.0

package/dist/custom-elements.json

@@ -305,7 +305,10 @@
                 "text": "TAccordionAppearance"
               },
               "default": "'filled'",
-              "description": "The appearance style of the Accordion"
+              "description": "The appearance style of the Accordion",
+              "parsedType": {
+                "text": "'filled' | 'ghost'"
+              }
             },
             {
               "kind": "field",
@@ -350,7 +353,10 @@
                 "text": "TAccordionSize"
               },
               "default": "'medium'",
-              "description": "The size of the Accordion"
+              "description": "The size of the Accordion",
+              "parsedType": {
+                "text": "'small' | 'medium'"
+              }
             },
             {
               "kind": "method",
@@ -550,6 +556,9 @@
               "fieldName": "appearance",
               "type": {
                 "text": "TAccordionAppearance"
+              },
+              "parsedType": {
+                "text": "'filled' | 'ghost'"
               }
             },
             {
@@ -585,6 +594,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TAccordionSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
               }
             }
           ],
@@ -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'"
               }
             }
           ],
@@ -2010,177 +2064,36 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-breadcrumb.js",
+      "path": "components/bq-breadcrumb-item.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The Breadcrumb is used to wraps a series of breadcrumb items to indicate the current page's location within a navigational hierarchy.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-breadcrumb label=\"Breadcrumb\">\n<bq-breadcrumb-item>Home</bq-breadcrumb-item>\n<bq-breadcrumb-item>Men's clothing</bq-breadcrumb-item>\n<bq-breadcrumb-item>Shirt</bq-breadcrumb-item>\n<bq-breadcrumb-item>Casual shirts</bq-breadcrumb-item>\n</bq-breadcrumb>\n```\n\n</figure>",
-          "name": "BqBreadcrumb",
-          "cssParts": [
+          "description": "The Breadcrumb Item helps users understand their current location within a website or application's hierarchical structure.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-breadcrumb-item label=\"Home page\">\n<bq-icon name=\"house-line\" size=\"16\"></bq-icon>\nHome\n</bq-breadcrumb-item>\n```\n\n</figure>",
+          "name": "BqBreadcrumbItem",
+          "cssProperties": [
             {
-              "description": "The `nav` tag that loads the breadcrumb items",
-              "name": "navigation"
+              "description": "Background color of the breadcrumb item",
+              "name": "--bq-breadcrumb-item--background"
             },
             {
-              "description": "The container that wraps the separator element",
-              "name": "separator"
-            }
-          ],
-          "slots": [
+              "description": "Box shadow of the breadcrumb item",
+              "name": "--bq-breadcrumb-item--box-shadow"
+            },
             {
-              "description": "The default slot is used to add `bq-breadcrumb-item` items to the breadcrumb.",
-              "name": ""
+              "description": "Border color of the breadcrumb item",
+              "name": "--bq-breadcrumb-item--border-color"
             },
             {
-              "description": "The slot to add a separator between breadcrumb items. Default separator is `/`.",
-              "name": "separator"
-            }
-          ],
-          "members": [
+              "description": "Border style of the breadcrumb item",
+              "name": "--bq-breadcrumb-item--border-style"
+            },
             {
-              "kind": "field",
-              "name": "navElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
+              "description": "Border width of the breadcrumb item",
+              "name": "--bq-breadcrumb-item--border-width"
             },
             {
-              "kind": "field",
-              "name": "spanElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqBreadcrumbElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Breadcrumbs'",
-              "description": "The `aria-label` attribute to describe the type of navigation"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "getSeparatorElem",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "separatorFromSlot",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "breadcrumbItems",
-              "type": {
-                "text": "HTMLBqBreadcrumbItemElement[]"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The `aria-label` attribute to describe the type of navigation",
-              "name": "label"
-            },
-            {
-              "name": "label",
-              "fieldName": "label",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "tagName": "bq-breadcrumb",
-          "csspart": [
-            {
-              "name": "navigation",
-              "description": "The `nav` tag that loads the breadcrumb items"
-            },
-            {
-              "name": "separator",
-              "description": "The container that wraps the separator element"
-            }
-          ],
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqBreadcrumb",
-          "declaration": {
-            "name": "BqBreadcrumb",
-            "module": "components/bq-breadcrumb.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-breadcrumb",
-          "declaration": {
-            "name": "BqBreadcrumb",
-            "module": "components/bq-breadcrumb.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-breadcrumb-item.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The Breadcrumb Item helps users understand their current location within a website or application's hierarchical structure.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-breadcrumb-item label=\"Home page\">\n<bq-icon name=\"house-line\" size=\"16\"></bq-icon>\nHome\n</bq-breadcrumb-item>\n```\n\n</figure>",
-          "name": "BqBreadcrumbItem",
-          "cssProperties": [
-            {
-              "description": "Background color of the breadcrumb item",
-              "name": "--bq-breadcrumb-item--background"
-            },
-            {
-              "description": "Box shadow of the breadcrumb item",
-              "name": "--bq-breadcrumb-item--box-shadow"
-            },
-            {
-              "description": "Border color of the breadcrumb item",
-              "name": "--bq-breadcrumb-item--border-color"
-            },
-            {
-              "description": "Border style of the breadcrumb item",
-              "name": "--bq-breadcrumb-item--border-style"
-            },
-            {
-              "description": "Border width of the breadcrumb item",
-              "name": "--bq-breadcrumb-item--border-width"
-            },
-            {
-              "description": "Border radius of the breadcrumb item",
-              "name": "--bq-breadcrumb-item--border-radius"
+              "description": "Border radius of the breadcrumb item",
+              "name": "--bq-breadcrumb-item--border-radius"
             },
             {
               "description": "Line height of the breadcrumb item",
@@ -2422,114 +2335,36 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-button.js",
+      "path": "components/bq-breadcrumb.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Buttons are designed for users to take action on a page or a screen.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-button appearance=\"primary\" border=\"m\" size=\"medium\">\n<bq-icon name=\"arrow-circle-left\" slot=\"prefix\"></bq-icon>\nGo back\n</bq-button>\n```\n\n</figure>",
-          "name": "BqButton",
-          "cssProperties": [
-            {
-              "description": "Button border color",
-              "name": "--bq-button--border-color"
-            },
-            {
-              "description": "Button border radius",
-              "name": "--bq-button--border-radius"
-            },
-            {
-              "description": "Button border style",
-              "name": "--bq-button--border-style"
-            },
-            {
-              "description": "Button border width",
-              "name": "--bq-button--border-width"
-            },
-            {
-              "description": "Button small height",
-              "name": "--bq-button--small-height"
-            },
-            {
-              "description": "Button small padding block (top and bottom)",
-              "name": "--bq-button--small-paddingX"
-            },
-            {
-              "description": "Button small padding inline (left and right)",
-              "name": "--bq-button--small-paddingY"
-            },
-            {
-              "description": "Button small font size",
-              "name": "--bq-button--small-font-size"
-            },
-            {
-              "description": "Button medium height",
-              "name": "--bq-button--medium-height"
-            },
-            {
-              "description": "Button medium padding block (top and bottom)",
-              "name": "--bq-button--medium-paddingX"
-            },
-            {
-              "description": "Button medium padding inline (left and right)",
-              "name": "--bq-button--medium-paddingY"
-            },
-            {
-              "description": "Button medium font size",
-              "name": "--bq-button--medium-font-size"
-            },
-            {
-              "description": "Button large height",
-              "name": "--bq-button--large-height"
-            },
-            {
-              "description": "Button large padding block (top and bottom)",
-              "name": "--bq-button--large-paddingX"
-            },
-            {
-              "description": "Button large padding inline (left and right)",
-              "name": "--bq-button--large-paddingY"
-            },
-            {
-              "description": "Button large font size",
-              "name": "--bq-button--large-font-size"
-            }
-          ],
+          "description": "The Breadcrumb is used to wraps a series of breadcrumb items to indicate the current page's location within a navigational hierarchy.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-breadcrumb label=\"Breadcrumb\">\n<bq-breadcrumb-item>Home</bq-breadcrumb-item>\n<bq-breadcrumb-item>Men's clothing</bq-breadcrumb-item>\n<bq-breadcrumb-item>Shirt</bq-breadcrumb-item>\n<bq-breadcrumb-item>Casual shirts</bq-breadcrumb-item>\n</bq-breadcrumb>\n```\n\n</figure>",
+          "name": "BqBreadcrumb",
           "cssParts": [
             {
-              "description": "The `<a>` or `<button>` HTML element used under the hood.",
-              "name": "button"
-            },
-            {
-              "description": "The `<span>` tag element that acts as prefix container.",
-              "name": "prefix"
-            },
-            {
-              "description": "The `<span>` tag element that renders the text of the button.",
-              "name": "label"
+              "description": "The `nav` tag that loads the breadcrumb items",
+              "name": "navigation"
             },
             {
-              "description": "The `<span>` tag element that acts as suffix container.",
-              "name": "suffix"
+              "description": "The container that wraps the separator element",
+              "name": "separator"
             }
           ],
           "slots": [
             {
-              "description": "The prefix content to be displayed before the button label",
-              "name": "prefix"
-            },
-            {
-              "description": "The button label content",
+              "description": "The default slot is used to add `bq-breadcrumb-item` items to the breadcrumb.",
               "name": ""
             },
             {
-              "description": "The suffix content to be displayed after the button label",
-              "name": "suffix"
+              "description": "The slot to add a separator between breadcrumb items. Default separator is `/`.",
+              "name": "separator"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "prefixElem",
+              "name": "navElem",
               "type": {
                 "text": "HTMLElement"
               },
@@ -2537,7 +2372,7 @@
             },
             {
               "kind": "field",
-              "name": "suffixElem",
+              "name": "spanElem",
               "type": {
                 "text": "HTMLElement"
               },
@@ -2547,33 +2382,252 @@
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBqButtonElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "internals",
-              "type": {
-                "text": "ElementInternals"
+                "text": "HTMLBqBreadcrumbElement"
               }
             },
             {
               "kind": "field",
-              "name": "hasPrefix",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "'Breadcrumbs'",
+              "description": "The `aria-label` attribute to describe the type of navigation"
             },
             {
               "kind": "field",
-              "name": "hasSuffix",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "getSeparatorElem",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "separatorFromSlot",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "breadcrumbItems",
+              "type": {
+                "text": "HTMLBqBreadcrumbItemElement[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The `aria-label` attribute to describe the type of navigation",
+              "name": "label"
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "bq-breadcrumb",
+          "csspart": [
+            {
+              "name": "navigation",
+              "description": "The `nav` tag that loads the breadcrumb items"
+            },
+            {
+              "name": "separator",
+              "description": "The container that wraps the separator element"
+            }
+          ],
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqBreadcrumb",
+          "declaration": {
+            "name": "BqBreadcrumb",
+            "module": "components/bq-breadcrumb.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-breadcrumb",
+          "declaration": {
+            "name": "BqBreadcrumb",
+            "module": "components/bq-breadcrumb.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-button.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Buttons are designed for users to take action on a page or a screen.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-button appearance=\"primary\" border=\"m\" size=\"medium\">\n<bq-icon name=\"arrow-circle-left\" slot=\"prefix\"></bq-icon>\nGo back\n</bq-button>\n```\n\n</figure>",
+          "name": "BqButton",
+          "cssProperties": [
+            {
+              "description": "Button border color",
+              "name": "--bq-button--border-color"
+            },
+            {
+              "description": "Button border radius",
+              "name": "--bq-button--border-radius"
+            },
+            {
+              "description": "Button border style",
+              "name": "--bq-button--border-style"
+            },
+            {
+              "description": "Button border width",
+              "name": "--bq-button--border-width"
+            },
+            {
+              "description": "Button small height",
+              "name": "--bq-button--small-height"
+            },
+            {
+              "description": "Button small padding block (top and bottom)",
+              "name": "--bq-button--small-paddingX"
+            },
+            {
+              "description": "Button small padding inline (left and right)",
+              "name": "--bq-button--small-paddingY"
+            },
+            {
+              "description": "Button small font size",
+              "name": "--bq-button--small-font-size"
+            },
+            {
+              "description": "Button medium height",
+              "name": "--bq-button--medium-height"
+            },
+            {
+              "description": "Button medium padding block (top and bottom)",
+              "name": "--bq-button--medium-paddingX"
+            },
+            {
+              "description": "Button medium padding inline (left and right)",
+              "name": "--bq-button--medium-paddingY"
+            },
+            {
+              "description": "Button medium font size",
+              "name": "--bq-button--medium-font-size"
+            },
+            {
+              "description": "Button large height",
+              "name": "--bq-button--large-height"
+            },
+            {
+              "description": "Button large padding block (top and bottom)",
+              "name": "--bq-button--large-paddingX"
+            },
+            {
+              "description": "Button large padding inline (left and right)",
+              "name": "--bq-button--large-paddingY"
+            },
+            {
+              "description": "Button large font size",
+              "name": "--bq-button--large-font-size"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The `<a>` or `<button>` HTML element used under the hood.",
+              "name": "button"
+            },
+            {
+              "description": "The `<span>` tag element that acts as prefix container.",
+              "name": "prefix"
+            },
+            {
+              "description": "The `<span>` tag element that renders the text of the button.",
+              "name": "label"
+            },
+            {
+              "description": "The `<span>` tag element that acts as suffix container.",
+              "name": "suffix"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The prefix content to be displayed before the button label",
+              "name": "prefix"
+            },
+            {
+              "description": "The button label content",
+              "name": ""
+            },
+            {
+              "description": "The suffix content to be displayed after the button label",
+              "name": "suffix"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "prefixElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "suffixElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqButtonElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "internals",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasPrefix",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "hasSuffix",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
@@ -2582,7 +2636,10 @@
                 "text": "TButtonAppearance"
               },
               "default": "'primary'",
-              "description": "The appearance style to apply to the button"
+              "description": "The appearance style to apply to the button",
+              "parsedType": {
+                "text": "'primary' | 'secondary' | 'link' | 'text'"
+              }
             },
             {
               "kind": "field",
@@ -2600,7 +2657,10 @@
                 "text": "TButtonBorderRadius"
               },
               "default": "'m'",
-              "description": "The corner radius of the button"
+              "description": "The corner radius of the button",
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+              }
             },
             {
               "kind": "field",
@@ -2652,7 +2712,10 @@
                 "text": "TButtonSize"
               },
               "default": "'medium'",
-              "description": "The size of the button"
+              "description": "The size of the button",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
+              }
             },
             {
               "kind": "field",
@@ -2669,7 +2732,10 @@
                 "text": "TButtonType"
               },
               "default": "'button'",
-              "description": "The default behavior of the button"
+              "description": "The default behavior of the button",
+              "parsedType": {
+                "text": "'button' | 'submit' | 'reset'"
+              }
             },
             {
               "kind": "field",
@@ -2678,7 +2744,10 @@
                 "text": "TButtonVariant"
               },
               "default": "'standard'",
-              "description": "The variant of button to apply on top of the appearance (applicable only to `appearance=\"primary\"`)"
+              "description": "The variant of button to apply on top of the appearance (applicable only to `appearance=\"primary\"`)",
+              "parsedType": {
+                "text": "'ghost' | 'standard' | 'danger'"
+              }
             },
             {
               "kind": "method",
@@ -2862,6 +2931,9 @@
               "fieldName": "appearance",
               "type": {
                 "text": "TButtonAppearance"
+              },
+              "parsedType": {
+                "text": "'primary' | 'secondary' | 'link' | 'text'"
               }
             },
             {
@@ -2876,6 +2948,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TButtonBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
@@ -2912,6 +2987,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TButtonSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
             },
             {
@@ -2926,6 +3004,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TButtonType"
+              },
+              "parsedType": {
+                "text": "'button' | 'submit' | 'reset'"
               }
             },
             {
@@ -2933,6 +3014,9 @@
               "fieldName": "variant",
               "type": {
                 "text": "TButtonVariant"
+              },
+              "parsedType": {
+                "text": "'ghost' | 'standard' | 'danger'"
               }
             }
           ],
@@ -3048,7 +3132,10 @@
                 "text": "TCardType"
               },
               "default": "'default'",
-              "description": "Type of card component"
+              "description": "Type of card component",
+              "parsedType": {
+                "text": "'default' | 'minimal'"
+              }
             },
             {
               "kind": "field",
@@ -3057,7 +3144,10 @@
                 "text": "TCardBorderRadius"
               },
               "default": "'m'",
-              "description": "The corner radius of the card component"
+              "description": "The corner radius of the card component",
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+              }
             },
             {
               "kind": "method",
@@ -3088,6 +3178,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TCardType"
+              },
+              "parsedType": {
+                "text": "'default' | 'minimal'"
               }
             },
             {
@@ -3095,6 +3188,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TCardBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             }
           ],
@@ -3781,7 +3877,10 @@
               "type": {
                 "text": "TCalendarDate | undefined"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "parsedType": {
+                "text": "{ focusedDate: string, value: string, min: string, max: string, months: number, tentative: string, pageBy: 'single' | 'months', firstDayOfWeek: number, showOutsideDays: false | true, isDateDisallowed: {  }, locale: string, onChange: {  }, onRangestart: {  }, onRangeend: {  } } | undefined"
+              }
             },
             {
               "kind": "field",
@@ -3971,7 +4070,10 @@
                 "text": "DaysOfWeek | undefined"
               },
               "default": "1",
-              "description": "The first day of the week, where Sunday is 0, Monday is 1, etc"
+              "description": "The first day of the week, where Sunday is 0, Monday is 1, etc",
+              "parsedType": {
+                "text": "0 | 2 | 5 | 4 | 3 | 1 | 6 | undefined"
+              }
             },
             {
               "kind": "field",
@@ -4141,7 +4243,10 @@
                 "text": "TDatePickerType"
               },
               "default": "'single'",
-              "description": "It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection"
+              "description": "It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection",
+              "parsedType": {
+                "text": "'single' | 'multi' | 'range'"
+              }
             },
             {
               "kind": "field",
@@ -4150,7 +4255,10 @@
                 "text": "TInputValidation"
               },
               "default": "'none'",
-              "description": "The validation status of the Select input."
+              "description": "The validation status of the Select input.",
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
+              }
             },
             {
               "kind": "field",
@@ -4572,6 +4680,9 @@
               "fieldName": "firstDayOfWeek",
               "type": {
                 "text": "DaysOfWeek"
+              },
+              "parsedType": {
+                "text": "0 | 2 | 5 | 4 | 3 | 1 | 6"
               }
             },
             {
@@ -4712,6 +4823,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TDatePickerType"
+              },
+              "parsedType": {
+                "text": "'single' | 'multi' | 'range'"
               }
             },
             {
@@ -4719,6 +4833,9 @@
               "fieldName": "validationStatus",
               "type": {
                 "text": "TInputValidation"
+              },
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
               }
             },
             {
@@ -4898,901 +5015,937 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-dialog.js",
+      "path": "components/bq-divider.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The Dialog component is used to display additional content or prompt a user for action.\nIt provides a way to display additional information, options, or controls in a separate, non-obstructive interface element.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-dialog footer-appearance=\"standard\" border=\"m\" size=\"medium\">\n<h5 class=\"bold flex items-center gap-s\" slot=\"title\">\n<bq-icon name=\"info\" size=\"30\" color=\"text--accent\" role=\"img\" title=\"Info\"></bq-icon>\nTitle\n</h5>\n<p>\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\nstandard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a\ntype specimen book.\n</p>\n<div class=\"flex gap-xs\" slot=\"footer\">\n<bq-button appearance=\"link\">Button</bq-button>\n<bq-button variant=\"ghost\">Button</bq-button>\n<bq-button variant=\"standard\" slot=\"footer\">Button</bq-button>\n</div>\n</bq-dialog>\n```\n\n</figure>",
-          "name": "BqDialog",
+          "description": "The Divider component is used to visually separate content in a layout.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-divider orientation=\"horizontal\" stroke-color=\"stroke--primary\" title-alignment=\"middle\">\n<span slot=\"title\">Divider Title</span>\n</bq-divider>\n```\n\n</figure>",
+          "name": "BqDivider",
           "cssProperties": [
             {
-              "description": "Dialog background color",
-              "name": "--bq-dialog--background"
-            },
-            {
-              "description": "Dialog backdrop background color",
-              "name": "--bq-dialog--background-backdrop"
-            },
-            {
-              "description": "Dialog box shadow",
-              "name": "--bq-dialog--box-shadow"
-            },
-            {
-              "description": "Dialog border color",
-              "name": "--bq-dialog--border-color"
-            },
-            {
-              "description": "Dialog border style",
-              "name": "--bq-dialog--border-style"
-            },
-            {
-              "description": "Dialog border width",
-              "name": "--bq-dialog--border-width"
-            },
-            {
-              "description": "Dialog border radius",
-              "name": "--bq-dialog--border-radius"
-            },
-            {
-              "description": "Dialog padding",
-              "name": "--bq-dialog--padding"
-            },
-            {
-              "description": "Dialog gap distance between content and footer elements",
-              "name": "--bq-dialog--content-footer-gap"
-            },
-            {
-              "description": "Dialog gap distance between title and body elements",
-              "name": "--bq-dialog--title-body-gap"
-            },
-            {
-              "description": "Dialog small width",
-              "name": "--bq-dialog--width-small"
-            },
-            {
-              "description": "Dialog medium width",
-              "name": "--bq-dialog--width-medium"
-            },
-            {
-              "description": "Dialog large width",
-              "name": "--bq-dialog--width-large"
+              "description": "Divider color",
+              "name": "--bq-divider--color"
             },
             {
-              "description": "Dialog z-index applied when opened",
-              "name": "--bq-dialog-z-index"
+              "description": "Divider space between title and delimiters",
+              "name": "--bq-divider--title-marginX"
             }
           ],
           "cssParts": [
             {
-              "description": "The `<main>` that holds the dialog body content.",
-              "name": "body"
-            },
-            {
-              "description": "The button that closes the dialog on click.",
-              "name": "button-close"
-            },
-            {
-              "description": "The `<div>` container that holds the dialog title and body content.",
-              "name": "content"
+              "description": "The component's internal wrapper.",
+              "name": "base"
             },
             {
-              "description": "The `<dialog>` wrapper container inside the shadow DOM.",
-              "name": "dialog"
+              "description": "The component's internal svg wrapper for the start line of the divider's stroke.",
+              "name": "dash-start"
             },
             {
-              "description": "The `<footer>` that holds footer content.",
-              "name": "footer"
+              "description": "The component's internal svg wrapper for the end line of the divider's stroke.",
+              "name": "dash-end"
             },
             {
-              "description": "The `<header>` that holds the icon, title, description and close button.",
-              "name": "header"
+              "description": "The component's internal line component of the divider's stroke.",
+              "name": "dash-start-line"
             },
             {
-              "description": "The `<div>` that holds the title content.",
-              "name": "title"
+              "description": "The component's internal line component of the divider's stroke.",
+              "name": "dash-end-line"
             }
           ],
           "slots": [
             {
-              "description": "The title content of the dialog.",
-              "name": "title"
-            },
-            {
-              "description": "The body content of the dialog.",
+              "description": "The title content of the divider.",
               "name": ""
-            },
-            {
-              "description": "The footer content of the dialog.",
-              "name": "footer"
-            },
-            {
-              "description": "The close button content of the dialog.",
-              "name": "button-close"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dialogElem",
+              "name": "titleElem",
               "type": {
-                "text": "HTMLDialogElement"
+                "text": "HTMLDivElement"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "contentElem",
+              "name": "el",
               "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
+                "text": "HTMLBqDividerElement"
+              }
             },
             {
               "kind": "field",
-              "name": "footerElem",
+              "name": "hasTitle",
               "type": {
-                "text": "HTMLElement"
+                "text": "boolean"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "closeSlotElem",
+              "name": "dashed",
               "type": {
-                "text": "HTMLElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "If true, the divider has a dashed pattern"
             },
             {
               "kind": "field",
-              "name": "OPEN_CSS_CLASS",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "TDividerOrientation"
               },
-              "privacy": "private",
-              "default": "'bq-dialog--open'"
+              "default": "'horizontal'",
+              "description": "The default orientation of the divider",
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
             },
             {
               "kind": "field",
-              "name": "el",
+              "name": "strokeColor",
               "type": {
-                "text": "HTMLBqDialogElement"
-              }
+                "text": "string | undefined"
+              },
+              "default": "'stroke--primary'",
+              "description": "Set the stroke color of the divider. The value should be a valid value of the palette color"
             },
             {
               "kind": "field",
-              "name": "hasContent",
+              "name": "titleAlignment",
               "type": {
-                "text": "boolean"
+                "text": "TDividerTitleAlignment | undefined"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "'middle'",
+              "description": "Set the alignment of the title on the main axis of the divider (horizontal / vertical)",
+              "parsedType": {
+                "text": "'start' | 'middle' | 'end' | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "hasFooter",
+              "name": "strokeDashWidth",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "12",
+              "description": "Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed"
             },
             {
               "kind": "field",
-              "name": "border",
+              "name": "strokeDashGap",
               "type": {
-                "text": "TDialogBorderRadius"
+                "text": "number | undefined"
               },
-              "default": "'m'",
-              "description": "Border radius of the dialog component"
+              "default": "7",
+              "description": "Set the gap of the divider's stroke. This is applicable when the stroke is dashed"
             },
             {
               "kind": "field",
-              "name": "disableBackdrop",
+              "name": "strokeThickness",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "description": "If true, the backdrop overlay won't be shown when the dialog opens"
+              "default": "1",
+              "description": "Set the thickness of the divider's stroke. Value expressed in px"
             },
             {
               "kind": "field",
-              "name": "disableCloseEscKeydown",
+              "name": "strokeBasis",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "description": "If true, the dialog will not close when the [Esc] key is press"
+              "default": "0",
+              "description": "Set the min width of the divider's stroke when text is not centered. Value expressed in px"
             },
             {
               "kind": "field",
-              "name": "disableCloseClickOutside",
+              "name": "strokeLinecap",
               "type": {
-                "text": "boolean"
+                "text": "TDividerStrokeLinecap | undefined"
               },
-              "default": "false",
-              "description": "If true, the dialog will not close when clicking on the backdrop overlay"
+              "default": "'butt'",
+              "description": "Set the line of the divider's stroke. This is applicable when the stroke is dashed",
+              "parsedType": {
+                "text": "'square' | 'round' | 'butt' | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "checkPropValues"
             },
             {
               "kind": "field",
-              "name": "footerAppearance",
-              "type": {
-                "text": "TDialogFooterAppearance"
-              },
-              "default": "'standard'",
-              "description": "The appearance of footer"
+              "name": "handleSlotChange",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "hideCloseButton",
+              "name": "strokeAttributes",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "strokeDrawPositions",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "strokeDasharray",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "If true, it hides the close button"
+              "description": "If true, the divider has a dashed pattern.",
+              "name": "dashed"
             },
             {
-              "kind": "field",
-              "name": "open",
               "type": {
-                "text": "boolean"
+                "text": "\"horizontal\" | \"vertical\""
               },
-              "default": "false",
-              "description": "If true, the dialog will be shown as open"
+              "description": "The default orientation of the divider.",
+              "name": "orientation"
             },
             {
-              "kind": "field",
-              "name": "size",
               "type": {
-                "text": "TDialogSize"
+                "text": "string"
               },
-              "default": "'medium'",
-              "description": "The size of the dialog"
+              "description": "Set the stroke color of the divider. The value should be a valid value of the palette color.",
+              "name": "stroke-color"
             },
             {
-              "kind": "method",
-              "name": "checkPropValues"
+              "type": {
+                "text": "\"start\" | \"middle\" | \"end\""
+              },
+              "description": "Set the alignment of the title on the main axis of the divider (horizontal / vertical).",
+              "name": "title-alignment"
             },
             {
-              "kind": "method",
-              "name": "handleOpenChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleMouseClick",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "parameters": [
-                {
-                  "name": "ev",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "show",
-              "description": "Open the dialog"
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "description": "Closes the dialog"
-            },
-            {
-              "kind": "method",
-              "name": "cancel",
-              "description": "Dismiss or cancel the dialog"
-            },
-            {
-              "kind": "field",
-              "name": "handleClose",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleOpen",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleTransitionEnd",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "events": [
-            {
-              "description": "Callback handler emitted when the dialog has been canceled or dismissed.",
-              "name": "bqCancel"
-            },
-            {
-              "description": "Callback handler emitted when the dialog will close.",
-              "name": "bqClose"
-            },
-            {
-              "description": "Callback handler emitted when the dialog will open.",
-              "name": "bqOpen"
-            },
-            {
-              "description": "Callback handler emitted when the dialog finish opening.",
-              "name": "bqAfterOpen"
-            },
-            {
-              "description": "Callback handler emitted when the dialog finish closing.",
-              "name": "bqAfterClose"
-            },
-            {
-              "name": "bqCancel",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Callback handler emitted when the dialog has been canceled or dismissed"
-            },
-            {
-              "name": "bqClose",
               "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Callback handler emitted when the dialog will close"
-            },
-            {
-              "name": "bqOpen",
-              "type": {
-                "text": "EventEmitter<void>"
+                "text": "number"
               },
-              "description": "Callback handler emitted when the dialog will open"
+              "description": "Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed.",
+              "name": "stroke-dash-width"
             },
             {
-              "name": "bqAfterOpen",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "number"
               },
-              "description": "Callback handler emitted when the dialog finish opening"
+              "description": "Set the gap of the divider's stroke. This is applicable when the stroke is dashed.",
+              "name": "stroke-dash-gap"
             },
-            {
-              "name": "bqAfterClose",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Callback handler emitted when the dialog finish closing"
-            }
-          ],
-          "attributes": [
             {
               "type": {
-                "text": "\"none\" | \"xs2\" | \"xs\" | \"s\" | \"m\" | \"l\" | \"full\""
+                "text": "number"
               },
-              "description": "Border radius of the dialog component.",
-              "name": "border"
+              "description": "Set the thickness of the divider's stroke. Value expressed in px.",
+              "name": "stroke-thickness"
             },
             {
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "If true, the backdrop overlay won't be shown when the dialog opens.",
-              "name": "disable-backdrop"
+              "description": "Set the min width of the divider's stroke when text is not centered. Value expressed in px.",
+              "name": "stroke-basis"
             },
             {
               "type": {
-                "text": "boolean"
+                "text": "\"square\" | \"round\" | \"butt\""
               },
-              "description": "If true, the dialog will not close when the [Esc] key is pressed.",
-              "name": "disable-close-esc-keydown"
+              "description": "Set the line of the divider's stroke. This is applicable when the stroke is dashed.",
+              "name": "stroke-linecap"
             },
             {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true, the dialog will not close when clicking on the backdrop overlay.",
-              "name": "disable-close-click-outside"
+              "name": "dashed",
+              "fieldName": "dashed"
             },
             {
+              "name": "orientation",
+              "fieldName": "orientation",
               "type": {
-                "text": "\"standard\" | \"highlight\""
+                "text": "TDividerOrientation"
               },
-              "description": "The appearance of the footer.",
-              "name": "footer-appearance"
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
             },
             {
+              "name": "stroke-color",
+              "fieldName": "strokeColor",
               "type": {
-                "text": "boolean"
-              },
-              "description": "If true, it hides the close button.",
-              "name": "hide-close-button"
+                "text": "string"
+              }
             },
             {
+              "name": "title-alignment",
+              "fieldName": "titleAlignment",
               "type": {
-                "text": "boolean"
+                "text": "TDividerTitleAlignment"
               },
-              "description": "If true, the dialog will be shown as open.",
-              "name": "open"
+              "parsedType": {
+                "text": "'start' | 'middle' | 'end'"
+              }
             },
             {
+              "name": "stroke-dash-width",
+              "fieldName": "strokeDashWidth",
               "type": {
-                "text": "\"small\" | \"medium\" | \"large\""
-              },
-              "description": "The size of the dialog.",
-              "name": "size"
+                "text": "number"
+              }
             },
             {
-              "name": "border",
-              "fieldName": "border",
+              "name": "stroke-dash-gap",
+              "fieldName": "strokeDashGap",
               "type": {
-                "text": "TDialogBorderRadius"
+                "text": "number"
               }
             },
             {
-              "name": "disable-backdrop",
-              "fieldName": "disableBackdrop"
-            },
-            {
-              "name": "disable-close-esc-keydown",
-              "fieldName": "disableCloseEscKeydown"
-            },
-            {
-              "name": "disable-close-click-outside",
-              "fieldName": "disableCloseClickOutside"
-            },
-            {
-              "name": "footer-appearance",
-              "fieldName": "footerAppearance",
+              "name": "stroke-thickness",
+              "fieldName": "strokeThickness",
               "type": {
-                "text": "TDialogFooterAppearance"
+                "text": "number"
               }
             },
             {
-              "name": "hide-close-button",
-              "fieldName": "hideCloseButton"
-            },
-            {
-              "name": "open",
-              "fieldName": "open",
+              "name": "stroke-basis",
+              "fieldName": "strokeBasis",
               "type": {
-                "text": "boolean"
+                "text": "number"
               }
             },
             {
-              "name": "size",
-              "fieldName": "size",
+              "name": "stroke-linecap",
+              "fieldName": "strokeLinecap",
               "type": {
-                "text": "TDialogSize"
+                "text": "TDividerStrokeLinecap"
+              },
+              "parsedType": {
+                "text": "'square' | 'round' | 'butt'"
               }
             }
           ],
-          "tagName": "bq-dialog",
-          "dependencies": [
-            {
-              "name": "bq-button",
-              "description": ""
-            },
-            {
-              "name": "bq-icon",
-              "description": ""
-            }
-          ],
+          "tagName": "bq-divider",
           "csspart": [
             {
-              "name": "body",
-              "description": "The `<main>` that holds the dialog body content."
-            },
-            {
-              "name": "button-close",
-              "description": "The button that closes the dialog on click."
-            },
-            {
-              "name": "content",
-              "description": "The `<div>` container that holds the dialog title and body content."
+              "name": "base",
+              "description": "The component's internal wrapper."
             },
             {
-              "name": "dialog",
-              "description": "The `<dialog>` wrapper container inside the shadow DOM."
+              "name": "dash-start",
+              "description": "The component's internal svg wrapper for the start line of the divider's stroke."
             },
             {
-              "name": "footer",
-              "description": "The `<footer>` that holds footer content."
+              "name": "dash-end",
+              "description": "The component's internal svg wrapper for the end line of the divider's stroke."
             },
             {
-              "name": "header",
-              "description": "The `<header>` that holds the icon, title, description and close button."
+              "name": "dash-start-line",
+              "description": "The component's internal line component of the divider's stroke."
             },
             {
-              "name": "title",
-              "description": "The `<div>` that holds the title content."
+              "name": "dash-end-line",
+              "description": "The component's internal line component of the divider's stroke."
             }
           ],
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BqDialog",
+          "name": "BqDivider",
           "declaration": {
-            "name": "BqDialog",
-            "module": "components/bq-dialog.js"
+            "name": "BqDivider",
+            "module": "components/bq-divider.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-dialog",
+          "name": "bq-divider",
           "declaration": {
-            "name": "BqDialog",
-            "module": "components/bq-dialog.js"
+            "name": "BqDivider",
+            "module": "components/bq-divider.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-divider.js",
+      "path": "components/bq-dialog.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The Divider component is used to visually separate content in a layout.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-divider orientation=\"horizontal\" stroke-color=\"stroke--primary\" title-alignment=\"middle\">\n<span slot=\"title\">Divider Title</span>\n</bq-divider>\n```\n\n</figure>",
-          "name": "BqDivider",
+          "description": "The Dialog component is used to display additional content or prompt a user for action.\nIt provides a way to display additional information, options, or controls in a separate, non-obstructive interface element.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-dialog footer-appearance=\"standard\" border=\"m\" size=\"medium\">\n<h5 class=\"bold flex items-center gap-s\" slot=\"title\">\n<bq-icon name=\"info\" size=\"30\" color=\"text--accent\" role=\"img\" title=\"Info\"></bq-icon>\nTitle\n</h5>\n<p>\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\nstandard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a\ntype specimen book.\n</p>\n<div class=\"flex gap-xs\" slot=\"footer\">\n<bq-button appearance=\"link\">Button</bq-button>\n<bq-button variant=\"ghost\">Button</bq-button>\n<bq-button variant=\"standard\" slot=\"footer\">Button</bq-button>\n</div>\n</bq-dialog>\n```\n\n</figure>",
+          "name": "BqDialog",
           "cssProperties": [
             {
-              "description": "Divider color",
-              "name": "--bq-divider--color"
+              "description": "Dialog background color",
+              "name": "--bq-dialog--background"
             },
             {
-              "description": "Divider space between title and delimiters",
-              "name": "--bq-divider--title-marginX"
+              "description": "Dialog backdrop background color",
+              "name": "--bq-dialog--background-backdrop"
+            },
+            {
+              "description": "Dialog box shadow",
+              "name": "--bq-dialog--box-shadow"
+            },
+            {
+              "description": "Dialog border color",
+              "name": "--bq-dialog--border-color"
+            },
+            {
+              "description": "Dialog border style",
+              "name": "--bq-dialog--border-style"
+            },
+            {
+              "description": "Dialog border width",
+              "name": "--bq-dialog--border-width"
+            },
+            {
+              "description": "Dialog border radius",
+              "name": "--bq-dialog--border-radius"
+            },
+            {
+              "description": "Dialog padding",
+              "name": "--bq-dialog--padding"
+            },
+            {
+              "description": "Dialog gap distance between content and footer elements",
+              "name": "--bq-dialog--content-footer-gap"
+            },
+            {
+              "description": "Dialog gap distance between title and body elements",
+              "name": "--bq-dialog--title-body-gap"
+            },
+            {
+              "description": "Dialog small width",
+              "name": "--bq-dialog--width-small"
+            },
+            {
+              "description": "Dialog medium width",
+              "name": "--bq-dialog--width-medium"
+            },
+            {
+              "description": "Dialog large width",
+              "name": "--bq-dialog--width-large"
+            },
+            {
+              "description": "Dialog z-index applied when opened",
+              "name": "--bq-dialog-z-index"
             }
           ],
           "cssParts": [
             {
-              "description": "The component's internal wrapper.",
-              "name": "base"
+              "description": "The `<main>` that holds the dialog body content.",
+              "name": "body"
             },
             {
-              "description": "The component's internal svg wrapper for the start line of the divider's stroke.",
-              "name": "dash-start"
+              "description": "The button that closes the dialog on click.",
+              "name": "button-close"
             },
             {
-              "description": "The component's internal svg wrapper for the end line of the divider's stroke.",
-              "name": "dash-end"
+              "description": "The `<div>` container that holds the dialog title and body content.",
+              "name": "content"
             },
             {
-              "description": "The component's internal line component of the divider's stroke.",
-              "name": "dash-start-line"
+              "description": "The `<dialog>` wrapper container inside the shadow DOM.",
+              "name": "dialog"
             },
             {
-              "description": "The component's internal line component of the divider's stroke.",
-              "name": "dash-end-line"
+              "description": "The `<footer>` that holds footer content.",
+              "name": "footer"
+            },
+            {
+              "description": "The `<header>` that holds the icon, title, description and close button.",
+              "name": "header"
+            },
+            {
+              "description": "The `<div>` that holds the title content.",
+              "name": "title"
             }
           ],
           "slots": [
             {
-              "description": "The title content of the divider.",
+              "description": "The title content of the dialog.",
+              "name": "title"
+            },
+            {
+              "description": "The body content of the dialog.",
               "name": ""
+            },
+            {
+              "description": "The footer content of the dialog.",
+              "name": "footer"
+            },
+            {
+              "description": "The close button content of the dialog.",
+              "name": "button-close"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "titleElem",
+              "name": "dialogElem",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "HTMLDialogElement"
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "contentElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "footerElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "closeSlotElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "OPEN_CSS_CLASS",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "'bq-dialog--open'"
+            },
             {
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBqDividerElement"
+                "text": "HTMLBqDialogElement"
               }
             },
             {
               "kind": "field",
-              "name": "hasTitle",
+              "name": "hasContent",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "dashed",
+              "name": "hasFooter",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "If true, the divider has a dashed pattern"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "border",
               "type": {
-                "text": "TDividerOrientation"
+                "text": "TDialogBorderRadius"
               },
-              "default": "'horizontal'",
-              "description": "The default orientation of the divider"
+              "default": "'m'",
+              "description": "Border radius of the dialog component",
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+              }
             },
             {
               "kind": "field",
-              "name": "strokeColor",
+              "name": "disableBackdrop",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "default": "'stroke--primary'",
-              "description": "Set the stroke color of the divider. The value should be a valid value of the palette color"
+              "default": "false",
+              "description": "If true, the backdrop overlay won't be shown when the dialog opens"
             },
             {
               "kind": "field",
-              "name": "titleAlignment",
+              "name": "disableCloseEscKeydown",
               "type": {
-                "text": "TDividerTitleAlignment | undefined"
+                "text": "boolean"
               },
-              "default": "'middle'",
-              "description": "Set the alignment of the title on the main axis of the divider (horizontal / vertical)"
+              "default": "false",
+              "description": "If true, the dialog will not close when the [Esc] key is press"
             },
             {
               "kind": "field",
-              "name": "strokeDashWidth",
+              "name": "disableCloseClickOutside",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "default": "12",
-              "description": "Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed"
+              "default": "false",
+              "description": "If true, the dialog will not close when clicking on the backdrop overlay"
             },
             {
               "kind": "field",
-              "name": "strokeDashGap",
+              "name": "footerAppearance",
               "type": {
-                "text": "number | undefined"
+                "text": "TDialogFooterAppearance"
               },
-              "default": "7",
-              "description": "Set the gap of the divider's stroke. This is applicable when the stroke is dashed"
+              "default": "'standard'",
+              "description": "The appearance of footer",
+              "parsedType": {
+                "text": "'standard' | 'highlight'"
+              }
             },
             {
               "kind": "field",
-              "name": "strokeThickness",
+              "name": "hideCloseButton",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "default": "1",
-              "description": "Set the thickness of the divider's stroke. Value expressed in px"
+              "default": "false",
+              "description": "If true, it hides the close button"
             },
             {
               "kind": "field",
-              "name": "strokeBasis",
+              "name": "open",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "Set the min width of the divider's stroke when text is not centered. Value expressed in px"
+              "default": "false",
+              "description": "If true, the dialog will be shown as open"
             },
             {
               "kind": "field",
-              "name": "strokeLinecap",
+              "name": "size",
               "type": {
-                "text": "TDividerStrokeLinecap | undefined"
+                "text": "TDialogSize"
               },
-              "default": "'butt'",
-              "description": "Set the line of the divider's stroke. This is applicable when the stroke is dashed"
+              "default": "'medium'",
+              "description": "The size of the dialog",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
+              }
             },
             {
               "kind": "method",
               "name": "checkPropValues"
             },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseClick",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "parameters": [
+                {
+                  "name": "ev",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Open the dialog"
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Closes the dialog"
+            },
+            {
+              "kind": "method",
+              "name": "cancel",
+              "description": "Dismiss or cancel the dialog"
+            },
             {
               "kind": "field",
-              "name": "handleSlotChange",
+              "name": "handleClose",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "strokeAttributes",
-              "privacy": "private",
-              "readonly": true
+              "name": "handleOpen",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "strokeDrawPositions",
-              "privacy": "private",
-              "readonly": true
+              "name": "handleTransitionEnd",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "strokeDasharray",
-              "privacy": "private",
-              "readonly": true
+              "name": "handleSlotChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
               "name": "render"
             }
           ],
-          "attributes": [
+          "events": [
+            {
+              "description": "Callback handler emitted when the dialog has been canceled or dismissed.",
+              "name": "bqCancel"
+            },
+            {
+              "description": "Callback handler emitted when the dialog will close.",
+              "name": "bqClose"
+            },
+            {
+              "description": "Callback handler emitted when the dialog will open.",
+              "name": "bqOpen"
+            },
+            {
+              "description": "Callback handler emitted when the dialog finish opening.",
+              "name": "bqAfterOpen"
+            },
+            {
+              "description": "Callback handler emitted when the dialog finish closing.",
+              "name": "bqAfterClose"
+            },
             {
+              "name": "bqCancel",
               "type": {
-                "text": "boolean"
+                "text": "EventEmitter<void>"
               },
-              "description": "If true, the divider has a dashed pattern.",
-              "name": "dashed"
+              "description": "Callback handler emitted when the dialog has been canceled or dismissed"
             },
             {
+              "name": "bqClose",
               "type": {
-                "text": "\"horizontal\" | \"vertical\""
+                "text": "EventEmitter<void>"
               },
-              "description": "The default orientation of the divider.",
-              "name": "orientation"
+              "description": "Callback handler emitted when the dialog will close"
             },
             {
+              "name": "bqOpen",
               "type": {
-                "text": "string"
+                "text": "EventEmitter<void>"
               },
-              "description": "Set the stroke color of the divider. The value should be a valid value of the palette color.",
-              "name": "stroke-color"
+              "description": "Callback handler emitted when the dialog will open"
             },
             {
+              "name": "bqAfterOpen",
               "type": {
-                "text": "\"start\" | \"middle\" | \"end\""
+                "text": "EventEmitter<void>"
               },
-              "description": "Set the alignment of the title on the main axis of the divider (horizontal / vertical).",
-              "name": "title-alignment"
+              "description": "Callback handler emitted when the dialog finish opening"
             },
             {
+              "name": "bqAfterClose",
               "type": {
-                "text": "number"
+                "text": "EventEmitter<void>"
               },
-              "description": "Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed.",
-              "name": "stroke-dash-width"
-            },
+              "description": "Callback handler emitted when the dialog finish closing"
+            }
+          ],
+          "attributes": [
             {
               "type": {
-                "text": "number"
+                "text": "\"none\" | \"xs2\" | \"xs\" | \"s\" | \"m\" | \"l\" | \"full\""
               },
-              "description": "Set the gap of the divider's stroke. This is applicable when the stroke is dashed.",
-              "name": "stroke-dash-gap"
+              "description": "Border radius of the dialog component.",
+              "name": "border"
             },
             {
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "Set the thickness of the divider's stroke. Value expressed in px.",
-              "name": "stroke-thickness"
+              "description": "If true, the backdrop overlay won't be shown when the dialog opens.",
+              "name": "disable-backdrop"
             },
             {
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "Set the min width of the divider's stroke when text is not centered. Value expressed in px.",
-              "name": "stroke-basis"
+              "description": "If true, the dialog will not close when the [Esc] key is pressed.",
+              "name": "disable-close-esc-keydown"
             },
             {
               "type": {
-                "text": "\"square\" | \"round\" | \"butt\""
+                "text": "boolean"
               },
-              "description": "Set the line of the divider's stroke. This is applicable when the stroke is dashed.",
-              "name": "stroke-linecap"
+              "description": "If true, the dialog will not close when clicking on the backdrop overlay.",
+              "name": "disable-close-click-outside"
             },
             {
-              "name": "dashed",
-              "fieldName": "dashed"
+              "type": {
+                "text": "\"standard\" | \"highlight\""
+              },
+              "description": "The appearance of the footer.",
+              "name": "footer-appearance"
             },
             {
-              "name": "orientation",
-              "fieldName": "orientation",
               "type": {
-                "text": "TDividerOrientation"
-              }
+                "text": "boolean"
+              },
+              "description": "If true, it hides the close button.",
+              "name": "hide-close-button"
             },
             {
-              "name": "stroke-color",
-              "fieldName": "strokeColor",
               "type": {
-                "text": "string"
-              }
+                "text": "boolean"
+              },
+              "description": "If true, the dialog will be shown as open.",
+              "name": "open"
             },
             {
-              "name": "title-alignment",
-              "fieldName": "titleAlignment",
               "type": {
-                "text": "TDividerTitleAlignment"
-              }
+                "text": "\"small\" | \"medium\" | \"large\""
+              },
+              "description": "The size of the dialog.",
+              "name": "size"
             },
             {
-              "name": "stroke-dash-width",
-              "fieldName": "strokeDashWidth",
+              "name": "border",
+              "fieldName": "border",
               "type": {
-                "text": "number"
+                "text": "TDialogBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
-              "name": "stroke-dash-gap",
-              "fieldName": "strokeDashGap",
+              "name": "disable-backdrop",
+              "fieldName": "disableBackdrop"
+            },
+            {
+              "name": "disable-close-esc-keydown",
+              "fieldName": "disableCloseEscKeydown"
+            },
+            {
+              "name": "disable-close-click-outside",
+              "fieldName": "disableCloseClickOutside"
+            },
+            {
+              "name": "footer-appearance",
+              "fieldName": "footerAppearance",
               "type": {
-                "text": "number"
+                "text": "TDialogFooterAppearance"
+              },
+              "parsedType": {
+                "text": "'standard' | 'highlight'"
               }
             },
             {
-              "name": "stroke-thickness",
-              "fieldName": "strokeThickness",
+              "name": "hide-close-button",
+              "fieldName": "hideCloseButton"
+            },
+            {
+              "name": "open",
+              "fieldName": "open",
               "type": {
-                "text": "number"
+                "text": "boolean"
               }
             },
             {
-              "name": "stroke-basis",
-              "fieldName": "strokeBasis",
+              "name": "size",
+              "fieldName": "size",
               "type": {
-                "text": "number"
+                "text": "TDialogSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
+            }
+          ],
+          "tagName": "bq-dialog",
+          "dependencies": [
+            {
+              "name": "bq-button",
+              "description": ""
             },
             {
-              "name": "stroke-linecap",
-              "fieldName": "strokeLinecap",
-              "type": {
-                "text": "TDividerStrokeLinecap"
-              }
+              "name": "bq-icon",
+              "description": ""
             }
           ],
-          "tagName": "bq-divider",
           "csspart": [
             {
-              "name": "base",
-              "description": "The component's internal wrapper."
+              "name": "body",
+              "description": "The `<main>` that holds the dialog body content."
             },
             {
-              "name": "dash-start",
-              "description": "The component's internal svg wrapper for the start line of the divider's stroke."
+              "name": "button-close",
+              "description": "The button that closes the dialog on click."
             },
             {
-              "name": "dash-end",
-              "description": "The component's internal svg wrapper for the end line of the divider's stroke."
+              "name": "content",
+              "description": "The `<div>` container that holds the dialog title and body content."
             },
             {
-              "name": "dash-start-line",
-              "description": "The component's internal line component of the divider's stroke."
+              "name": "dialog",
+              "description": "The `<dialog>` wrapper container inside the shadow DOM."
             },
             {
-              "name": "dash-end-line",
-              "description": "The component's internal line component of the divider's stroke."
+              "name": "footer",
+              "description": "The `<footer>` that holds footer content."
+            },
+            {
+              "name": "header",
+              "description": "The `<header>` that holds the icon, title, description and close button."
+            },
+            {
+              "name": "title",
+              "description": "The `<div>` that holds the title content."
             }
           ],
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BqDivider",
+          "name": "BqDialog",
           "declaration": {
-            "name": "BqDivider",
-            "module": "components/bq-divider.js"
+            "name": "BqDialog",
+            "module": "components/bq-dialog.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-divider",
+          "name": "bq-dialog",
           "declaration": {
-            "name": "BqDivider",
-            "module": "components/bq-divider.js"
+            "name": "BqDialog",
+            "module": "components/bq-dialog.js"
           }
         }
       ]
@@ -5984,6 +6137,9 @@
               },
               "default": "'right'",
               "deprecated": "Defines the position of the drawer",
+              "parsedType": {
+                "text": "'left' | 'right'"
+              },
               "description": ""
             },
             {
@@ -5993,7 +6149,10 @@
                 "text": "TDrawerPosition"
               },
               "default": "'end'",
-              "description": "Defines the position of the drawer"
+              "description": "Defines the position of the drawer",
+              "parsedType": {
+                "text": "'start' | 'end'"
+              }
             },
             {
               "kind": "method",
@@ -6195,6 +6354,9 @@
               "fieldName": "placement",
               "type": {
                 "text": "TDrawerPlacement"
+              },
+              "parsedType": {
+                "text": "'left' | 'right'"
               }
             },
             {
@@ -6202,6 +6364,9 @@
               "fieldName": "position",
               "type": {
                 "text": "TDrawerPosition"
+              },
+              "parsedType": {
+                "text": "'start' | 'end'"
               }
             }
           ],
@@ -6380,6 +6545,15 @@
                 "text": "HTMLBqDropdownElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "disableScrollLock",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "If true, the dropdown panel will not lock the page body scroll when open."
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -6468,6 +6642,10 @@
               "kind": "method",
               "name": "handleDisabledChange"
             },
+            {
+              "kind": "method",
+              "name": "onItemSelect"
+            },
             {
               "kind": "method",
               "name": "onClickOutside",
@@ -6491,12 +6669,11 @@
                     "text": "KeyboardEvent"
                   }
                 }
-              ],
-              "description": "Listens for the 'keyup' event on the window object\nand closes the dropdown panel if the 'Escape' key or 'Tab' key outside the component is pressed."
+              ]
             },
             {
               "kind": "method",
-              "name": "onItemSelect"
+              "name": "handleScrollEvent"
             },
             {
               "kind": "field",
@@ -6585,6 +6762,13 @@
               "description": "Defines the strategy to position the panel.",
               "name": "strategy"
             },
+            {
+              "name": "disable-scroll-lock",
+              "fieldName": "disableScrollLock",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "name": "disabled",
               "fieldName": "disabled",
@@ -6793,7 +6977,10 @@
                 "text": "TEmptyStateSize"
               },
               "default": "'medium'",
-              "description": "The size of the empty state component"
+              "description": "The size of the empty state component",
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
+              }
             },
             {
               "kind": "method",
@@ -6831,6 +7018,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TEmptyStateSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
             }
           ],
@@ -6976,6 +7166,9 @@
               },
               "default": "undefined",
               "deprecated": "It set the icon weight/style",
+              "parsedType": {
+                "text": "'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone' | undefined"
+              },
               "description": ""
             },
             {
@@ -7096,6 +7289,9 @@
               "fieldName": "weight",
               "type": {
                 "text": "TIconWeight"
+              },
+              "parsedType": {
+                "text": "'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone'"
               }
             }
           ],
@@ -7576,7 +7772,10 @@
                 "text": "TInputType"
               },
               "default": "'text'",
-              "description": "The type attribute specifies the type of input field to display.\nPossible values are 'text', 'password', 'email', 'number', 'tel', 'search', 'url', and more.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types"
+              "description": "The type attribute specifies the type of input field to display.\nPossible values are 'text', 'password', 'email', 'number', 'tel', 'search', 'url', and more.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types",
+              "parsedType": {
+                "text": "'number' | 'text' | 'date' | 'datetime-local' | 'email' | 'password' | 'search' | 'tel' | 'time' | 'url'"
+              }
             },
             {
               "kind": "field",
@@ -7585,7 +7784,10 @@
                 "text": "TInputValidation"
               },
               "default": "'none'",
-              "description": "The validation status of the input."
+              "description": "The validation status of the input.",
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
+              }
             },
             {
               "kind": "field",
@@ -7593,7 +7795,10 @@
               "type": {
                 "text": "TInputValue"
               },
-              "description": "The input value, it can be used to reset the input to a previous value"
+              "description": "The input value, it can be used to reset the input to a previous value",
+              "parsedType": {
+                "text": "string | number | string[]"
+              }
             },
             {
               "kind": "method",
@@ -8026,6 +8231,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TInputType"
+              },
+              "parsedType": {
+                "text": "'number' | 'text' | 'date' | 'datetime-local' | 'email' | 'password' | 'search' | 'tel' | 'time' | 'url'"
               }
             },
             {
@@ -8033,6 +8241,9 @@
               "fieldName": "validationStatus",
               "type": {
                 "text": "TInputValidation"
+              },
+              "parsedType": {
+                "text": "'success' | 'warning' | 'error' | 'none'"
               }
             },
             {
@@ -8040,6 +8251,9 @@
               "fieldName": "value",
               "type": {
                 "text": "TInputValue"
+              },
+              "parsedType": {
+                "text": "string | number | string[]"
               }
             }
           ],
@@ -8330,7 +8544,10 @@
                 "text": "TNotificationBorderRadius"
               },
               "default": "'s'",
-              "description": "The corder radius of the notification component"
+              "description": "The corder radius of the notification component",
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
+              }
             },
             {
               "kind": "field",
@@ -8372,7 +8589,10 @@
                 "text": "TNotificationType"
               },
               "default": "'info'",
-              "description": "Type of Notification"
+              "description": "Type of Notification",
+              "parsedType": {
+                "text": "'info' | 'success' | 'warning' | 'error' | 'neutral'"
+              }
             },
             {
               "kind": "method",
@@ -8557,6 +8777,9 @@
               "fieldName": "border",
               "type": {
                 "text": "TNotificationBorderRadius"
+              },
+              "parsedType": {
+                "text": "'none' | 'xs2' | 'xs' | 's' | 'm' | 'l' | 'full'"
               }
             },
             {
@@ -8574,102 +8797,250 @@
               }
             },
             {
-              "name": "open",
-              "fieldName": "open",
-              "type": {
-                "text": "boolean"
-              }
+              "name": "open",
+              "fieldName": "open",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "time",
+              "fieldName": "time",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "type",
+              "fieldName": "type",
+              "type": {
+                "text": "TNotificationType"
+              },
+              "parsedType": {
+                "text": "'info' | 'success' | 'warning' | 'error' | 'neutral'"
+              }
+            }
+          ],
+          "tagName": "bq-notification",
+          "dependencies": [
+            {
+              "name": "bq-button",
+              "description": ""
+            },
+            {
+              "name": "bq-icon",
+              "description": ""
+            }
+          ],
+          "csspart": [
+            {
+              "name": "base",
+              "description": "The `<div>` container of the predefined bq-icon component."
+            },
+            {
+              "name": "body",
+              "description": "The container `<div>` that wraps the notification description content"
+            },
+            {
+              "name": "btn-close",
+              "description": "The `bq-button` used to close the notification"
+            },
+            {
+              "name": "content",
+              "description": "The container `<div>` that wraps all the notification content (title, description, footer)"
+            },
+            {
+              "name": "footer",
+              "description": "The container `<div>` that wraps the notification footer content"
+            },
+            {
+              "name": "icon",
+              "description": "The `<bq-icon>` element used to render a predefined icon based on the notification type"
+            },
+            {
+              "name": "icon-outline",
+              "description": "The container `<div>` that wraps the icon element"
+            },
+            {
+              "name": "main",
+              "description": "The container `<div>` that wraps the notification main content (title, description)"
+            },
+            {
+              "name": "svg",
+              "description": "The `<svg>` element of the predefined bq-icon component."
+            },
+            {
+              "name": "title",
+              "description": "The container `<div>` that wraps the notification title content"
+            },
+            {
+              "name": "wrapper",
+              "description": "The wrapper container `<div>` of the element inside the shadow DOM"
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqNotification",
+          "declaration": {
+            "name": "BqNotification",
+            "module": "components/bq-notification.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-notification",
+          "declaration": {
+            "name": "BqNotification",
+            "module": "components/bq-notification.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-option-group.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The option group component is a container for multiple option elements.\nIt allows to manage the appearance and size of all options at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-option-group class=\"hydrated\">\n<span slot=\"header-label\">Sport</span>\n<bq-option value=\"football\">Football</bq-option>\n<bq-option value=\"basketball\">Basketball</bq-option>\n<bq-option value=\"tennis\">Tennis</bq-option>\n</bq-option-group>\n```\n\n</figure>",
+          "name": "BqOptionGroup",
+          "cssProperties": [
+            {
+              "description": "option group background color",
+              "name": "--bq-option-group--background"
+            },
+            {
+              "description": "option group font size",
+              "name": "--bq-option-group--font-size"
+            },
+            {
+              "description": "option group line height",
+              "name": "--bq-option-group--line-height"
+            },
+            {
+              "description": "option group header padding start",
+              "name": "--bq-option-group--label-padding-start"
+            },
+            {
+              "description": "option group header padding start",
+              "name": "--bq-option-group--label-padding-end"
+            },
+            {
+              "description": "option group header padding Y axis",
+              "name": "--bq-option-group--label-paddingY"
+            },
+            {
+              "description": "option group text within label padding start",
+              "name": "--bq-option-group--label-text-padding-start"
+            },
+            {
+              "description": "option group text within label padding start",
+              "name": "--bq-option-group--label-text-padding-end"
+            },
+            {
+              "description": "option group container padding start",
+              "name": "--bq-option-group--container-padding-start"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The `legend` tag element which acts as a container for the label",
+              "name": "label"
             },
             {
-              "name": "time",
-              "fieldName": "time",
-              "type": {
-                "text": "number"
-              }
+              "description": "The prefix of the label",
+              "name": "prefix"
             },
             {
-              "name": "type",
-              "fieldName": "type",
-              "type": {
-                "text": "TNotificationType"
-              }
-            }
-          ],
-          "tagName": "bq-notification",
-          "dependencies": [
+              "description": "The text of the label",
+              "name": "label"
+            },
             {
-              "name": "bq-button",
-              "description": ""
+              "description": "The suffix of the label",
+              "name": "suffix"
             },
             {
-              "name": "bq-icon",
-              "description": ""
+              "description": "The `div` element which holds the option items",
+              "name": "group"
             }
           ],
-          "csspart": [
+          "slots": [
             {
-              "name": "base",
-              "description": "The `<div>` container of the predefined bq-icon component."
+              "description": "The label of the option group",
+              "name": "header-label"
             },
             {
-              "name": "body",
-              "description": "The container `<div>` that wraps the notification description content"
+              "description": "The prefix of the label",
+              "name": "header-prefix"
             },
             {
-              "name": "btn-close",
-              "description": "The `bq-button` used to close the notification"
+              "description": "The suffix of the label",
+              "name": "header-suffix"
             },
             {
-              "name": "content",
-              "description": "The container `<div>` that wraps all the notification content (title, description, footer)"
-            },
+              "description": "The option items",
+              "name": ""
+            }
+          ],
+          "members": [
             {
-              "name": "footer",
-              "description": "The container `<div>` that wraps the notification footer content"
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
-              "name": "icon",
-              "description": "The `<bq-icon>` element used to render a predefined icon based on the notification type"
-            },
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "bq-option-group",
+          "csspart": [
             {
-              "name": "icon-outline",
-              "description": "The container `<div>` that wraps the icon element"
+              "name": "label",
+              "description": "The `legend` tag element which acts as a container for the label"
             },
             {
-              "name": "main",
-              "description": "The container `<div>` that wraps the notification main content (title, description)"
+              "name": "prefix",
+              "description": "The prefix of the label"
             },
             {
-              "name": "svg",
-              "description": "The `<svg>` element of the predefined bq-icon component."
+              "name": "label",
+              "description": "The text of the label"
             },
             {
-              "name": "title",
-              "description": "The container `<div>` that wraps the notification title content"
+              "name": "suffix",
+              "description": "The suffix of the label"
             },
             {
-              "name": "wrapper",
-              "description": "The wrapper container `<div>` of the element inside the shadow DOM"
+              "name": "group",
+              "description": "The `div` element which holds the option items"
             }
           ],
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BqNotification",
+          "name": "BqOptionGroup",
           "declaration": {
-            "name": "BqNotification",
-            "module": "components/bq-notification.js"
+            "name": "BqOptionGroup",
+            "module": "components/bq-option-group.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-notification",
+          "name": "bq-option-group",
           "declaration": {
-            "name": "BqNotification",
-            "module": "components/bq-notification.js"
+            "name": "BqOptionGroup",
+            "module": "components/bq-option-group.js"
           }
         }
       ]
@@ -8916,254 +9287,109 @@
               },
               "description": "Handler to be called when item is clicked"
             },
-            {
-              "name": "bqEnter",
-              "type": {
-                "text": "EventEmitter<HTMLBqOptionElement>"
-              },
-              "description": "Handler to be called on enter key press"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true, the option is disabled.",
-              "name": "disabled"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true, the option is hidden.",
-              "name": "hidden"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "A string representing the value of the option. Can be used to identify the item.",
-              "name": "value"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true, the option is selected and active.",
-              "name": "selected"
-            },
-            {
-              "name": "hidden",
-              "fieldName": "hidden",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "selected",
-              "fieldName": "selected",
-              "type": {
-                "text": "boolean"
-              }
-            }
-          ],
-          "tagName": "bq-option",
-          "csspart": [
-            {
-              "name": "base",
-              "description": "The component's internal wrapper."
-            },
-            {
-              "name": "label",
-              "description": "The `span` element in which the label text is displayed."
-            },
-            {
-              "name": "prefix",
-              "description": "The `span` element in which the prefix is displayed (generally `bq-icon`)."
-            },
-            {
-              "name": "suffix",
-              "description": "The `span` element in which the suffix is displayed (generally `bq-icon`)."
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqOption",
-          "declaration": {
-            "name": "BqOption",
-            "module": "components/bq-option.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-option",
-          "declaration": {
-            "name": "BqOption",
-            "module": "components/bq-option.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-option-group.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The option group component is a container for multiple option elements.\nIt allows to manage the appearance and size of all options at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-option-group class=\"hydrated\">\n<span slot=\"header-label\">Sport</span>\n<bq-option value=\"football\">Football</bq-option>\n<bq-option value=\"basketball\">Basketball</bq-option>\n<bq-option value=\"tennis\">Tennis</bq-option>\n</bq-option-group>\n```\n\n</figure>",
-          "name": "BqOptionGroup",
-          "cssProperties": [
-            {
-              "description": "option group background color",
-              "name": "--bq-option-group--background"
-            },
-            {
-              "description": "option group font size",
-              "name": "--bq-option-group--font-size"
-            },
-            {
-              "description": "option group line height",
-              "name": "--bq-option-group--line-height"
-            },
-            {
-              "description": "option group header padding start",
-              "name": "--bq-option-group--label-padding-start"
-            },
-            {
-              "description": "option group header padding start",
-              "name": "--bq-option-group--label-padding-end"
-            },
-            {
-              "description": "option group header padding Y axis",
-              "name": "--bq-option-group--label-paddingY"
-            },
-            {
-              "description": "option group text within label padding start",
-              "name": "--bq-option-group--label-text-padding-start"
-            },
-            {
-              "description": "option group text within label padding start",
-              "name": "--bq-option-group--label-text-padding-end"
-            },
-            {
-              "description": "option group container padding start",
-              "name": "--bq-option-group--container-padding-start"
+            {
+              "name": "bqEnter",
+              "type": {
+                "text": "EventEmitter<HTMLBqOptionElement>"
+              },
+              "description": "Handler to be called on enter key press"
             }
           ],
-          "cssParts": [
-            {
-              "description": "The `legend` tag element which acts as a container for the label",
-              "name": "label"
-            },
+          "attributes": [
             {
-              "description": "The prefix of the label",
-              "name": "prefix"
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the option is disabled.",
+              "name": "disabled"
             },
             {
-              "description": "The text of the label",
-              "name": "label"
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the option is hidden.",
+              "name": "hidden"
             },
             {
-              "description": "The suffix of the label",
-              "name": "suffix"
+              "type": {
+                "text": "string"
+              },
+              "description": "A string representing the value of the option. Can be used to identify the item.",
+              "name": "value"
             },
             {
-              "description": "The `div` element which holds the option items",
-              "name": "group"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The label of the option group",
-              "name": "header-label"
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true, the option is selected and active.",
+              "name": "selected"
             },
             {
-              "description": "The prefix of the label",
-              "name": "header-prefix"
+              "name": "hidden",
+              "fieldName": "hidden",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
-              "description": "The suffix of the label",
-              "name": "header-suffix"
+              "name": "disabled",
+              "fieldName": "disabled",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
-              "description": "The option items",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
+              "name": "value",
+              "fieldName": "value",
               "type": {
-                "text": "HTMLElement"
+                "text": "string"
               }
             },
             {
-              "kind": "method",
-              "name": "render"
+              "name": "selected",
+              "fieldName": "selected",
+              "type": {
+                "text": "boolean"
+              }
             }
           ],
-          "tagName": "bq-option-group",
+          "tagName": "bq-option",
           "csspart": [
             {
-              "name": "label",
-              "description": "The `legend` tag element which acts as a container for the label"
-            },
-            {
-              "name": "prefix",
-              "description": "The prefix of the label"
+              "name": "base",
+              "description": "The component's internal wrapper."
             },
             {
               "name": "label",
-              "description": "The text of the label"
+              "description": "The `span` element in which the label text is displayed."
             },
             {
-              "name": "suffix",
-              "description": "The suffix of the label"
+              "name": "prefix",
+              "description": "The `span` element in which the prefix is displayed (generally `bq-icon`)."
             },
             {
-              "name": "group",
-              "description": "The `div` element which holds the option items"
+              "name": "suffix",
+              "description": "The `span` element in which the suffix is displayed (generally `bq-icon`)."
             }
           ],
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BqOptionGroup",
+          "name": "BqOption",
           "declaration": {
-            "name": "BqOptionGroup",
-            "module": "components/bq-option-group.js"
+            "name": "BqOption",
+            "module": "components/bq-option.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-option-group",
+          "name": "bq-option",
           "declaration": {
-            "name": "BqOptionGroup",
-            "module": "components/bq-option-group.js"
+            "name": "BqOption",
+            "module": "components/bq-option.js"
           }
         }
       ]
@@ -9549,6 +9775,15 @@
                 "text": "HTMLBqPanelElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "disableScrollLock",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "If true, the panel will not lock the page body scroll when open."
+            },
             {
               "kind": "field",
               "name": "distance",
@@ -9725,6 +9960,13 @@
               "description": "Defines the strategy to position the panel.",
               "name": "strategy"
             },
+            {
+              "name": "disable-scroll-lock",
+              "fieldName": "disableScrollLock",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "name": "distance",
               "fieldName": "distance",
@@ -9871,7 +10113,10 @@
                 "text": "TProgressBorderShape"
               },
               "default": "'rounded'",
-              "description": "It will set the border style of the progress bar"
+              "description": "It will set the border style of the progress bar",
+              "parsedType": {
+                "text": "'square' | 'rounded'"
+              }
             },
             {
               "kind": "field",
@@ -9907,7 +10152,10 @@
                 "text": "TProgressThickness"
               },
               "default": "'medium'",
-              "description": "Progress bar thickness"
+              "description": "Progress bar thickness",
+              "parsedType": {
+                "text": "'medium' | 'large'"
+              }
             },
             {
               "kind": "field",
@@ -9916,7 +10164,10 @@
                 "text": "TProgressType"
               },
               "default": "'default'",
-              "description": "Progress type"
+              "description": "Progress type",
+              "parsedType": {
+                "text": "'error' | 'default'"
+              }
             },
             {
               "kind": "field",
@@ -10016,6 +10267,9 @@
               "fieldName": "borderShape",
               "type": {
                 "text": "TProgressBorderShape"
+              },
+              "parsedType": {
+                "text": "'square' | 'rounded'"
               }
             },
             {
@@ -10044,6 +10298,9 @@
               "fieldName": "thickness",
               "type": {
                 "text": "TProgressThickness"
+              },
+              "parsedType": {
+                "text": "'medium' | 'large'"
               }
             },
             {
@@ -10051,6 +10308,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TProgressType"
+              },
+              "parsedType": {
+                "text": "'error' | 'default'"
               }
             },
             {
@@ -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",
@@ -13579,6 +13901,9 @@
               "fieldName": "textPosition",
               "type": {
                 "text": "TSpinnerTextPosition"
+              },
+              "parsedType": {
+                "text": "'none' | 'left' | 'right' | 'above' | 'bellow'"
               }
             },
             {
@@ -13586,6 +13911,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TSpinnerSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium' | 'large'"
               }
             }
           ],
@@ -13680,7 +14008,10 @@
                 "text": "TStatusType"
               },
               "default": "'neutral'",
-              "description": "It defines the type of status to display"
+              "description": "It defines the type of status to display",
+              "parsedType": {
+                "text": "'info' | 'success' | 'danger' | 'neutral' | 'alert'"
+              }
             },
             {
               "kind": "method",
@@ -13704,6 +14035,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TStatusType"
+              },
+              "parsedType": {
+                "text": "'info' | 'success' | 'danger' | 'neutral' | 'alert'"
               }
             }
           ],
@@ -13828,7 +14162,10 @@
                 "text": "TStepsSize | undefined"
               },
               "default": "'medium'",
-              "description": "It defines prefix size"
+              "description": "It defines prefix size",
+              "parsedType": {
+                "text": "'small' | 'medium' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -13837,7 +14174,10 @@
                 "text": "TStepItemStatus | undefined"
               },
               "default": "'default'",
-              "description": "It defines step item appearance based on its status"
+              "description": "It defines step item appearance based on its status",
+              "parsedType": {
+                "text": "'error' | 'default' | 'current' | 'completed' | 'disabled' | undefined"
+              }
             },
             {
               "kind": "field",
@@ -13845,7 +14185,10 @@
               "type": {
                 "text": "TStepsType | undefined"
               },
-              "description": "It defines the step item type used"
+              "description": "It defines the step item type used",
+              "parsedType": {
+                "text": "'numeric' | 'icon' | 'dot' | undefined"
+              }
             },
             {
               "kind": "method",
@@ -13919,6 +14262,9 @@
               "fieldName": "size",
               "type": {
                 "text": "TStepsSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
               }
             },
             {
@@ -13926,6 +14272,9 @@
               "fieldName": "status",
               "type": {
                 "text": "TStepItemStatus"
+              },
+              "parsedType": {
+                "text": "'error' | 'default' | 'current' | 'completed' | 'disabled'"
               }
             },
             {
@@ -13933,6 +14282,9 @@
               "fieldName": "type",
               "type": {
                 "text": "TStepsType"
+              },
+              "parsedType": {
+                "text": "'numeric' | 'icon' | 'dot'"
               }
             }
           ],
@@ -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",