@beeq/core 1.13.0 → 1.13.1

package/dist/custom-elements.json

@@ -3244,443 +3244,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-checkbox.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The checkbox is a UI component that allows users to select one or more options from a list of choices.\nIt is commonly used in forms, surveys, and settings pages.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-checkbox name=\"bq-checkbox\" value=\"checkbox-value\" background-on-hover>\nCheckbox label\n</bq-checkbox>\n```\n\n</figure>",
-          "name": "BqCheckbox",
-          "cssProperties": [
-            {
-              "description": "Checkbox background color",
-              "name": "--bq-checkbox--background-color"
-            },
-            {
-              "description": "Checkbox border radius",
-              "name": "--bq-checkbox--border-radius"
-            },
-            {
-              "description": "Checkbox border width",
-              "name": "--bq-checkbox--border-width"
-            },
-            {
-              "description": "Checkbox size",
-              "name": "--bq-checkbox--size"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's internal wrapper of the checkbox component.",
-              "name": "base"
-            },
-            {
-              "description": "The container `<div>` element that holds the custom checkbox.",
-              "name": "control"
-            },
-            {
-              "description": "The native HTML `<input type=\"checkbox\">` used under the hood.",
-              "name": "input"
-            },
-            {
-              "description": "The `<span>` element that renders the custom checked/indeterminate state.",
-              "name": "checkbox"
-            },
-            {
-              "description": "The `<span>` element that holds the text content.",
-              "name": "label"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The content of the checkbox component",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "inputElem",
-              "type": {
-                "text": "HTMLInputElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "userTriggeredChange",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqCheckboxElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "internals",
-              "type": {
-                "text": "ElementInternals"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "backgroundOnHover",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true checkbox displays background on hover"
-            },
-            {
-              "kind": "field",
-              "name": "formId",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The form ID that the checkbox is associated with"
-            },
-            {
-              "kind": "field",
-              "name": "formValidationMessage",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "The native form validation message"
-            },
-            {
-              "kind": "field",
-              "name": "checked",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If true checkbox is checked"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true checkbox is disabled"
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "A state that is neither checked nor unchecked"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair."
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If `true`, it will indicate that the user must specify a value for the checkbox before the owning form can be submitted"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "A string representing the value of the checkbox. Primarily used to differentiate a list of related checkboxes that have the same name."
-            },
-            {
-              "kind": "method",
-              "name": "handleCheckedPropChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleIndeterminatePropChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleRequiredPropChange"
-            },
-            {
-              "kind": "method",
-              "name": "formAssociatedCallback"
-            },
-            {
-              "kind": "method",
-              "name": "formResetCallback"
-            },
-            {
-              "kind": "method",
-              "name": "vClick",
-              "description": "Simulate a click event on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.click()`."
-            },
-            {
-              "kind": "method",
-              "name": "vFocus",
-              "description": "Sets focus on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.focus()`."
-            },
-            {
-              "kind": "method",
-              "name": "vBlur",
-              "description": "Remove focus from the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.blur()`."
-            },
-            {
-              "kind": "field",
-              "name": "setFormValue",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "updateFormValidity",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleOnFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleOnBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "events": [
-            {
-              "description": "Handler to be called when the checkbox state changes",
-              "name": "bqChange"
-            },
-            {
-              "description": "Handler to be called when the checkbox gets focus",
-              "name": "bqFocus"
-            },
-            {
-              "description": "Handler to be called when the checkbox loses focus",
-              "name": "bqBlur"
-            },
-            {
-              "name": "bqChange",
-              "type": {
-                "text": "EventEmitter<{ checked: boolean }>"
-              },
-              "description": "Handler to be called when the checkbox state changes"
-            },
-            {
-              "name": "bqFocus",
-              "type": {
-                "text": "EventEmitter<HTMLBqCheckboxElement>"
-              },
-              "description": "Handler to be called when the checkbox gets focus"
-            },
-            {
-              "name": "bqBlur",
-              "type": {
-                "text": "EventEmitter<HTMLBqCheckboxElement>"
-              },
-              "description": "Handler to be called when the checkbox loses focus"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true checkbox displays background on hover",
-              "name": "background-on-hover"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The form ID that the checkbox is associated with",
-              "name": "form-id"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The native form validation message",
-              "name": "form-validation-message"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true checkbox is checked",
-              "name": "checked"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true checkbox is disabled",
-              "name": "disabled"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "A state that is neither checked nor unchecked",
-              "name": "indeterminate"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair",
-              "name": "name"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If `true`, it will indicate that the user must specify a value for the checkbox before the owning form can be submitted",
-              "name": "required"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "A string representing the value of the checkbox. Primarily used to differentiate a list of related checkboxes that have the same name",
-              "name": "value"
-            },
-            {
-              "name": "background-on-hover",
-              "fieldName": "backgroundOnHover",
-              "default": "false",
-              "description": "If true checkbox displays background on hover"
-            },
-            {
-              "name": "form-id",
-              "fieldName": "formId",
-              "description": "The form ID that the checkbox is associated with",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "form-validation-message",
-              "fieldName": "formValidationMessage",
-              "description": "The native form validation message",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "checked",
-              "fieldName": "checked",
-              "description": "If true checkbox is checked",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "If true checkbox is disabled"
-            },
-            {
-              "name": "indeterminate",
-              "fieldName": "indeterminate",
-              "default": "false",
-              "description": "A state that is neither checked nor unchecked"
-            },
-            {
-              "name": "name",
-              "fieldName": "name",
-              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "required",
-              "fieldName": "required",
-              "description": "If `true`, it will indicate that the user must specify a value for the checkbox before the owning form can be submitted",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "description": "A string representing the value of the checkbox. Primarily used to differentiate a list of related checkboxes that have the same name.",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "tagName": "bq-checkbox",
-          "csspart": [
-            {
-              "name": "base",
-              "description": "The component's internal wrapper of the checkbox component."
-            },
-            {
-              "name": "control",
-              "description": "The container `<div>` element that holds the custom checkbox."
-            },
-            {
-              "name": "input",
-              "description": "The native HTML `<input type=\"checkbox\">` used under the hood."
-            },
-            {
-              "name": "checkbox",
-              "description": "The `<span>` element that renders the custom checked/indeterminate state."
-            },
-            {
-              "name": "label",
-              "description": "The `<span>` element that holds the text content."
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqCheckbox",
-          "declaration": {
-            "name": "BqCheckbox",
-            "module": "components/bq-checkbox.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-checkbox",
-          "declaration": {
-            "name": "BqCheckbox",
-            "module": "components/bq-checkbox.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/bq-date-picker.js",
@@ -5512,6 +5075,443 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-checkbox.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The checkbox is a UI component that allows users to select one or more options from a list of choices.\nIt is commonly used in forms, surveys, and settings pages.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-checkbox name=\"bq-checkbox\" value=\"checkbox-value\" background-on-hover>\nCheckbox label\n</bq-checkbox>\n```\n\n</figure>",
+          "name": "BqCheckbox",
+          "cssProperties": [
+            {
+              "description": "Checkbox background color",
+              "name": "--bq-checkbox--background-color"
+            },
+            {
+              "description": "Checkbox border radius",
+              "name": "--bq-checkbox--border-radius"
+            },
+            {
+              "description": "Checkbox border width",
+              "name": "--bq-checkbox--border-width"
+            },
+            {
+              "description": "Checkbox size",
+              "name": "--bq-checkbox--size"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's internal wrapper of the checkbox component.",
+              "name": "base"
+            },
+            {
+              "description": "The container `<div>` element that holds the custom checkbox.",
+              "name": "control"
+            },
+            {
+              "description": "The native HTML `<input type=\"checkbox\">` used under the hood.",
+              "name": "input"
+            },
+            {
+              "description": "The `<span>` element that renders the custom checked/indeterminate state.",
+              "name": "checkbox"
+            },
+            {
+              "description": "The `<span>` element that holds the text content.",
+              "name": "label"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The content of the checkbox component",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "inputElem",
+              "type": {
+                "text": "HTMLInputElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "userTriggeredChange",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqCheckboxElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "internals",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "backgroundOnHover",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true checkbox displays background on hover"
+            },
+            {
+              "kind": "field",
+              "name": "formId",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The form ID that the checkbox is associated with"
+            },
+            {
+              "kind": "field",
+              "name": "formValidationMessage",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The native form validation message"
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If true checkbox is checked"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true checkbox is disabled"
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "A state that is neither checked nor unchecked"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair."
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "If `true`, it will indicate that the user must specify a value for the checkbox before the owning form can be submitted"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "A string representing the value of the checkbox. Primarily used to differentiate a list of related checkboxes that have the same name."
+            },
+            {
+              "kind": "method",
+              "name": "handleCheckedPropChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleIndeterminatePropChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleRequiredPropChange"
+            },
+            {
+              "kind": "method",
+              "name": "formAssociatedCallback"
+            },
+            {
+              "kind": "method",
+              "name": "formResetCallback"
+            },
+            {
+              "kind": "method",
+              "name": "vClick",
+              "description": "Simulate a click event on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.click()`."
+            },
+            {
+              "kind": "method",
+              "name": "vFocus",
+              "description": "Sets focus on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.focus()`."
+            },
+            {
+              "kind": "method",
+              "name": "vBlur",
+              "description": "Remove focus from the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.blur()`."
+            },
+            {
+              "kind": "field",
+              "name": "setFormValue",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "updateFormValidity",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleOnFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleOnBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "events": [
+            {
+              "description": "Handler to be called when the checkbox state changes",
+              "name": "bqChange"
+            },
+            {
+              "description": "Handler to be called when the checkbox gets focus",
+              "name": "bqFocus"
+            },
+            {
+              "description": "Handler to be called when the checkbox loses focus",
+              "name": "bqBlur"
+            },
+            {
+              "name": "bqChange",
+              "type": {
+                "text": "EventEmitter<{ checked: boolean }>"
+              },
+              "description": "Handler to be called when the checkbox state changes"
+            },
+            {
+              "name": "bqFocus",
+              "type": {
+                "text": "EventEmitter<HTMLBqCheckboxElement>"
+              },
+              "description": "Handler to be called when the checkbox gets focus"
+            },
+            {
+              "name": "bqBlur",
+              "type": {
+                "text": "EventEmitter<HTMLBqCheckboxElement>"
+              },
+              "description": "Handler to be called when the checkbox loses focus"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true checkbox displays background on hover",
+              "name": "background-on-hover"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The form ID that the checkbox is associated with",
+              "name": "form-id"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The native form validation message",
+              "name": "form-validation-message"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true checkbox is checked",
+              "name": "checked"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true checkbox is disabled",
+              "name": "disabled"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "A state that is neither checked nor unchecked",
+              "name": "indeterminate"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair",
+              "name": "name"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If `true`, it will indicate that the user must specify a value for the checkbox before the owning form can be submitted",
+              "name": "required"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "A string representing the value of the checkbox. Primarily used to differentiate a list of related checkboxes that have the same name",
+              "name": "value"
+            },
+            {
+              "name": "background-on-hover",
+              "fieldName": "backgroundOnHover",
+              "default": "false",
+              "description": "If true checkbox displays background on hover"
+            },
+            {
+              "name": "form-id",
+              "fieldName": "formId",
+              "description": "The form ID that the checkbox is associated with",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "form-validation-message",
+              "fieldName": "formValidationMessage",
+              "description": "The native form validation message",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "checked",
+              "fieldName": "checked",
+              "description": "If true checkbox is checked",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "If true checkbox is disabled"
+            },
+            {
+              "name": "indeterminate",
+              "fieldName": "indeterminate",
+              "default": "false",
+              "description": "A state that is neither checked nor unchecked"
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "required",
+              "fieldName": "required",
+              "description": "If `true`, it will indicate that the user must specify a value for the checkbox before the owning form can be submitted",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "description": "A string representing the value of the checkbox. Primarily used to differentiate a list of related checkboxes that have the same name.",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "bq-checkbox",
+          "csspart": [
+            {
+              "name": "base",
+              "description": "The component's internal wrapper of the checkbox component."
+            },
+            {
+              "name": "control",
+              "description": "The container `<div>` element that holds the custom checkbox."
+            },
+            {
+              "name": "input",
+              "description": "The native HTML `<input type=\"checkbox\">` used under the hood."
+            },
+            {
+              "name": "checkbox",
+              "description": "The `<span>` element that renders the custom checked/indeterminate state."
+            },
+            {
+              "name": "label",
+              "description": "The `<span>` element that holds the text content."
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqCheckbox",
+          "declaration": {
+            "name": "BqCheckbox",
+            "module": "components/bq-checkbox.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-checkbox",
+          "declaration": {
+            "name": "BqCheckbox",
+            "module": "components/bq-checkbox.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/bq-dialog.js",
@@ -13363,297 +13363,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-side-menu-item.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Represents the default side menu item for standard navigation elements, providing a clean and straightforward way to display menu options.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-side-menu-item>\n<bq-icon name=\"star-four\" slot=\"prefix\"></bq-icon>\nMenu item\n<bq-badge slot=\"suffix\">5</bq-badge>\n</bq-side-menu-item>\n```\n\n</figure>",
-          "name": "BqSideMenuItem",
-          "cssProperties": [
-            {
-              "description": "Side menu item default background color",
-              "name": "--bq-side-menu-item--bg-default"
-            },
-            {
-              "description": "Side menu item active background color",
-              "name": "--bq-side-menu-item--bg-active"
-            },
-            {
-              "description": "Side menu item default text color",
-              "name": "--bq-side-menu-item--text-default"
-            },
-            {
-              "description": "Side menu item active text color",
-              "name": "--bq-side-menu-item--text-active"
-            },
-            {
-              "description": "Side menu item vertical padding",
-              "name": "--bq-side-menu-item--paddingX"
-            },
-            {
-              "description": "Side menu item horizontal padding",
-              "name": "--bq-side-menu-item--paddingY"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component wrapper container inside the shadow DOM",
-              "name": "base"
-            },
-            {
-              "description": "The label slot",
-              "name": "label"
-            },
-            {
-              "description": "The prefix slot",
-              "name": "prefix"
-            },
-            {
-              "description": "The suffix slot",
-              "name": "suffix"
-            },
-            {
-              "description": "The `<div>` container that holds the tooltip content (when the side menu is collapsed)",
-              "name": "panel"
-            },
-            {
-              "description": "The `<div>` container that holds the element which displays tooltip on hover (when the side menu is collapsed)",
-              "name": "trigger"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The prefix part of menu item.",
-              "name": "prefix"
-            },
-            {
-              "description": "The content of the menu item.",
-              "name": ""
-            },
-            {
-              "description": "The suffix part of menu item.",
-              "name": "suffix"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "labelElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqSideMenuItemElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "textContent",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, the menu item will be shown as active/selected."
-            },
-            {
-              "kind": "field",
-              "name": "collapse",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, the item label and suffix will be hidden and the `width` will be reduced according to its parent."
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, the menu item will be disabled (no interaction allowed)"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleBlur"
-            },
-            {
-              "kind": "field",
-              "name": "handleFocus"
-            },
-            {
-              "kind": "field",
-              "name": "handleClick"
-            },
-            {
-              "kind": "field",
-              "name": "menuItem",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "events": [
-            {
-              "description": "Handler to be called when the button loses focus.",
-              "name": "bqBlur"
-            },
-            {
-              "description": "Handler to be called when the button gets focused.",
-              "name": "bqClick"
-            },
-            {
-              "description": "Handler to be called when the button is clicked.",
-              "name": "bqFocus"
-            },
-            {
-              "name": "bqBlur",
-              "type": {
-                "text": "EventEmitter<HTMLBqSideMenuItemElement>"
-              },
-              "description": "Handler to be called when the button loses focus"
-            },
-            {
-              "name": "bqFocus",
-              "type": {
-                "text": "EventEmitter<HTMLBqSideMenuItemElement>"
-              },
-              "description": "Handler to be called when the button is clicked"
-            },
-            {
-              "name": "bqClick",
-              "type": {
-                "text": "EventEmitter<HTMLBqSideMenuItemElement>"
-              },
-              "description": "Handler to be called when button gets focus"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If `true`, the menu item will be shown as active/selected.",
-              "name": "active"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If `true`, the item label and suffix will be hidden and the `width` will be reduced according to its parent.",
-              "name": "collapse"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If `true`, the menu item will be disabled (no interaction allowed).",
-              "name": "disabled"
-            },
-            {
-              "name": "active",
-              "fieldName": "active",
-              "default": "false",
-              "description": "If true, the menu item will be shown as active/selected.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "collapse",
-              "fieldName": "collapse",
-              "default": "false",
-              "description": "If true, the item label and suffix will be hidden and the `width` will be reduced according to its parent.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "If true, the menu item will be disabled (no interaction allowed)",
-              "type": {
-                "text": "boolean"
-              }
-            }
-          ],
-          "tagName": "bq-side-menu-item",
-          "dependencies": [
-            {
-              "name": "bq-tooltip",
-              "description": ""
-            }
-          ],
-          "csspart": [
-            {
-              "name": "base",
-              "description": "The component wrapper container inside the shadow DOM"
-            },
-            {
-              "name": "label",
-              "description": "The label slot"
-            },
-            {
-              "name": "prefix",
-              "description": "The prefix slot"
-            },
-            {
-              "name": "suffix",
-              "description": "The suffix slot"
-            },
-            {
-              "name": "panel",
-              "description": "The `<div>` container that holds the tooltip content (when the side menu is collapsed)"
-            },
-            {
-              "name": "trigger",
-              "description": "The `<div>` container that holds the element which displays tooltip on hover (when the side menu is collapsed)"
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqSideMenuItem",
-          "declaration": {
-            "name": "BqSideMenuItem",
-            "module": "components/bq-side-menu-item.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-side-menu-item",
-          "declaration": {
-            "name": "BqSideMenuItem",
-            "module": "components/bq-side-menu-item.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/bq-slider.js",
@@ -14350,6 +14059,297 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-side-menu-item.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Represents the default side menu item for standard navigation elements, providing a clean and straightforward way to display menu options.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-side-menu-item>\n<bq-icon name=\"star-four\" slot=\"prefix\"></bq-icon>\nMenu item\n<bq-badge slot=\"suffix\">5</bq-badge>\n</bq-side-menu-item>\n```\n\n</figure>",
+          "name": "BqSideMenuItem",
+          "cssProperties": [
+            {
+              "description": "Side menu item default background color",
+              "name": "--bq-side-menu-item--bg-default"
+            },
+            {
+              "description": "Side menu item active background color",
+              "name": "--bq-side-menu-item--bg-active"
+            },
+            {
+              "description": "Side menu item default text color",
+              "name": "--bq-side-menu-item--text-default"
+            },
+            {
+              "description": "Side menu item active text color",
+              "name": "--bq-side-menu-item--text-active"
+            },
+            {
+              "description": "Side menu item vertical padding",
+              "name": "--bq-side-menu-item--paddingX"
+            },
+            {
+              "description": "Side menu item horizontal padding",
+              "name": "--bq-side-menu-item--paddingY"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component wrapper container inside the shadow DOM",
+              "name": "base"
+            },
+            {
+              "description": "The label slot",
+              "name": "label"
+            },
+            {
+              "description": "The prefix slot",
+              "name": "prefix"
+            },
+            {
+              "description": "The suffix slot",
+              "name": "suffix"
+            },
+            {
+              "description": "The `<div>` container that holds the tooltip content (when the side menu is collapsed)",
+              "name": "panel"
+            },
+            {
+              "description": "The `<div>` container that holds the element which displays tooltip on hover (when the side menu is collapsed)",
+              "name": "trigger"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The prefix part of menu item.",
+              "name": "prefix"
+            },
+            {
+              "description": "The content of the menu item.",
+              "name": ""
+            },
+            {
+              "description": "The suffix part of menu item.",
+              "name": "suffix"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "labelElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqSideMenuItemElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "textContent",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, the menu item will be shown as active/selected."
+            },
+            {
+              "kind": "field",
+              "name": "collapse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, the item label and suffix will be hidden and the `width` will be reduced according to its parent."
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, the menu item will be disabled (no interaction allowed)"
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleBlur"
+            },
+            {
+              "kind": "field",
+              "name": "handleFocus"
+            },
+            {
+              "kind": "field",
+              "name": "handleClick"
+            },
+            {
+              "kind": "field",
+              "name": "menuItem",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "events": [
+            {
+              "description": "Handler to be called when the button loses focus.",
+              "name": "bqBlur"
+            },
+            {
+              "description": "Handler to be called when the button gets focused.",
+              "name": "bqClick"
+            },
+            {
+              "description": "Handler to be called when the button is clicked.",
+              "name": "bqFocus"
+            },
+            {
+              "name": "bqBlur",
+              "type": {
+                "text": "EventEmitter<HTMLBqSideMenuItemElement>"
+              },
+              "description": "Handler to be called when the button loses focus"
+            },
+            {
+              "name": "bqFocus",
+              "type": {
+                "text": "EventEmitter<HTMLBqSideMenuItemElement>"
+              },
+              "description": "Handler to be called when the button is clicked"
+            },
+            {
+              "name": "bqClick",
+              "type": {
+                "text": "EventEmitter<HTMLBqSideMenuItemElement>"
+              },
+              "description": "Handler to be called when button gets focus"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If `true`, the menu item will be shown as active/selected.",
+              "name": "active"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If `true`, the item label and suffix will be hidden and the `width` will be reduced according to its parent.",
+              "name": "collapse"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If `true`, the menu item will be disabled (no interaction allowed).",
+              "name": "disabled"
+            },
+            {
+              "name": "active",
+              "fieldName": "active",
+              "default": "false",
+              "description": "If true, the menu item will be shown as active/selected.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "collapse",
+              "fieldName": "collapse",
+              "default": "false",
+              "description": "If true, the item label and suffix will be hidden and the `width` will be reduced according to its parent.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "If true, the menu item will be disabled (no interaction allowed)",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "tagName": "bq-side-menu-item",
+          "dependencies": [
+            {
+              "name": "bq-tooltip",
+              "description": ""
+            }
+          ],
+          "csspart": [
+            {
+              "name": "base",
+              "description": "The component wrapper container inside the shadow DOM"
+            },
+            {
+              "name": "label",
+              "description": "The label slot"
+            },
+            {
+              "name": "prefix",
+              "description": "The prefix slot"
+            },
+            {
+              "name": "suffix",
+              "description": "The suffix slot"
+            },
+            {
+              "name": "panel",
+              "description": "The `<div>` container that holds the tooltip content (when the side menu is collapsed)"
+            },
+            {
+              "name": "trigger",
+              "description": "The `<div>` container that holds the element which displays tooltip on hover (when the side menu is collapsed)"
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqSideMenuItem",
+          "declaration": {
+            "name": "BqSideMenuItem",
+            "module": "components/bq-side-menu-item.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-side-menu-item",
+          "declaration": {
+            "name": "BqSideMenuItem",
+            "module": "components/bq-side-menu-item.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/bq-spinner.js",
@@ -18527,6 +18527,13 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "supportsPopover",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Whether the runtime supports the HTML Popover API. When `true`, the\npanel is promoted to the browser top layer via `showPopover()`, which\nbypasses containing blocks created by ancestor `transform`, `filter`,\n`contain`, `will-change`, etc. When `false`, the panel remains a\nregular `position: fixed` element in the shadow root, which still\ncovers the common case but is subject to those containing-block\nquirks."
+            },
             {
               "kind": "field",
               "name": "el",
@@ -18600,6 +18607,10 @@
               "kind": "method",
               "name": "handleVisibleChange"
             },
+            {
+              "kind": "method",
+              "name": "handleAlwaysVisibleChange"
+            },
             {
               "kind": "method",
               "name": "handleFloatingUIOptionsChange"
@@ -18677,6 +18688,15 @@
               "name": "hideTooltip",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "floatingStrategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "isHidden",
@@ -18926,12 +18946,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/__tests__/bq-checkbox.e2e.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "components/__tests__/bq-date-picker.e2e.js",
@@ -19042,6 +19056,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-checkbox.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "components/__tests__/bq-dialog.e2e.js",
@@ -19152,13 +19172,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/__tests__/bq-side-menu-item.e2e.js",
+      "path": "components/__tests__/bq-slider.e2e.js",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "components/__tests__/bq-slider.e2e.js",
+      "path": "components/__tests__/bq-side-menu-item.e2e.js",
       "declarations": [],
       "exports": []
     },
@@ -37759,6 +37779,13 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "supportsPopover",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Whether the runtime supports the HTML Popover API. When `true`, the\npanel is promoted to the browser top layer via `showPopover()`, which\nbypasses containing blocks created by ancestor `transform`, `filter`,\n`contain`, `will-change`, etc. When `false`, the panel remains a\nregular `position: fixed` element in the shadow root, which still\ncovers the common case but is subject to those containing-block\nquirks."
+            },
             {
               "kind": "field",
               "name": "el",
@@ -37832,6 +37859,10 @@
               "kind": "method",
               "name": "handleVisibleChange"
             },
+            {
+              "kind": "method",
+              "name": "handleAlwaysVisibleChange"
+            },
             {
               "kind": "method",
               "name": "handleFloatingUIOptionsChange"
@@ -37909,6 +37940,15 @@
               "name": "hideTooltip",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "floatingStrategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "isHidden",