@beeq/core 1.11.1 → 1.11.2

package/dist/custom-elements.json

@@ -9546,223 +9546,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-page-title.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The Page Title component is a versatile and essential element used to display the main title of a page or section within an application.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-page-title>\n<bq-button appearance=\"link\" slot=\"back\">\n<bq-icon\ncolor=\"text--primary\"\nname=\"arrow-left\"\nweight=\"bold\"\nrole=\"img\"\ntitle=\"Navigate back to the previous page\"\n></bq-icon>\n</bq-button>\nTitle\n<div slot=\"sub-title\">Sub-title</div>\n</bq-page-title>\n```\n\n</figure>",
-          "name": "BqPageTitle",
-          "cssProperties": [
-            {
-              "description": "Padding top and bottom of the page title wrapper",
-              "name": "--paddingY"
-            },
-            {
-              "description": "Page title border end color",
-              "name": "--subtitle-borderBlockEnd"
-            },
-            {
-              "description": "Page title font weight for subtitle",
-              "name": "--subtitle-fontWeight"
-            },
-            {
-              "description": "Page title color for sub-title",
-              "name": "--subtitle-textColor"
-            },
-            {
-              "description": "Page title text size for subtitle",
-              "name": "--subtitle-textSize"
-            },
-            {
-              "description": "Page title font weight for title",
-              "name": "--title-fontWeight"
-            },
-            {
-              "description": "Page title text line height",
-              "name": "--title-lineHeight"
-            },
-            {
-              "description": "Page title color for title",
-              "name": "--title-textColor"
-            },
-            {
-              "description": "Page title text size for title",
-              "name": "--title-textSize"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The inner container `<div>`of element that contains the base page title component.",
-              "name": "base"
-            },
-            {
-              "description": "Defines the main container of the page title component, which includes the title and subtitle elements.",
-              "name": "content"
-            },
-            {
-              "description": "Defines the container that holds the title and any suffix content.",
-              "name": "title-suffix"
-            },
-            {
-              "description": "The container `<div>` page title element that acts as back slot container.",
-              "name": "back"
-            },
-            {
-              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility.",
-              "name": "title"
-            },
-            {
-              "description": "The `<div>` page title element that acts as suffix slot container.",
-              "name": "suffix"
-            },
-            {
-              "description": "The `<div>` page title element that acts as sub-title slot container.",
-              "name": "sub-title"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The back navigation button.",
-              "name": "back"
-            },
-            {
-              "description": "The main title content.",
-              "name": ""
-            },
-            {
-              "description": "The sub-title content.",
-              "name": "sub-title"
-            },
-            {
-              "description": "The suffix content.",
-              "name": "suffix"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "backNavigationElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "suffixElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "subTitleElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqPageTitleElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "haveBackNavigation",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hasSuffix",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hasSubTitle",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "bq-page-title",
-          "csspart": [
-            {
-              "name": "base",
-              "description": "The inner container `<div>`of element that contains the base page title component."
-            },
-            {
-              "name": "content",
-              "description": "Defines the main container of the page title component, which includes the title and subtitle elements."
-            },
-            {
-              "name": "title-suffix",
-              "description": "Defines the container that holds the title and any suffix content."
-            },
-            {
-              "name": "back",
-              "description": "The container `<div>` page title element that acts as back slot container."
-            },
-            {
-              "name": "title",
-              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility."
-            },
-            {
-              "name": "suffix",
-              "description": "The `<div>` page title element that acts as suffix slot container."
-            },
-            {
-              "name": "sub-title",
-              "description": "The `<div>` page title element that acts as sub-title slot container."
-            }
-          ],
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqPageTitle",
-          "declaration": {
-            "name": "BqPageTitle",
-            "module": "components/bq-page-title.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-page-title",
-          "declaration": {
-            "name": "BqPageTitle",
-            "module": "components/bq-page-title.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/bq-panel.js",
@@ -10080,45 +9863,262 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-progress.js",
+      "path": "components/bq-page-title.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "The progress bar is a user interface component that visually represents the completion status of a task or process.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-progress value=\"50\"></bq-progress>\n```\n\n</figure>",
-          "name": "BqProgress",
+          "description": "The Page Title component is a versatile and essential element used to display the main title of a page or section within an application.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-page-title>\n<bq-button appearance=\"link\" slot=\"back\">\n<bq-icon\ncolor=\"text--primary\"\nname=\"arrow-left\"\nweight=\"bold\"\nrole=\"img\"\ntitle=\"Navigate back to the previous page\"\n></bq-icon>\n</bq-button>\nTitle\n<div slot=\"sub-title\">Sub-title</div>\n</bq-page-title>\n```\n\n</figure>",
+          "name": "BqPageTitle",
           "cssProperties": [
             {
-              "description": "The progress bars height",
-              "name": "--bq-progress-bar--height"
+              "description": "Padding top and bottom of the page title wrapper",
+              "name": "--paddingY"
             },
             {
-              "description": "The progress bar width when its indeterminate",
-              "name": "--bq-progress-bar--indeterminateWidth"
+              "description": "Page title border end color",
+              "name": "--subtitle-borderBlockEnd"
             },
             {
-              "description": "The progress bar color (inside the track area)",
-              "name": "--bq-progress-bar--indicatorColor"
+              "description": "Page title font weight for subtitle",
+              "name": "--subtitle-fontWeight"
             },
             {
-              "description": "The progress bar track area (the grey one)",
-              "name": "--bq-progress-bar--trackColor"
-            }
-          ],
-          "cssParts": [
+              "description": "Page title color for sub-title",
+              "name": "--subtitle-textColor"
+            },
             {
-              "description": "The component wrapper container inside the shadow DOM",
-              "name": "wrapper"
+              "description": "Page title text size for subtitle",
+              "name": "--subtitle-textSize"
             },
             {
-              "description": "The `<div>` container that holds the native progress element",
-              "name": "progress"
+              "description": "Page title font weight for title",
+              "name": "--title-fontWeight"
             },
             {
-              "description": "The native html for progress element",
-              "name": "progress-bar"
+              "description": "Page title text line height",
+              "name": "--title-lineHeight"
             },
             {
-              "description": "The `<div>` container that holds the label value (in percentage)",
+              "description": "Page title color for title",
+              "name": "--title-textColor"
+            },
+            {
+              "description": "Page title text size for title",
+              "name": "--title-textSize"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The inner container `<div>`of element that contains the base page title component.",
+              "name": "base"
+            },
+            {
+              "description": "Defines the main container of the page title component, which includes the title and subtitle elements.",
+              "name": "content"
+            },
+            {
+              "description": "Defines the container that holds the title and any suffix content.",
+              "name": "title-suffix"
+            },
+            {
+              "description": "The container `<div>` page title element that acts as back slot container.",
+              "name": "back"
+            },
+            {
+              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility.",
+              "name": "title"
+            },
+            {
+              "description": "The `<div>` page title element that acts as suffix slot container.",
+              "name": "suffix"
+            },
+            {
+              "description": "The `<div>` page title element that acts as sub-title slot container.",
+              "name": "sub-title"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The back navigation button.",
+              "name": "back"
+            },
+            {
+              "description": "The main title content.",
+              "name": ""
+            },
+            {
+              "description": "The sub-title content.",
+              "name": "sub-title"
+            },
+            {
+              "description": "The suffix content.",
+              "name": "suffix"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "backNavigationElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "suffixElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "subTitleElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqPageTitleElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "haveBackNavigation",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "hasSuffix",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "hasSubTitle",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "bq-page-title",
+          "csspart": [
+            {
+              "name": "base",
+              "description": "The inner container `<div>`of element that contains the base page title component."
+            },
+            {
+              "name": "content",
+              "description": "Defines the main container of the page title component, which includes the title and subtitle elements."
+            },
+            {
+              "name": "title-suffix",
+              "description": "Defines the container that holds the title and any suffix content."
+            },
+            {
+              "name": "back",
+              "description": "The container `<div>` page title element that acts as back slot container."
+            },
+            {
+              "name": "title",
+              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility."
+            },
+            {
+              "name": "suffix",
+              "description": "The `<div>` page title element that acts as suffix slot container."
+            },
+            {
+              "name": "sub-title",
+              "description": "The `<div>` page title element that acts as sub-title slot container."
+            }
+          ],
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqPageTitle",
+          "declaration": {
+            "name": "BqPageTitle",
+            "module": "components/bq-page-title.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-page-title",
+          "declaration": {
+            "name": "BqPageTitle",
+            "module": "components/bq-page-title.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-progress.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The progress bar is a user interface component that visually represents the completion status of a task or process.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-progress value=\"50\"></bq-progress>\n```\n\n</figure>",
+          "name": "BqProgress",
+          "cssProperties": [
+            {
+              "description": "The progress bars height",
+              "name": "--bq-progress-bar--height"
+            },
+            {
+              "description": "The progress bar width when its indeterminate",
+              "name": "--bq-progress-bar--indeterminateWidth"
+            },
+            {
+              "description": "The progress bar color (inside the track area)",
+              "name": "--bq-progress-bar--indicatorColor"
+            },
+            {
+              "description": "The progress bar track area (the grey one)",
+              "name": "--bq-progress-bar--trackColor"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component wrapper container inside the shadow DOM",
+              "name": "wrapper"
+            },
+            {
+              "description": "The `<div>` container that holds the native progress element",
+              "name": "progress"
+            },
+            {
+              "description": "The native html for progress element",
+              "name": "progress-bar"
+            },
+            {
+              "description": "The `<div>` container that holds the label value (in percentage)",
               "name": "label"
             },
             {
@@ -10424,62 +10424,107 @@
     },
     {
       "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": "initialValue",
               "type": {
-                "text": "HTMLInputElement"
+                "text": "string | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "debouncedBqChange",
+              "type": {
+                "text": "TDebounce<{ value: string; target: HTMLBqRadioElement }>"
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "focusedBqRadio",
+              "type": {
+                "text": "HTMLBqRadioElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "radioElementsSet",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Set<HTMLBqRadioElement>()"
+            },
+            {
+              "kind": "field",
+              "name": "cachedRadioElements",
+              "type": {
+                "text": "HTMLBqRadioElement[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "internals",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
             {
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBqRadioElement"
+                "text": "HTMLBqRadioGroupElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "checkedRadio",
+              "type": {
+                "text": "HTMLBqRadioElement | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "tabIndex",
+              "type": {
+                "text": "'0' | '-1'"
+              },
+              "default": "'0'"
+            },
             {
               "kind": "field",
               "name": "backgroundOnHover",
@@ -10487,16 +10532,16 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio displays background on hover"
+              "description": "If true, all radio inputs in the group will display a background on hover"
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "debounceTime",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "If true radio input is checked"
+              "default": "0",
+              "description": "A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change"
             },
             {
               "kind": "field",
@@ -10505,15 +10550,16 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio input is disabled"
+              "description": "If true radio inputs are disabled"
             },
             {
               "kind": "field",
-              "name": "formId",
+              "name": "fieldset",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The form ID that the radio input is associated with"
+              "default": "false",
+              "description": "If true displays fieldset"
             },
             {
               "kind": "field",
@@ -10523,67 +10569,184 @@
               },
               "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"
+              },
+              "default": "'vertical'",
+              "description": "The display orientation of the radio inputs",
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
+              }
+            },
             {
               "kind": "field",
               "name": "required",
               "type": {
-                "text": "boolean | undefined"
+                "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"
+              "default": "false",
+              "description": "If true, the radio group is required"
+            },
+            {
+              "kind": "field",
+              "name": "requiredValidationMessage",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The native form validation message when the radio group is required"
             },
             {
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "description": "A string representing the value of the radio."
             },
             {
               "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": "handleDebounceTimeChange"
             },
             {
               "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": "handleDisabledChange"
             },
             {
               "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": "handleGroupProperties"
             },
             {
               "kind": "method",
-              "name": "getNativeInput",
-              "description": "Returns the native `<input>` HTML element used under the hood."
+              "name": "checkPropValues"
+            },
+            {
+              "kind": "method",
+              "name": "handleRequiredChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
+            },
+            {
+              "kind": "method",
+              "name": "formAssociatedCallback"
+            },
+            {
+              "kind": "method",
+              "name": "formResetCallback"
+            },
+            {
+              "kind": "method",
+              "name": "onBqClick",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<{ value: string; target: HTMLBqRadioElement }>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onBqKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<{ key: string; target: HTMLBqRadioElement }>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onBqFocus",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLBqRadioElement>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onBqBlur",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent<HTMLBqRadioElement>"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "handleClick",
-              "privacy": "private"
+              "name": "initializeRadioElements",
+              "privacy": "private",
+              "description": "Initializes the radio elements set by querying the host element for `ds-radio` elements.\nThis is done to avoid re-querying the host element for radio elements on every change."
             },
             {
               "kind": "field",
-              "name": "handleOnFocus",
-              "privacy": "private"
+              "name": "updateRadioTabIndexes",
+              "privacy": "private",
+              "description": "Sets tabIndex for all radio elements based on current state\nHandles all scenarios: disabled state, checked radio, value matching, fallback to first"
             },
             {
               "kind": "field",
-              "name": "handleOnBlur",
-              "privacy": "private"
+              "name": "updateRadioSelection",
+              "privacy": "private",
+              "description": "Updates the radio selection and focus.",
+              "parameters": [
+                {
+                  "description": "The radio element to update.",
+                  "name": "target"
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "handleOnKeyDown",
+              "name": "updateRadioProperties",
+              "privacy": "private",
+              "description": "Synchronizes properties of child radio elements with the group's state."
+            },
+            {
+              "kind": "field",
+              "name": "focusRadioInputSibling",
+              "privacy": "private",
+              "description": "Focuses the next/previous radio element in the group based on the current target.\nHandles circular navigation and skips disabled elements.",
+              "parameters": [
+                {
+                  "description": "The currently focused radio element",
+                  "name": "currentTarget"
+                },
+                {
+                  "description": "The navigation direction ('forward' | 'backward')",
+                  "name": "direction"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "updateFormValidity",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "isDisabled",
+              "name": "updateCustomStates",
               "privacy": "private",
-              "readonly": true
+              "description": "Updates the custom states based on the component properties.\nThe custom states can be used to style the component based on the component properties.\nThe custom states are `disabled`, based on the component properties."
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -10591,49 +10754,23 @@
             }
           ],
           "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<{ 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<{ key: string; target: HTMLBqRadioElement }>"
-              },
-              "description": "Handler to be called when the radio key is pressed"
             }
           ],
           "attributes": [
@@ -10646,24 +10783,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": {
@@ -10672,18 +10809,32 @@
               "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",
+              "description": "The native form validation message when the radio group is required",
+              "name": "required-validation-message"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The display orientation of the radio inputs",
               "name": "value"
             },
             {
@@ -10691,36 +10842,43 @@
               "fieldName": "backgroundOnHover"
             },
             {
-              "name": "checked",
-              "fieldName": "checked"
+              "name": "debounce-time",
+              "fieldName": "debounceTime"
             },
             {
               "name": "disabled",
               "fieldName": "disabled"
             },
             {
-              "name": "force-disabled",
-              "fieldName": "forceDisabled"
+              "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"
+              },
+              "parsedType": {
+                "text": "'horizontal' | 'vertical'"
               }
             },
             {
               "name": "required",
-              "fieldName": "required",
+              "fieldName": "required"
+            },
+            {
+              "name": "required-validation-message",
+              "fieldName": "requiredValidationMessage",
               "type": {
-                "text": "boolean"
+                "text": "string"
               }
             },
             {
@@ -10731,23 +10889,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
@@ -10756,125 +10910,80 @@
       "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"
           }
         }
       ]
     },
     {
       "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": "initialValue",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "debouncedBqChange",
+              "name": "inputElement",
               "type": {
-                "text": "TDebounce<{ value: string; target: HTMLBqRadioElement }>"
+                "text": "HTMLInputElement"
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "focusedBqRadio",
-              "type": {
-                "text": "HTMLBqRadioElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "radioElementsSet",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new Set<HTMLBqRadioElement>()"
-            },
-            {
-              "kind": "field",
-              "name": "cachedRadioElements",
-              "type": {
-                "text": "HTMLBqRadioElement[]"
-              },
-              "privacy": "private",
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "internals",
-              "type": {
-                "text": "ElementInternals"
-              }
-            },
             {
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBqRadioGroupElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "checkedRadio",
-              "type": {
-                "text": "HTMLBqRadioElement | undefined"
+                "text": "HTMLBqRadioElement"
               }
             },
-            {
-              "kind": "field",
-              "name": "tabIndex",
-              "type": {
-                "text": "'0' | '-1'"
-              },
-              "default": "'0'"
-            },
             {
               "kind": "field",
               "name": "backgroundOnHover",
@@ -10882,221 +10991,103 @@
                 "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"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "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": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true displays fieldset"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair."
-            },
-            {
-              "kind": "field",
-              "name": "orientation",
-              "type": {
-                "text": "TRadioGroupOrientation"
-              },
-              "default": "'vertical'",
-              "description": "The display orientation of the radio inputs",
-              "parsedType": {
-                "text": "'horizontal' | 'vertical'"
-              }
+              "description": "If true radio input is checked"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, the radio group is required"
+              "description": "If true radio input is disabled"
             },
             {
               "kind": "field",
-              "name": "requiredValidationMessage",
+              "name": "formId",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The native form validation message when the radio group is required"
+              "description": "The form ID that the radio input is associated with"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "name",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "A string representing the value of the radio."
-            },
-            {
-              "kind": "method",
-              "name": "handleDebounceTimeChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleGroupProperties"
-            },
-            {
-              "kind": "method",
-              "name": "checkPropValues"
-            },
-            {
-              "kind": "method",
-              "name": "handleRequiredChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleValueChange"
+                "text": "string"
+              },
+              "description": "Name of the HTML input form control. Submitted with the form as part of a name/value pair."
             },
             {
-              "kind": "method",
-              "name": "formAssociatedCallback"
+              "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": "formResetCallback"
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "A string representing the value of the radio."
             },
             {
               "kind": "method",
-              "name": "onBqClick",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<{ value: string; target: 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<{ key: string; target: HTMLBqRadioElement }>"
-                  }
-                }
-              ]
+              "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>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "initializeRadioElements",
-              "privacy": "private",
-              "description": "Initializes the radio elements set by querying the host element for `ds-radio` elements.\nThis is done to avoid re-querying the host element for radio elements on every change."
-            },
-            {
-              "kind": "field",
-              "name": "updateRadioTabIndexes",
-              "privacy": "private",
-              "description": "Sets tabIndex for all radio elements based on current state\nHandles all scenarios: disabled state, checked radio, value matching, fallback to first"
+              "name": "getNativeInput",
+              "description": "Returns the native `<input>` HTML element used under the hood."
             },
             {
               "kind": "field",
-              "name": "updateRadioSelection",
-              "privacy": "private",
-              "description": "Updates the radio selection and focus.",
-              "parameters": [
-                {
-                  "description": "The radio element to update.",
-                  "name": "target"
-                }
-              ]
+              "name": "handleClick",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "updateRadioProperties",
-              "privacy": "private",
-              "description": "Synchronizes properties of child radio elements with the group's state."
+              "name": "handleOnFocus",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "focusRadioInputSibling",
-              "privacy": "private",
-              "description": "Focuses the next/previous radio element in the group based on the current target.\nHandles circular navigation and skips disabled elements.",
-              "parameters": [
-                {
-                  "description": "The currently focused radio element",
-                  "name": "currentTarget"
-                },
-                {
-                  "description": "The navigation direction ('forward' | 'backward')",
-                  "name": "direction"
-                }
-              ]
+              "name": "handleOnBlur",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "updateFormValidity",
+              "name": "handleOnKeyDown",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "updateCustomStates",
+              "name": "isDisabled",
               "privacy": "private",
-              "description": "Updates the custom states based on the component properties.\nThe custom states can be used to style the component based on the component properties.\nThe custom states are `disabled`, based on the component properties."
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "readonly": true
             },
             {
               "kind": "method",
@@ -11104,23 +11095,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 }>"
               },
               "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<{ key: string; target: HTMLBqRadioElement }>"
+              },
+              "description": "Handler to be called when the radio key is pressed"
             }
           ],
           "attributes": [
@@ -11133,24 +11150,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": {
@@ -11159,32 +11176,18 @@
               "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"
             },
             {
@@ -11192,43 +11195,36 @@
               "fieldName": "backgroundOnHover"
             },
             {
-              "name": "debounce-time",
-              "fieldName": "debounceTime"
+              "name": "checked",
+              "fieldName": "checked"
             },
             {
               "name": "disabled",
               "fieldName": "disabled"
             },
             {
-              "name": "fieldset",
-              "fieldName": "fieldset"
+              "name": "force-disabled",
+              "fieldName": "forceDisabled"
             },
             {
-              "name": "name",
-              "fieldName": "name",
+              "name": "form-id",
+              "fieldName": "formId",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "orientation",
-              "fieldName": "orientation",
+              "name": "name",
+              "fieldName": "name",
               "type": {
-                "text": "TRadioGroupOrientation"
-              },
-              "parsedType": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "string"
               }
             },
             {
               "name": "required",
-              "fieldName": "required"
-            },
-            {
-              "name": "required-validation-message",
-              "fieldName": "requiredValidationMessage",
+              "fieldName": "required",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
@@ -11239,19 +11235,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
@@ -11260,18 +11260,18 @@
       "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"
           }
         }
       ]
@@ -16136,7 +16136,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "If true, the Tag component will hidden (only if removable = `true`)"
+              "description": "If true, the Tag component will be hidden"
             },
             {
               "kind": "field",
@@ -16206,7 +16206,7 @@
             },
             {
               "kind": "field",
-              "name": "handleHide",
+              "name": "handleClose",
               "privacy": "private"
             },
             {
@@ -16254,7 +16254,7 @@
             },
             {
               "kind": "field",
-              "name": "isHidden",
+              "name": "hasCustomColor",
               "type": {
                 "text": "boolean"
               },
@@ -16263,10 +16263,19 @@
             },
             {
               "kind": "field",
-              "name": "hasCustomColor",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "computedHostClasses",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "computeWrapperClasses",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "computeButtonInteractiveProps",
               "privacy": "private",
               "readonly": true
             },
@@ -16365,7 +16374,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "If `true`, the Tag component will hidden (only if removable = `true`)",
+              "description": "If `true`, the Tag component will be hidden",
               "name": "hidden"
             },
             {