@beeq/core 1.8.5-beta.2 → 1.9.0

package/dist/custom-elements.json

@@ -643,219 +643,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-accordion-group.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The accordion group component is a container for multiple accordion elements.\nIt allows to manage the appearance and size of all accordions at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-accordion-group appearance=\"filled\" size=\"medium\">\n<bq-accordion> ... </bq-accordion>\n<bq-accordion> ... </bq-accordion>\n<bq-accordion> ... </bq-accordion>\n</bq-accordion-group>\n```\n\n</figure>",
-          "name": "BqAccordionGroup",
-          "cssProperties": [
-            {
-              "description": "Accordion group distance between elements",
-              "name": "--bq-accordion-group--gap"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot where the bq-accordion elements are placed.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqAccordionGroupElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "appearance",
-              "type": {
-                "text": "TAccordionAppearance"
-              },
-              "default": "'filled'",
-              "description": "The appearance style of accordion to be applied to all accordions"
-            },
-            {
-              "kind": "field",
-              "name": "expandAll",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true all accordions are expanded"
-            },
-            {
-              "kind": "field",
-              "name": "noAnimation",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Animation is set through JS when the browser does not support CSS calc-size()\nIf true, the accordion animation, will be disabled. No animation will be applied."
-            },
-            {
-              "kind": "field",
-              "name": "multiple",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true multiple accordions can be expanded at the same time"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "TAccordionSize"
-              },
-              "default": "'medium'",
-              "description": "The size of accordion to be applied to all accordions"
-            },
-            {
-              "kind": "method",
-              "name": "checkPropValues"
-            },
-            {
-              "kind": "method",
-              "name": "onBqClick",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<HTMLBqAccordionElement>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "bqAccordionElements",
-              "type": {
-                "text": "HTMLBqAccordionElement[]"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "\"filled\" | \"ghost\""
-              },
-              "description": "The appearance style of accordion to be applied to all accordions",
-              "name": "appearance",
-              "default": "\"filled\""
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true all accordions are expanded",
-              "name": "expandAll",
-              "default": "false"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Animation is set through JS when the browser does not support CSS calc-size() If true, the accordion animation, will be disabled. No animation will be applied.",
-              "name": "no-animation",
-              "default": "false"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If true multiple accordions can be expanded at the same time",
-              "name": "multiple",
-              "default": "false"
-            },
-            {
-              "type": {
-                "text": "\"small\" | \"medium\""
-              },
-              "description": "The size of accordion to be applied to all accordions",
-              "name": "size",
-              "default": "\"medium\""
-            },
-            {
-              "name": "appearance",
-              "fieldName": "appearance",
-              "type": {
-                "text": "TAccordionAppearance"
-              }
-            },
-            {
-              "name": "expand-all",
-              "fieldName": "expandAll",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "no-animation",
-              "fieldName": "noAnimation",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "multiple",
-              "fieldName": "multiple",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "size",
-              "fieldName": "size",
-              "type": {
-                "text": "TAccordionSize"
-              }
-            }
-          ],
-          "tagName": "bq-accordion-group",
-          "csspart": {
-            "name": "base",
-            "description": "The component's base wrapper."
-          },
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqAccordionGroup",
-          "declaration": {
-            "name": "BqAccordionGroup",
-            "module": "components/bq-accordion-group.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-accordion-group",
-          "declaration": {
-            "name": "BqAccordionGroup",
-            "module": "components/bq-accordion-group.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/bq-alert.js",
@@ -1458,36 +1245,249 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-avatar.js",
+      "path": "components/bq-accordion-group.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The Avatar component is a simple and customizable element that displays an image or initials in a circular or square shape.\nThis component is useful for displaying user profile pictures or any other image that represents a person or an entity.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-avatar\nalt-text=\"John Doe profile picture\"\nimage=\"/image/url/photo-1524593689594.jpeg\"\nlabel=\"John Doe profile picture\"\nshape=\"circle\"\nsize=\"medium\"\n>\n<bq-badge slot=\"badge\" text-color=\"#fff\">9</bq-badge>\n</bq-avatar>\n```\n\n</figure>",
-          "name": "BqAvatar",
+          "description": "The accordion group component is a container for multiple accordion elements.\nIt allows to manage the appearance and size of all accordions at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-accordion-group appearance=\"filled\" size=\"medium\">\n<bq-accordion> ... </bq-accordion>\n<bq-accordion> ... </bq-accordion>\n<bq-accordion> ... </bq-accordion>\n</bq-accordion-group>\n```\n\n</figure>",
+          "name": "BqAccordionGroup",
           "cssProperties": [
             {
-              "description": "Avatar background color",
-              "name": "--bq-avatar--background"
-            },
-            {
-              "description": "Avatar border color",
-              "name": "--bq-avatar--border-color"
-            },
+              "description": "Accordion group distance between elements",
+              "name": "--bq-accordion-group--gap"
+            }
+          ],
+          "cssParts": [
             {
-              "description": "Avatar border style",
-              "name": "--bq-avatar--border-style"
-            },
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
             {
-              "description": "Avatar border width",
-              "name": "--bq-avatar--border-width"
-            },
+              "description": "The default slot where the bq-accordion elements are placed.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
-              "description": "Avatar border radius for circle & any size",
-              "name": "--bq-avatar--border-radius-circle"
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqAccordionGroupElement"
+              }
             },
             {
-              "description": "Avatar border radius for square & size xsmall",
-              "name": "--bq-avatar--border-radius-squareXs"
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "TAccordionAppearance"
+              },
+              "default": "'filled'",
+              "description": "The appearance style of accordion to be applied to all accordions"
+            },
+            {
+              "kind": "field",
+              "name": "expandAll",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true all accordions are expanded"
+            },
+            {
+              "kind": "field",
+              "name": "noAnimation",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Animation is set through JS when the browser does not support CSS calc-size()\nIf true, the accordion animation, will be disabled. No animation will be applied."
+            },
+            {
+              "kind": "field",
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true multiple accordions can be expanded at the same time"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "TAccordionSize"
+              },
+              "default": "'medium'",
+              "description": "The size of accordion to be applied to all accordions"
+            },
+            {
+              "kind": "method",
+              "name": "checkPropValues"
+            },
+            {
+              "kind": "method",
+              "name": "onBqClick",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLBqAccordionElement>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "bqAccordionElements",
+              "type": {
+                "text": "HTMLBqAccordionElement[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "\"filled\" | \"ghost\""
+              },
+              "description": "The appearance style of accordion to be applied to all accordions",
+              "name": "appearance",
+              "default": "\"filled\""
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true all accordions are expanded",
+              "name": "expandAll",
+              "default": "false"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Animation is set through JS when the browser does not support CSS calc-size() If true, the accordion animation, will be disabled. No animation will be applied.",
+              "name": "no-animation",
+              "default": "false"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If true multiple accordions can be expanded at the same time",
+              "name": "multiple",
+              "default": "false"
+            },
+            {
+              "type": {
+                "text": "\"small\" | \"medium\""
+              },
+              "description": "The size of accordion to be applied to all accordions",
+              "name": "size",
+              "default": "\"medium\""
+            },
+            {
+              "name": "appearance",
+              "fieldName": "appearance",
+              "type": {
+                "text": "TAccordionAppearance"
+              }
+            },
+            {
+              "name": "expand-all",
+              "fieldName": "expandAll",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "no-animation",
+              "fieldName": "noAnimation",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "multiple",
+              "fieldName": "multiple",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "type": {
+                "text": "TAccordionSize"
+              }
+            }
+          ],
+          "tagName": "bq-accordion-group",
+          "csspart": {
+            "name": "base",
+            "description": "The component's base wrapper."
+          },
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqAccordionGroup",
+          "declaration": {
+            "name": "BqAccordionGroup",
+            "module": "components/bq-accordion-group.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-accordion-group",
+          "declaration": {
+            "name": "BqAccordionGroup",
+            "module": "components/bq-accordion-group.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-avatar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The Avatar component is a simple and customizable element that displays an image or initials in a circular or square shape.\nThis component is useful for displaying user profile pictures or any other image that represents a person or an entity.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-avatar\nalt-text=\"John Doe profile picture\"\nimage=\"/image/url/photo-1524593689594.jpeg\"\nlabel=\"John Doe profile picture\"\nshape=\"circle\"\nsize=\"medium\"\n>\n<bq-badge slot=\"badge\" text-color=\"#fff\">9</bq-badge>\n</bq-avatar>\n```\n\n</figure>",
+          "name": "BqAvatar",
+          "cssProperties": [
+            {
+              "description": "Avatar background color",
+              "name": "--bq-avatar--background"
+            },
+            {
+              "description": "Avatar border color",
+              "name": "--bq-avatar--border-color"
+            },
+            {
+              "description": "Avatar border style",
+              "name": "--bq-avatar--border-style"
+            },
+            {
+              "description": "Avatar border width",
+              "name": "--bq-avatar--border-width"
+            },
+            {
+              "description": "Avatar border radius for circle & any size",
+              "name": "--bq-avatar--border-radius-circle"
+            },
+            {
+              "description": "Avatar border radius for square & size xsmall",
+              "name": "--bq-avatar--border-radius-squareXs"
             },
             {
               "description": "Avatar border radius for square & size small",
@@ -9025,144 +9025,32 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-option-list.js",
+      "path": "components/bq-option-group.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",
+          "description": "The option group component is a container for multiple option elements.\nIt allows to manage the appearance and size of all options at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-option-group class=\"hydrated\">\n<span slot=\"header-label\">Sport</span>\n<bq-option value=\"football\">Football</bq-option>\n<bq-option value=\"basketball\">Basketball</bq-option>\n<bq-option value=\"tennis\">Tennis</bq-option>\n</bq-option-group>\n```\n\n</figure>",
+          "name": "BqOptionGroup",
           "cssProperties": [
             {
-              "description": "Option group gap between items Y axis",
-              "name": "--bq-option-group--gapY-list"
-            }
-          ],
-          "cssParts": [
+              "description": "option group background color",
+              "name": "--bq-option-group--background"
+            },
             {
-              "description": "The component's internal wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
+              "description": "option group font size",
+              "name": "--bq-option-group--font-size"
+            },
             {
-              "description": "The option items",
-              "name": ""
-            }
-          ],
-          "members": [
+              "description": "option group line height",
+              "name": "--bq-option-group--line-height"
+            },
             {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqOptionListElement"
-              }
+              "description": "option group header padding start",
+              "name": "--bq-option-group--label-padding-start"
             },
             {
-              "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",
-              "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",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The option group component is a container for multiple option elements.\nIt allows to manage the appearance and size of all options at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-option-group class=\"hydrated\">\n<span slot=\"header-label\">Sport</span>\n<bq-option value=\"football\">Football</bq-option>\n<bq-option value=\"basketball\">Basketball</bq-option>\n<bq-option value=\"tennis\">Tennis</bq-option>\n</bq-option-group>\n```\n\n</figure>",
-          "name": "BqOptionGroup",
-          "cssProperties": [
-            {
-              "description": "option group background color",
-              "name": "--bq-option-group--background"
-            },
-            {
-              "description": "option group font size",
-              "name": "--bq-option-group--font-size"
-            },
-            {
-              "description": "option group line height",
-              "name": "--bq-option-group--line-height"
-            },
-            {
-              "description": "option group header padding start",
-              "name": "--bq-option-group--label-padding-start"
-            },
-            {
-              "description": "option group header padding start",
-              "name": "--bq-option-group--label-padding-end"
+              "description": "option group header padding start",
+              "name": "--bq-option-group--label-padding-end"
             },
             {
               "description": "option group header padding Y axis",
@@ -9280,6 +9168,118 @@
         }
       ]
     },
+    {
+      "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",
+              "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-page-title.js",
@@ -10124,103 +10124,95 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-radio-group.js",
+      "path": "components/bq-radio.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The radio group is a user interface component that groups radio buttons to enable a single selection within the group.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-radio-group fieldset value=\"option1\">\n<span slot=\"label\">radio group</span>\n<bq-radio value=\"option1\">Radio option 1</bq-radio>\n<bq-radio value=\"option2\">Radio option 2</bq-radio>\n<bq-radio value=\"option3\">Radio option 3</bq-radio>\n</bq-radio-group>\n```\n\n</figure>",
-          "name": "BqRadioGroup",
+          "description": "The radio button is a user interface element that allows users to select a single option.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-radio value=\"option1\">Radio option 1</bq-radio>\n```\n\n</figure>",
+          "name": "BqRadio",
+          "cssProperties": [
+            {
+              "description": "Radio size",
+              "name": "--bq-radio--size"
+            },
+            {
+              "description": "Radio border width",
+              "name": "--bq-radio--border-width"
+            }
+          ],
           "cssParts": [
             {
-              "description": "The component's internal wrapper of the radio components.",
+              "description": "The component's internal wrapper of the radio component.",
               "name": "base"
             },
             {
-              "description": "The `<legend>` element that holds the text content.",
-              "name": "label"
+              "description": "The native HTML `<input type=\"radio\">` used under the hood.",
+              "name": "input"
             },
             {
-              "description": "The `<div>` element that holds the radio inputs.",
-              "name": "group"
+              "description": "The component's internal wrapper of the radio component.",
+              "name": "radio"
+            },
+            {
+              "description": "The `<span>` element that holds the text content.",
+              "name": "label"
             }
           ],
           "slots": [
             {
-              "description": "The bq-radio items to group",
+              "description": "The bq-radio item",
               "name": ""
-            },
-            {
-              "description": "The label content of radio group",
-              "name": "label"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "focusedBqRadio",
+              "name": "inputElement",
               "type": {
-                "text": "HTMLBqRadioElement | null"
+                "text": "HTMLInputElement"
               },
-              "privacy": "private",
-              "default": "null"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "debouncedBqChange",
+              "name": "el",
               "type": {
-                "text": "TDebounce<{ value: string; target: HTMLBqRadioElement }>"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "internals",
-              "type": {
-                "text": "ElementInternals"
+                "text": "HTMLBqRadioElement"
               }
             },
             {
               "kind": "field",
-              "name": "el",
+              "name": "checked",
               "type": {
-                "text": "HTMLBqRadioGroupElement"
-              }
+                "text": "boolean | undefined"
+              },
+              "description": "If true radio input is checked"
             },
             {
               "kind": "field",
-              "name": "backgroundOnHover",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, all radio inputs in the group will display a background on hover"
-            },
-            {
-              "kind": "field",
-              "name": "debounceTime",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change"
+              "description": "If true radio input is disabled"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "backgroundOnHover",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio inputs are disabled"
+              "description": "If true radio displays background on hover"
             },
             {
               "kind": "field",
-              "name": "fieldset",
+              "name": "formId",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "If true displays fieldset"
+              "description": "The form ID that the radio input is associated with"
             },
             {
               "kind": "field",
@@ -10230,149 +10222,67 @@
               },
               "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair."
             },
-            {
-              "kind": "field",
-              "name": "orientation",
-              "type": {
-                "text": "TRadioGroupOrientation | undefined"
-              },
-              "default": "'vertical'",
-              "description": "The display orientation of the radio inputs"
-            },
             {
               "kind": "field",
               "name": "required",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, the radio group is required"
-            },
-            {
-              "kind": "field",
-              "name": "requiredValidationMessage",
-              "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "The native form validation message when the radio group is required"
+              "description": "If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted"
             },
             {
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "description": "A string representing the value of the radio."
             },
             {
               "kind": "method",
-              "name": "handleGroupProperties"
-            },
-            {
-              "kind": "method",
-              "name": "checkPropValues"
-            },
-            {
-              "kind": "method",
-              "name": "checkDebounceChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleRequiredChange"
-            },
-            {
-              "kind": "method",
-              "name": "formAssociatedCallback"
-            },
-            {
-              "kind": "method",
-              "name": "formResetCallback"
-            },
-            {
-              "kind": "method",
-              "name": "onMouseDown",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onBqClick",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<HTMLBqRadioElement>"
-                  }
-                }
-              ]
+              "name": "vClick",
+              "description": "Simulate a click event on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.click()`."
             },
             {
               "kind": "method",
-              "name": "onBqKeyDown",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<KeyboardEvent>"
-                  }
-                }
-              ]
+              "name": "vFocus",
+              "description": "Sets focus on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.focus()`."
             },
             {
               "kind": "method",
-              "name": "onBqFocus",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<HTMLBqRadioElement>"
-                  }
-                }
-              ]
+              "name": "vBlur",
+              "description": "Remove focus from the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.blur()`."
             },
             {
               "kind": "method",
-              "name": "onBqBlur",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<HTMLBqRadioElement>"
-                  }
-                }
-              ]
+              "name": "getNativeInput",
+              "description": "Returns the native `<input>` HTML element used under the hood."
             },
             {
               "kind": "field",
-              "name": "focusRadioInputSibling",
+              "name": "handleClick",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "setCheckedRadioItem",
+              "name": "handleOnFocus",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "getNextRadioElement",
+              "name": "handleOnBlur",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "updateFormValidity",
+              "name": "handleOnKeyDown",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "bqRadioElements",
+              "name": "tabindex",
               "type": {
-                "text": "HTMLBqRadioElement[]"
+                "text": "string"
               },
               "privacy": "private",
               "readonly": true
@@ -10383,16 +10293,49 @@
             }
           ],
           "events": [
+            {
+              "description": "Handler to be called when the radio loses focus",
+              "name": "bqBlur"
+            },
             {
               "description": "Handler to be called when the radio state changes",
-              "name": "bqChange"
+              "name": "bqClick"
             },
             {
-              "name": "bqChange",
+              "description": "Handler to be called when the radio gets focused",
+              "name": "bqFocus"
+            },
+            {
+              "description": "The handler is to be called when the radio key is pressed",
+              "name": "bqKeyDown"
+            },
+            {
+              "name": "bqClick",
               "type": {
-                "text": "EventEmitter<{ value: string; target: HTMLBqRadioElement }>"
+                "text": "EventEmitter<HTMLBqRadioElement>"
               },
               "description": "Handler to be called when the radio state changes"
+            },
+            {
+              "name": "bqFocus",
+              "type": {
+                "text": "EventEmitter<HTMLBqRadioElement>"
+              },
+              "description": "Handler to be called when the radio gets focus"
+            },
+            {
+              "name": "bqBlur",
+              "type": {
+                "text": "EventEmitter<HTMLBqRadioElement>"
+              },
+              "description": "Handler to be called when the radio loses focus"
+            },
+            {
+              "name": "bqKeyDown",
+              "type": {
+                "text": "EventEmitter<KeyboardEvent>"
+              },
+              "description": "Handler to be called when the radio key is pressed"
             }
           ],
           "attributes": [
@@ -10405,24 +10348,24 @@
             },
             {
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "A number representing the delay time (in milliseconds) that bqChange event handler gets triggered once the value change",
-              "name": "debounce-time"
+              "description": "If `true` radio input is checked",
+              "name": "checked"
             },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "If `true` radio inputs are disabled",
