@beeq/core 1.12.4-beta.2 → 1.12.4

package/dist/custom-elements.json

@@ -1524,6 +1524,242 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-badge.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The Badge component is a visual indicator that can be added to various elements within a user interface.\nIt is typically used to highlight important or relevant information, such as alerts, notifications, or statuses.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-badge background-color=\"ui--success\" text-color=\"text--inverse\" size=\"small\">9</bq-badge>\n```\n\n</figure>",
+          "name": "BqBadge",
+          "cssProperties": [
+            {
+              "description": "The badge background color",
+              "name": "--bq-badge--background-color"
+            },
+            {
+              "description": "The badge box shadow",
+              "name": "--bq-badge--box-shadow"
+            },
+            {
+              "description": "The badge border color",
+              "name": "--bq-badge--border-color"
+            },
+            {
+              "description": "The badge border radius",
+              "name": "--bq-badge--border-radius"
+            },
+            {
+              "description": "The badge border style",
+              "name": "--bq-badge--border-style"
+            },
+            {
+              "description": "The badge border width",
+              "name": "--bq-badge--border-width"
+            },
+            {
+              "description": "The badge small size",
+              "name": "--bq-badge--size-small"
+            },
+            {
+              "description": "The badge medium size",
+              "name": "--bq-badge--size-medium"
+            },
+            {
+              "description": "The badge large size",
+              "name": "--bq-badge--size-large"
+            },
+            {
+              "description": "The badge text color",
+              "name": "--bq-badge--text-color"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's internal wrapper that holds the count.",
+              "name": "base"
+            },
+            {
+              "description": "The component's internal wrapper that holds the slot.",
+              "name": "number"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot is used to add content to the badge. The content can be a number or a text.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "spanElement",
+              "type": {
+                "text": "HTMLSpanElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "observer",
+              "type": {
+                "text": "MutationObserver"
+              },
+              "privacy": "private",
+              "default": "new MutationObserver((mutations) => { const [mutation] = mutations; this.contentLength = mutation.target.textContent.length; })"
+            },
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqBadgeElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "contentLength",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "backgroundColor",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Badge background color. The value should be a valid value of the palette color"
+            },
+            {
+              "kind": "field",
+              "name": "textColor",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Badge number color. The value should be a valid value of the palette color"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "TBadgeSize | undefined"
+              },
+              "default": "'small'",
+              "description": "The size of the badge. Relevant if badge has no content.",
+              "parsedType": {
+                "text": "'small' | 'medium' | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleSizePropChange"
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "slot",
+              "type": {
+                "text": "HTMLSlotElement | null"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Badge background color. The value should be a valid value of the palette color.",
+              "name": "background-color"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Badge number color. The value should be a valid value of the palette color.",
+              "name": "text-color"
+            },
+            {
+              "type": {
+                "text": "\"small\" | \"medium\" | \"large\""
+              },
+              "description": "The size of the badge. Relevant if badge has no content.",
+              "name": "size"
+            },
+            {
+              "name": "background-color",
+              "fieldName": "backgroundColor",
+              "description": "Badge background color. The value should be a valid value of the palette color",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "text-color",
+              "fieldName": "textColor",
+              "description": "Badge number color. The value should be a valid value of the palette color",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "default": "'small'",
+              "description": "The size of the badge. Relevant if badge has no content.",
+              "type": {
+                "text": "TBadgeSize"
+              },
+              "parsedType": {
+                "text": "'small' | 'medium'"
+              }
+            }
+          ],
+          "tagName": "bq-badge",
+          "csspart": [
+            {
+              "name": "base",
+              "description": "The component's internal wrapper that holds the count."
+            },
+            {
+              "name": "number",
+              "description": "The component's internal wrapper that holds the slot."
+            }
+          ],
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqBadge",
+          "declaration": {
+            "name": "BqBadge",
+            "module": "components/bq-badge.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-badge",
+          "declaration": {
+            "name": "BqBadge",
+            "module": "components/bq-badge.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/bq-avatar.js",
@@ -1874,242 +2110,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-badge.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The Badge component is a visual indicator that can be added to various elements within a user interface.\nIt is typically used to highlight important or relevant information, such as alerts, notifications, or statuses.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-badge background-color=\"ui--success\" text-color=\"text--inverse\" size=\"small\">9</bq-badge>\n```\n\n</figure>",
-          "name": "BqBadge",
-          "cssProperties": [
-            {
-              "description": "The badge background color",
-              "name": "--bq-badge--background-color"
-            },
-            {
-              "description": "The badge box shadow",
-              "name": "--bq-badge--box-shadow"
-            },
-            {
-              "description": "The badge border color",
-              "name": "--bq-badge--border-color"
-            },
-            {
-              "description": "The badge border radius",
-              "name": "--bq-badge--border-radius"
-            },
-            {
-              "description": "The badge border style",
-              "name": "--bq-badge--border-style"
-            },
-            {
-              "description": "The badge border width",
-              "name": "--bq-badge--border-width"
-            },
-            {
-              "description": "The badge small size",
-              "name": "--bq-badge--size-small"
-            },
-            {
-              "description": "The badge medium size",
-              "name": "--bq-badge--size-medium"
-            },
-            {
-              "description": "The badge large size",
-              "name": "--bq-badge--size-large"
-            },
-            {
-              "description": "The badge text color",
-              "name": "--bq-badge--text-color"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's internal wrapper that holds the count.",
-              "name": "base"
-            },
-            {
-              "description": "The component's internal wrapper that holds the slot.",
-              "name": "number"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot is used to add content to the badge. The content can be a number or a text.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "spanElement",
-              "type": {
-                "text": "HTMLSpanElement | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "observer",
-              "type": {
-                "text": "MutationObserver"
-              },
-              "privacy": "private",
-              "default": "new MutationObserver((mutations) => { const [mutation] = mutations; this.contentLength = mutation.target.textContent.length; })"
-            },
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqBadgeElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "contentLength",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "backgroundColor",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Badge background color. The value should be a valid value of the palette color"
-            },
-            {
-              "kind": "field",
-              "name": "textColor",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Badge number color. The value should be a valid value of the palette color"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "TBadgeSize | undefined"
-              },
-              "default": "'small'",
-              "description": "The size of the badge. Relevant if badge has no content.",
-              "parsedType": {
-                "text": "'small' | 'medium' | undefined"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleSizePropChange"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "slot",
-              "type": {
-                "text": "HTMLSlotElement | null"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Badge background color. The value should be a valid value of the palette color.",
-              "name": "background-color"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Badge number color. The value should be a valid value of the palette color.",
-              "name": "text-color"
-            },
-            {
-              "type": {
-                "text": "\"small\" | \"medium\" | \"large\""
-              },
-              "description": "The size of the badge. Relevant if badge has no content.",
-              "name": "size"
-            },
-            {
-              "name": "background-color",
-              "fieldName": "backgroundColor",
-              "description": "Badge background color. The value should be a valid value of the palette color",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "text-color",
-              "fieldName": "textColor",
-              "description": "Badge number color. The value should be a valid value of the palette color",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "size",
-              "fieldName": "size",
-              "default": "'small'",
-              "description": "The size of the badge. Relevant if badge has no content.",
-              "type": {
-                "text": "TBadgeSize"
-              },
-              "parsedType": {
-                "text": "'small' | 'medium'"
-              }
-            }
-          ],
-          "tagName": "bq-badge",
-          "csspart": [
-            {
-              "name": "base",
-              "description": "The component's internal wrapper that holds the count."
-            },
-            {
-              "name": "number",
-              "description": "The component's internal wrapper that holds the slot."
-            }
-          ],
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqBadge",
-          "declaration": {
-            "name": "BqBadge",
-            "module": "components/bq-badge.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-badge",
-          "declaration": {
-            "name": "BqBadge",
-            "module": "components/bq-badge.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/bq-breadcrumb.js",
@@ -3401,11 +3401,12 @@
             },
             {
               "kind": "field",
-              "name": "prevCheckedValue",
+              "name": "userTriggeredChange",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
@@ -3496,6 +3497,10 @@
               },
               "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"
@@ -7415,16 +7420,271 @@
           "kind": "js",
           "name": "BqEmptyState",
           "declaration": {
-            "name": "BqEmptyState",
-            "module": "components/bq-empty-state.js"
+            "name": "BqEmptyState",
+            "module": "components/bq-empty-state.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-empty-state",
+          "declaration": {
+            "name": "BqEmptyState",
+            "module": "components/bq-empty-state.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-icon.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The Icon component is an image that provides a visual representation of an object, action, or concept displayed on the screen.\nIt is a small graphical element that is used to enhance the user interface and improve user experience.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-icon color=\"text--brand\" name=\"bell-ringing\" size=\"24\"></bq-icon>\n```\n\n</figure>",
+          "name": "BqIcon",
+          "cssProperties": [
+            {
+              "description": "The stroke color of the SVG.",
+              "name": "--bq-icon--color"
+            },
+            {
+              "description": "The size of the SVG.",
+              "name": "--bq-icon--size"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's internal wrapper that holds the icon SVG content.",
+              "name": "base"
+            },
+            {
+              "description": "The `<svg>` tag element inside the component.",
+              "name": "svg"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "svgContent",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Label for the icon, used for accessibility"
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Set the stroke color of the SVG. The value should be a valid value of the palette color"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Icon name to load. Please check all available icons [here](https://phosphoricons.com/)"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string | number | undefined"
+              },
+              "default": "24",
+              "description": "Set the size of the SVG"
+            },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Set the source of the SVG. If the source is set, the name property will be ignored"
+            },
+            {
+              "kind": "field",
+              "name": "weight",
+              "type": {
+                "text": "TIconWeight | undefined"
+              },
+              "default": "undefined",
+              "deprecated": "It set the icon weight/style",
+              "parsedType": {
+                "text": "'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone' | undefined"
+              },
+              "description": ""
+            },
+            {
+              "kind": "method",
+              "name": "handlePropsChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleWeightChange",
+              "description": "!TO BE REMOVED: Delete this `@Watch()` once the deprecated `weight` property is removed\nWe need to maintain retro-compatibility until the next major release"
+            },
+            {
+              "kind": "field",
+              "name": "setupIconComponent",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "getIconSource",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "loadIcon",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "events": [
+            {
+              "description": "Callback handler to be called when the SVG has loaded.",
+              "name": "svgLoaded"
+            },
+            {
+              "name": "svgLoaded",
+              "type": {
+                "text": "EventEmitter"
+              },
+              "description": "Callback handler to be called when the SVG has loaded"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Set the stroke color of the SVG. The value should be a valid value of the palette color.",
+              "name": "color"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Label for the icon, used for accessibility.",
+              "name": "label"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Icon name to load. Please check all available icons [here](https://phosphoricons.com/).",
+              "name": "name"
+            },
+            {
+              "type": {
+                "text": "string | number"
+              },
+              "description": "Set the size of the SVG.",
+              "name": "size"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "Set the source of the SVG. If the source is set, the name property will be ignored.",
+              "name": "src"
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "description": "Label for the icon, used for accessibility",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "color",
+              "fieldName": "color",
+              "description": "Set the stroke color of the SVG. The value should be a valid value of the palette color",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "description": "Icon name to load. Please check all available icons [here](https://phosphoricons.com/)",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "default": "24",
+              "description": "Set the size of the SVG",
+              "type": {
+                "text": "string | number"
+              }
+            },
+            {
+              "name": "src",
+              "fieldName": "src",
+              "description": "Set the source of the SVG. If the source is set, the name property will be ignored",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "weight",
+              "fieldName": "weight",
+              "default": "undefined",
+              "type": {
+                "text": "TIconWeight"
+              },
+              "parsedType": {
+                "text": "'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone'"
+              }
+            }
+          ],
+          "tagName": "bq-icon",
+          "csspart": [
+            {
+              "name": "base",
+              "description": "The component's internal wrapper that holds the icon SVG content."
+            },
+            {
+              "name": "svg",
+              "description": "The `<svg>` tag element inside the component."
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqIcon",
+          "declaration": {
+            "name": "BqIcon",
+            "module": "components/bq-icon.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-empty-state",
+          "name": "bq-icon",
           "declaration": {
-            "name": "BqEmptyState",
-            "module": "components/bq-empty-state.js"
+            "name": "BqIcon",
+            "module": "components/bq-icon.js"
           }
         }
       ]
@@ -7897,6 +8157,10 @@
               "kind": "method",
               "name": "handleValueChange"
             },
+            {
+              "kind": "method",
+              "name": "handleRequiredPropChange"
+            },
             {
               "kind": "method",
               "name": "formAssociatedCallback"
@@ -8398,278 +8662,23 @@
             },
             {
               "name": "helper-text",
-              "description": "The helper text slot container."
-            },
-            {
-              "name": "label",
-              "description": "The label slot container."
-            },
-            {
-              "name": "input",
-              "description": "The native HTML input element used under the hood."
-            },
-            {
-              "name": "prefix",
-              "description": "The prefix slot container."
-            },
-            {
-              "name": "suffix",
-              "description": "The suffix slot container."
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqInput",
-          "declaration": {
-            "name": "BqInput",
-            "module": "components/bq-input.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-input",
-          "declaration": {
-            "name": "BqInput",
-            "module": "components/bq-input.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-icon.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The Icon component is an image that provides a visual representation of an object, action, or concept displayed on the screen.\nIt is a small graphical element that is used to enhance the user interface and improve user experience.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-icon color=\"text--brand\" name=\"bell-ringing\" size=\"24\"></bq-icon>\n```\n\n</figure>",
-          "name": "BqIcon",
-          "cssProperties": [
-            {
-              "description": "The stroke color of the SVG.",
-              "name": "--bq-icon--color"
-            },
-            {
-              "description": "The size of the SVG.",
-              "name": "--bq-icon--size"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's internal wrapper that holds the icon SVG content.",
-              "name": "base"
-            },
-            {
-              "description": "The `<svg>` tag element inside the component.",
-              "name": "svg"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "svgContent",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Label for the icon, used for accessibility"
-            },
-            {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Set the stroke color of the SVG. The value should be a valid value of the palette color"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Icon name to load. Please check all available icons [here](https://phosphoricons.com/)"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "string | number | undefined"
-              },
-              "default": "24",
-              "description": "Set the size of the SVG"
-            },
-            {
-              "kind": "field",
-              "name": "src",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Set the source of the SVG. If the source is set, the name property will be ignored"
-            },
-            {
-              "kind": "field",
-              "name": "weight",
-              "type": {
-                "text": "TIconWeight | undefined"
-              },
-              "default": "undefined",
-              "deprecated": "It set the icon weight/style",
-              "parsedType": {
-                "text": "'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone' | undefined"
-              },
-              "description": ""
-            },
-            {
-              "kind": "method",
-              "name": "handlePropsChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleWeightChange",
-              "description": "!TO BE REMOVED: Delete this `@Watch()` once the deprecated `weight` property is removed\nWe need to maintain retro-compatibility until the next major release"
-            },
-            {
-              "kind": "field",
-              "name": "setupIconComponent",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "getIconSource",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "loadIcon",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "events": [
-            {
-              "description": "Callback handler to be called when the SVG has loaded.",
-              "name": "svgLoaded"
-            },
-            {
-              "name": "svgLoaded",
-              "type": {
-                "text": "EventEmitter"
-              },
-              "description": "Callback handler to be called when the SVG has loaded"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Set the stroke color of the SVG. The value should be a valid value of the palette color.",
-              "name": "color"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Label for the icon, used for accessibility.",
-              "name": "label"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Icon name to load. Please check all available icons [here](https://phosphoricons.com/).",
-              "name": "name"
-            },
-            {
-              "type": {
-                "text": "string | number"
-              },
-              "description": "Set the size of the SVG.",
-              "name": "size"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Set the source of the SVG. If the source is set, the name property will be ignored.",
-              "name": "src"
-            },
-            {
-              "name": "label",
-              "fieldName": "label",
-              "description": "Label for the icon, used for accessibility",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "color",
-              "fieldName": "color",
-              "description": "Set the stroke color of the SVG. The value should be a valid value of the palette color",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "name",
-              "fieldName": "name",
-              "description": "Icon name to load. Please check all available icons [here](https://phosphoricons.com/)",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "size",
-              "fieldName": "size",
-              "default": "24",
-              "description": "Set the size of the SVG",
-              "type": {
-                "text": "string | number"
-              }
+              "description": "The helper text slot container."
             },
             {
-              "name": "src",
-              "fieldName": "src",
-              "description": "Set the source of the SVG. If the source is set, the name property will be ignored",
-              "type": {
-                "text": "string"
-              }
+              "name": "label",
+              "description": "The label slot container."
             },
             {
-              "name": "weight",
-              "fieldName": "weight",
-              "default": "undefined",
-              "type": {
-                "text": "TIconWeight"
-              },
-              "parsedType": {
-                "text": "'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone'"
-              }
-            }
-          ],
-          "tagName": "bq-icon",
-          "csspart": [
+              "name": "input",
+              "description": "The native HTML input element used under the hood."
+            },
             {
-              "name": "base",
-              "description": "The component's internal wrapper that holds the icon SVG content."
+              "name": "prefix",
+              "description": "The prefix slot container."
             },
             {
-              "name": "svg",
-              "description": "The `<svg>` tag element inside the component."
+              "name": "suffix",
+              "description": "The suffix slot container."
             }
           ],
           "customElement": true
@@ -8678,18 +8687,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BqIcon",
+          "name": "BqInput",
           "declaration": {
-            "name": "BqIcon",
-            "module": "components/bq-icon.js"
+            "name": "BqInput",
+            "module": "components/bq-input.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-icon",
+          "name": "bq-input",
           "declaration": {
-            "name": "BqIcon",
-            "module": "components/bq-icon.js"
+            "name": "BqInput",
+            "module": "components/bq-input.js"
           }
         }
       ]
@@ -9648,120 +9657,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-option-list.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The option list 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-list>\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-list>\n```\n\n</figure>",
-          "name": "BqOptionList",
-          "cssProperties": [
-            {
-              "description": "Option group gap between items Y axis",
-              "name": "--bq-option-group--gapY-list"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's internal wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The option items",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqOptionListElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "ariaLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Options'",
-              "description": "Aria label for the list."
-            },
-            {
-              "kind": "method",
-              "name": "onBqSelect",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<HTMLElement>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Aria label for the list.",
-              "name": "aria-label"
-            },
-            {
-              "name": "aria-label",
-              "fieldName": "ariaLabel",
-              "default": "'Options'",
-              "description": "Aria label for the list.",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "tagName": "bq-option-list",
-          "csspart": {
-            "name": "base",
-            "description": "The component's internal wrapper."
-          },
-          "events": [
-            {
-              "name": "bqSelect",
-              "type": {
-                "text": "EventEmitter<{ value: string; item: HTMLBqOptionElement }>"
-              },
-              "description": "Handler to be called when `bq-option` is selected (on click/enter press)."
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqOptionList",
-          "declaration": {
-            "name": "BqOptionList",
-            "module": "components/bq-option-list.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-option-list",
-          "declaration": {
-            "name": "BqOptionList",
-            "module": "components/bq-option-list.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/bq-option-group.js",
@@ -9826,23 +9721,108 @@
               "name": "suffix"
             },
             {
-              "description": "The `div` element which holds the option items",
-              "name": "group"
+              "description": "The `div` element which holds the option items",
+              "name": "group"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The label of the option group",
+              "name": "header-label"
+            },
+            {
+              "description": "The prefix of the label",
+              "name": "header-prefix"
+            },
+            {
+              "description": "The suffix of the label",
+              "name": "header-suffix"
+            },
+            {
+              "description": "The option items",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "bq-option-group",
+          "csspart": [
+            {
+              "name": "label",
+              "description": "The `legend` tag element which acts as a container for the label"
+            },
+            {
+              "name": "prefix",
+              "description": "The prefix of the label"
+            },
+            {
+              "name": "label",
+              "description": "The text of the label"
+            },
+            {
+              "name": "suffix",
+              "description": "The suffix of the label"
+            },
+            {
+              "name": "group",
+              "description": "The `div` element which holds the option items"
+            }
+          ],
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqOptionGroup",
+          "declaration": {
+            "name": "BqOptionGroup",
+            "module": "components/bq-option-group.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-option-group",
+          "declaration": {
+            "name": "BqOptionGroup",
+            "module": "components/bq-option-group.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-option-list.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The option list 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-list>\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-list>\n```\n\n</figure>",
+          "name": "BqOptionList",
+          "cssProperties": [
+            {
+              "description": "Option group gap between items Y axis",
+              "name": "--bq-option-group--gapY-list"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's internal wrapper.",
+              "name": "base"
             }
           ],
           "slots": [
-            {
-              "description": "The label of the option group",
-              "name": "header-label"
-            },
-            {
-              "description": "The prefix of the label",
-              "name": "header-prefix"
-            },
-            {
-              "description": "The suffix of the label",
-              "name": "header-suffix"
-            },
             {
               "description": "The option items",
               "name": ""
@@ -9853,56 +9833,85 @@
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLBqOptionListElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Options'",
+              "description": "Aria label for the list."
+            },
+            {
+              "kind": "method",
+              "name": "onBqSelect",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLElement>"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "render"
             }
           ],
-          "tagName": "bq-option-group",
-          "csspart": [
-            {
-              "name": "label",
-              "description": "The `legend` tag element which acts as a container for the label"
-            },
-            {
-              "name": "prefix",
-              "description": "The prefix of the label"
-            },
+          "attributes": [
             {
-              "name": "label",
-              "description": "The text of the label"
+              "type": {
+                "text": "string"
+              },
+              "description": "Aria label for the list.",
+              "name": "aria-label"
             },
             {
-              "name": "suffix",
-              "description": "The suffix of the label"
-            },
+              "name": "aria-label",
+              "fieldName": "ariaLabel",
+              "default": "'Options'",
+              "description": "Aria label for the list.",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "bq-option-list",
+          "csspart": {
+            "name": "base",
+            "description": "The component's internal wrapper."
+          },
+          "events": [
             {
-              "name": "group",
-              "description": "The `div` element which holds the option items"
+              "name": "bqSelect",
+              "type": {
+                "text": "EventEmitter<{ value: string; item: HTMLBqOptionElement }>"
+              },
+              "description": "Handler to be called when `bq-option` is selected (on click/enter press)."
             }
           ],
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BqOptionGroup",
+          "name": "BqOptionList",
           "declaration": {
-            "name": "BqOptionGroup",
-            "module": "components/bq-option-group.js"
+            "name": "BqOptionList",
+            "module": "components/bq-option-list.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-option-group",
+          "name": "bq-option-list",
           "declaration": {
-            "name": "BqOptionGroup",
-            "module": "components/bq-option-group.js"
+            "name": "BqOptionList",
+            "module": "components/bq-option-list.js"
           }
         }
       ]
@@ -12089,6 +12098,14 @@
               },
               "description": "The ID of the form that the Select input belongs to."
             },
+            {
+              "kind": "field",
+              "name": "formValidationMessage",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The native form validation message (mandatory if `required` is set)"
+            },
             {
               "kind": "field",
               "name": "keepOpenOnSelect",
@@ -12228,6 +12245,10 @@
               "kind": "method",
               "name": "handleValueChange"
             },
+            {
+              "kind": "method",
+              "name": "handleRequiredPropChange"
+            },
             {
               "kind": "method",
               "name": "formAssociatedCallback"
@@ -12380,6 +12401,11 @@
               "name": "getItemTextContent",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "updateFormValidity",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "options",
@@ -12512,6 +12538,13 @@
               "description": "The ID of the form that Select input field belongs to.",
               "name": "form"
             },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The native form validation message (mandatory if `required` is set).",
+              "name": "form-validation-message"
+            },
             {
               "type": {
                 "text": "boolean"
@@ -12678,6 +12711,14 @@
                 "text": "string"
               }
             },
+            {
+              "name": "form-validation-message",
+              "fieldName": "formValidationMessage",
+              "description": "The native form validation message (mandatory if `required` is set)",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "name": "keep-open-on-select",
               "fieldName": "keepOpenOnSelect",
@@ -18934,6 +18975,264 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-accordion.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-accordion-group.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-alert.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-badge.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-avatar.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-breadcrumb.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-breadcrumb-item.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-button.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-card.e2e.js",
+      "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",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-dialog.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-divider.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-drawer.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-dropdown.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-empty-state.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-icon.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-input.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-notification.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-option.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-option-group.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-option-list.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-page-title.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-panel.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-progress.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-radio.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-radio-group.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-select.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-side-menu.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-side-menu-item.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-slider.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-spinner.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-status.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-step-item.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-steps.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-switch.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-tab.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-tab-group.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-table.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-tag.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-textarea.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-toast.e2e.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/__tests__/bq-tooltip.e2e.js",
+      "declarations": [],
+      "exports": []
     }
   ]
 }