+              "description": "If `true` radio input is disabled",
               "name": "disabled"
             },
             {
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "If `true` displays fieldset",
-              "name": "fieldset"
+              "description": "The form ID that the radio input is associated with",
+              "name": "form-id"
             },
             {
               "type": {
@@ -10431,73 +10374,54 @@
               "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair",
               "name": "name"
             },
-            {
-              "type": {
-                "text": "\"horizontal\" | \"vertical\""
-              },
-              "description": "The display orientation of the radio inputs",
-              "name": "orientation"
-            },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "If `true`, the radio group is required",
+              "description": "If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted",
               "name": "required"
             },
             {
               "type": {
-                "text": "string"
-              },
-              "description": "The native form validation message when the radio group is required",
-              "name": "required-validation-message"
-            },
-            {
-              "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The display orientation of the radio inputs",
+              "description": "A string representing the value of the radio",
               "name": "value"
             },
             {
-              "name": "background-on-hover",
-              "fieldName": "backgroundOnHover"
-            },
-            {
-              "name": "debounce-time",
-              "fieldName": "debounceTime"
+              "name": "checked",
+              "fieldName": "checked",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
               "name": "disabled",
               "fieldName": "disabled"
             },
             {
-              "name": "fieldset",
-              "fieldName": "fieldset"
+              "name": "background-on-hover",
+              "fieldName": "backgroundOnHover"
             },
             {
-              "name": "name",
-              "fieldName": "name",
+              "name": "form-id",
+              "fieldName": "formId",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "orientation",
-              "fieldName": "orientation",
+              "name": "name",
+              "fieldName": "name",
               "type": {
-                "text": "TRadioGroupOrientation"
+                "text": "string"
               }
             },
             {
               "name": "required",
-              "fieldName": "required"
-            },
-            {
-              "name": "required-validation-message",
-              "fieldName": "requiredValidationMessage",
+              "fieldName": "required",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
@@ -10508,19 +10432,23 @@
               }
             }
           ],
-          "tagName": "bq-radio-group",
+          "tagName": "bq-radio",
           "csspart": [
             {
               "name": "base",
-              "description": "The component's internal wrapper of the radio components."
+              "description": "The component's internal wrapper of the radio component."
             },
             {
-              "name": "label",
-              "description": "The `<legend>` element that holds the text content."
+              "name": "input",
+              "description": "The native HTML `<input type=\"radio\">` used under the hood."
             },
             {
-              "name": "group",
-              "description": "The `<div>` element that holds the radio inputs."
+              "name": "radio",
+              "description": "The component's internal wrapper of the radio component."
+            },
+            {
+              "name": "label",
+              "description": "The `<span>` element that holds the text content."
             }
           ],
           "customElement": true
@@ -10529,87 +10457,103 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BqRadioGroup",
+          "name": "BqRadio",
           "declaration": {
-            "name": "BqRadioGroup",
-            "module": "components/bq-radio-group.js"
+            "name": "BqRadio",
+            "module": "components/bq-radio.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-radio-group",
+          "name": "bq-radio",
           "declaration": {
-            "name": "BqRadioGroup",
-            "module": "components/bq-radio-group.js"
+            "name": "BqRadio",
+            "module": "components/bq-radio.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-radio.js",
+      "path": "components/bq-radio-group.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The radio button is a user interface element that allows users to select a single option.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-radio value=\"option1\">Radio option 1</bq-radio>\n```\n\n</figure>",
-          "name": "BqRadio",
-          "cssProperties": [
-            {
-              "description": "Radio size",
-              "name": "--bq-radio--size"
-            },
-            {
-              "description": "Radio border width",
-              "name": "--bq-radio--border-width"
-            }
-          ],
+          "description": "The radio group is a user interface component that groups radio buttons to enable a single selection within the group.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-radio-group fieldset value=\"option1\">\n<span slot=\"label\">radio group</span>\n<bq-radio value=\"option1\">Radio option 1</bq-radio>\n<bq-radio value=\"option2\">Radio option 2</bq-radio>\n<bq-radio value=\"option3\">Radio option 3</bq-radio>\n</bq-radio-group>\n```\n\n</figure>",
+          "name": "BqRadioGroup",
           "cssParts": [
             {
-              "description": "The component's internal wrapper of the radio component.",
+              "description": "The component's internal wrapper of the radio components.",
               "name": "base"
             },
             {
-              "description": "The native HTML `<input type=\"radio\">` used under the hood.",
-              "name": "input"
-            },
-            {
-              "description": "The component's internal wrapper of the radio component.",
-              "name": "radio"
+              "description": "The `<legend>` element that holds the text content.",
+              "name": "label"
             },
             {
-              "description": "The `<span>` element that holds the text content.",
-              "name": "label"
+              "description": "The `<div>` element that holds the radio inputs.",
+              "name": "group"
             }
           ],
           "slots": [
             {
-              "description": "The bq-radio item",
+              "description": "The bq-radio items to group",
               "name": ""
+            },
+            {
+              "description": "The label content of radio group",
+              "name": "label"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "inputElement",
+              "name": "focusedBqRadio",
               "type": {
-                "text": "HTMLInputElement"
+                "text": "HTMLBqRadioElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "debouncedBqChange",
+              "type": {
+                "text": "TDebounce<{ value: string; target: HTMLBqRadioElement }>"
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "internals",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
             {
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBqRadioElement"
+                "text": "HTMLBqRadioGroupElement"
               }
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "backgroundOnHover",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "If true radio input is checked"
+              "default": "false",
+              "description": "If true, all radio inputs in the group will display a background on hover"
+            },
+            {
+              "kind": "field",
+              "name": "debounceTime",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change"
             },
             {
               "kind": "field",
@@ -10618,94 +10562,168 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio input is disabled"
+              "description": "If true radio inputs are disabled"
             },
             {
               "kind": "field",
-              "name": "backgroundOnHover",
+              "name": "fieldset",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio displays background on hover"
+              "description": "If true displays fieldset"
             },
             {
               "kind": "field",
-              "name": "formId",
+              "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": "orientation",
+              "type": {
+                "text": "TRadioGroupOrientation | undefined"
+              },
+              "default": "'vertical'",
+              "description": "The display orientation of the radio inputs"
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, the radio group is required"
+            },
+            {
+              "kind": "field",
+              "name": "requiredValidationMessage",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The form ID that the radio input is associated with"
+              "description": "The native form validation message when the radio group is required"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A string representing the value of the radio."
+            },
+            {
+              "kind": "method",
+              "name": "handleGroupProperties"
+            },
+            {
+              "kind": "method",
+              "name": "checkPropValues"
+            },
+            {
+              "kind": "method",
+              "name": "checkDebounceChange"
             },
             {
-              "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": "method",
+              "name": "handleRequiredChange"
             },
             {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted"
+              "kind": "method",
+              "name": "formAssociatedCallback"
             },
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "A string representing the value of the radio."
+              "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()`."
+              "name": "onMouseDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "vFocus",
-              "description": "Sets focus on the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.focus()`."
+              "name": "onBqClick",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLBqRadioElement>"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "vBlur",
-              "description": "Remove focus from the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.blur()`."
+              "name": "onBqKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<KeyboardEvent>"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "getNativeInput",
-              "description": "Returns the native `<input>` HTML element used under the hood."
+              "name": "onBqFocus",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLBqRadioElement>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onBqBlur",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLBqRadioElement>"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "handleClick",
+              "name": "focusRadioInputSibling",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleOnFocus",
+              "name": "setCheckedRadioItem",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleOnBlur",
+              "name": "getNextRadioElement",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleOnKeyDown",
+              "name": "updateFormValidity",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "tabindex",
+              "name": "bqRadioElements",
               "type": {
-                "text": "string"
+                "text": "HTMLBqRadioElement[]"
               },
               "privacy": "private",
               "readonly": true
@@ -10716,49 +10734,16 @@
             }
           ],
           "events": [
-            {
-              "description": "Handler to be called when the radio loses focus",
-              "name": "bqBlur"
-            },
             {
               "description": "Handler to be called when the radio state changes",
-              "name": "bqClick"
-            },
-            {
-              "description": "Handler to be called when the radio gets focused",
-              "name": "bqFocus"
-            },
-            {
-              "description": "The handler is to be called when the radio key is pressed",
-              "name": "bqKeyDown"
+              "name": "bqChange"
             },
             {
-              "name": "bqClick",
+              "name": "bqChange",
               "type": {
-                "text": "EventEmitter<HTMLBqRadioElement>"
+                "text": "EventEmitter<{ value: string; target: HTMLBqRadioElement }>"
               },
               "description": "Handler to be called when the radio state changes"
-            },
-            {
-              "name": "bqFocus",
-              "type": {
-                "text": "EventEmitter<HTMLBqRadioElement>"
-              },
-              "description": "Handler to be called when the radio gets focus"
-            },
-            {
-              "name": "bqBlur",
-              "type": {
-                "text": "EventEmitter<HTMLBqRadioElement>"
-              },
-              "description": "Handler to be called when the radio loses focus"
-            },
-            {
-              "name": "bqKeyDown",
-              "type": {
-                "text": "EventEmitter<KeyboardEvent>"
-              },
-              "description": "Handler to be called when the radio key is pressed"
             }
           ],
           "attributes": [
@@ -10771,24 +10756,24 @@
             },
             {
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "If `true` radio input is checked",
-              "name": "checked"
+              "description": "A number representing the delay time (in milliseconds) that bqChange event handler gets triggered once the value change",
+              "name": "debounce-time"
             },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "If `true` radio input is disabled",
+              "description": "If `true` radio inputs are disabled",
               "name": "disabled"
             },
             {
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The form ID that the radio input is associated with",
-              "name": "form-id"
+              "description": "If `true` displays fieldset",
+              "name": "fieldset"
             },
             {
               "type": {
@@ -10797,54 +10782,73 @@
               "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair",
               "name": "name"
             },
+            {
+              "type": {
+                "text": "\"horizontal\" | \"vertical\""
+              },
+              "description": "The display orientation of the radio inputs",
+              "name": "orientation"
+            },
             {
               "type": {
                 "text": "boolean"
               },
-              "description": "If `true`, it will indicate that the user must specify a value for the radio before the owning form can be submitted",
+              "description": "If `true`, the radio group is required",
               "name": "required"
             },
             {
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "A string representing the value of the radio",
-              "name": "value"
+              "description": "The native form validation message when the radio group is required",
+              "name": "required-validation-message"
             },
             {
-              "name": "checked",
-              "fieldName": "checked",
               "type": {
-                "text": "boolean"
-              }
+                "text": "string"
+              },
+              "description": "The display orientation of the radio inputs",
+              "name": "value"
+            },
+            {
+              "name": "background-on-hover",
+              "fieldName": "backgroundOnHover"
+            },
+            {
+              "name": "debounce-time",
+              "fieldName": "debounceTime"
             },
             {
               "name": "disabled",
               "fieldName": "disabled"
             },
             {
-              "name": "background-on-hover",
-              "fieldName": "backgroundOnHover"
+              "name": "fieldset",
+              "fieldName": "fieldset"
             },
             {
-              "name": "form-id",
-              "fieldName": "formId",
+              "name": "name",
+              "fieldName": "name",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "name",
-              "fieldName": "name",
+              "name": "orientation",
+              "fieldName": "orientation",
               "type": {
-                "text": "string"
+                "text": "TRadioGroupOrientation"
               }
             },
             {
               "name": "required",
-              "fieldName": "required",
+              "fieldName": "required"
+            },
+            {
+              "name": "required-validation-message",
+              "fieldName": "requiredValidationMessage",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
@@ -10855,23 +10859,19 @@
               }
             }
           ],
-          "tagName": "bq-radio",
+          "tagName": "bq-radio-group",
           "csspart": [
             {
               "name": "base",
-              "description": "The component's internal wrapper of the radio component."
-            },
-            {
-              "name": "input",
-              "description": "The native HTML `<input type=\"radio\">` used under the hood."
+              "description": "The component's internal wrapper of the radio components."
             },
             {
-              "name": "radio",
-              "description": "The component's internal wrapper of the radio component."
+              "name": "label",
+              "description": "The `<legend>` element that holds the text content."
             },
             {
-              "name": "label",
-              "description": "The `<span>` element that holds the text content."
+              "name": "group",
+              "description": "The `<div>` element that holds the radio inputs."
             }
           ],
           "customElement": true
@@ -10880,18 +10880,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "BqRadio",
+          "name": "BqRadioGroup",
           "declaration": {
-            "name": "BqRadio",
-            "module": "components/bq-radio.js"
+            "name": "BqRadioGroup",
+            "module": "components/bq-radio-group.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-radio",
+          "name": "bq-radio-group",
           "declaration": {
-            "name": "BqRadio",
-            "module": "components/bq-radio.js"
+            "name": "BqRadioGroup",
+            "module": "components/bq-radio-group.js"
           }
         }
       ]
@@ -11139,6 +11139,14 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "debounceInput",
+              "type": {
+                "text": "TDebounce<void>"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "fallbackInputId",
@@ -11456,6 +11464,25 @@
               },
               "description": "Clears the selected value."
             },
+            {
+              "kind": "method",
+              "name": "reset",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "TSelectValue"
+                  },
+                  "description": "The value to reset the Select input to."
+                }
+              ],
+              "description": "Resets the Select input to a previous value."
+            },
             {
               "kind": "field",
               "name": "initMultipleValue",
@@ -11486,6 +11513,11 @@
               "name": "handleSearchFilter",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "handleInput",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "handleClearClick",
@@ -11601,6 +11633,13 @@
                 "text": "EventEmitter<{ value: string | number | string[]; item: HTMLBqOptionElement }>"
               },
               "description": "Callback handler emitted when the selected value has changed"
+            },
+            {
+              "name": "bqInput",
+              "type": {
+                "text": "EventEmitter<{ value: string | number | string[] }>"
+              },
+              "description": "Callback handler emitted when the Select input changes its value while typing"
             }
           ],
           "attributes": [