@beeq/core 1.11.0 → 1.11.2

package/dist/custom-elements.json

@@ -3936,6 +3936,16 @@
               "privacy": "private",
               "default": "'date-picker'"
             },
+            {
+              "kind": "field",
+              "name": "LOCALE_DATE",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "'fr-CA'"
+            },
             {
               "kind": "field",
               "name": "COMMON_EXPORT_PARTS",
@@ -4360,6 +4370,11 @@
               "name": "setFocusedDate",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "clampDateToRange",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "handleChange",
@@ -4385,6 +4400,11 @@
               "name": "handleClearClick",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "clearValue",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "handleSlotChange",
@@ -4435,7 +4455,7 @@
             },
             {
               "kind": "field",
-              "name": "CalendarType",
+              "name": "calendarType",
               "privacy": "private",
               "readonly": true
             },
@@ -7138,7 +7158,7 @@
           "members": [
             {
               "kind": "field",
-              "name": "_svgContent",
+              "name": "svgContent",
               "type": {
                 "text": "string"
               },
@@ -7624,7 +7644,7 @@
                 "text": "string"
               },
               "default": "'off'",
-              "description": "Controls whether or not the input field should be capitalized and how.\nPossible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize"
+              "description": "Controls whether or not the input field should be capitalized and how.\nPossible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'."
             },
             {
               "kind": "field",
@@ -7633,16 +7653,7 @@
                 "text": "string"
               },
               "default": "'off'",
-              "description": "Specifies whether or not the input field should have autocomplete enabled.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values"
-            },
-            {
-              "kind": "field",
-              "name": "autocorrect",
-              "type": {
-                "text": "'on' | 'off'"
-              },
-              "default": "'off'",
-              "description": "Controls whether or not the input field should have autocorrect enabled.\nPossible values are 'on' and 'off'."
+              "description": "Specifies whether or not the input field should have autocomplete enabled."
             },
             {
               "kind": "field",
@@ -7650,6 +7661,7 @@
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
               "description": "If true, the input will be focused on component render"
             },
             {
@@ -7758,7 +7770,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specifies a regular expression the form control's value should match.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern"
+              "description": "Specifies a regular expression the form control's value should match."
             },
             {
               "kind": "field",
@@ -7790,7 +7802,7 @@
               "type": {
                 "text": "number | 'any'"
               },
-              "description": "A number that specifies the granularity that the value must adhere to.\nValid for date, month, week, time, datetime-local, number, and range.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step"
+              "description": "A number that specifies the granularity that the value must adhere to.\nValid for date, month, week, time, datetime-local, number, and range."
             },
             {
               "kind": "field",
@@ -7799,7 +7811,7 @@
                 "text": "TInputType"
               },
               "default": "'text'",
-              "description": "The type attribute specifies the type of input field to display.\nPossible values are 'text', 'password', 'email', 'number', 'tel', 'search', 'url', and more.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types",
+              "description": "The type attribute specifies the type of input field to display.\nPossible values are 'text', 'password', 'email', 'number', 'tel', 'search', 'url', and more.",
               "parsedType": {
                 "text": "'number' | 'text' | 'date' | 'datetime-local' | 'email' | 'password' | 'search' | 'tel' | 'time' | 'url'"
               }
@@ -7961,13 +7973,6 @@
               "description": "Specifies whether or not the input field should have autocomplete enabled.",
               "name": "autocomplete"
             },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Controls whether or not the input field should have autocorrect enabled.",
-              "name": "autocorrect"
-            },
             {
               "type": {
                 "text": "boolean"
@@ -8129,13 +8134,6 @@
                 "text": "string"
               }
             },
-            {
-              "name": "autocorrect",
-              "fieldName": "autocorrect",
-              "type": {
-                "text": "'on' | 'off'"
-              }
-            },
             {
               "name": "autofocus",
               "fieldName": "autofocus",
@@ -9073,11 +9071,11 @@
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "displayValue",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "A string representing the value of the option. Can be used to identify the item"
+              "description": "The display value of the option. It can be used to override the default displayed value."
             },
             {
               "kind": "field",
@@ -9088,6 +9086,14 @@
               "default": "false",
               "description": "If true, the option is selected and active."
             },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A string representing the value of the option. Can be used to identify the item"
+            },
             {
               "kind": "method",
               "name": "onKeyDown",
@@ -9221,8 +9227,8 @@
               }
             },
             {
-              "name": "value",
-              "fieldName": "value",
+              "name": "display-value",
+              "fieldName": "displayValue",
               "type": {
                 "text": "string"
               }
@@ -9233,6 +9239,13 @@
               "type": {
                 "text": "boolean"
               }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "type": {
+                "text": "string"
+              }
             }
           ],
           "tagName": "bq-option",
@@ -9535,102 +9548,28 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/bq-page-title.js",
+      "path": "components/bq-panel.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"
-            }
-          ],
+          "description": "The Panel component is a versatile and essential element used to wrap and display content in a floating panel.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-panel open>\n<div>Panel content</div>\n</bq-panel>\n```\n\n</figure>",
+          "name": "BqPanel",
           "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"
+              "description": "The `<div>` element used to display and style the panel",
+              "name": "panel"
             }
           ],
           "slots": [
             {
-              "description": "The back navigation button.",
-              "name": "back"
-            },
-            {
-              "description": "The main title content.",
+              "description": "The content of the panel.",
               "name": ""
-            },
-            {
-              "description": "The sub-title content.",
-              "name": "sub-title"
-            },
-            {
-              "description": "The suffix content.",
-              "name": "suffix"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "backNavigationElem",
+              "name": "panel",
               "type": {
                 "text": "HTMLElement"
               },
@@ -9638,17 +9577,17 @@
             },
             {
               "kind": "field",
-              "name": "suffixElem",
+              "name": "floatingUI",
               "type": {
-                "text": "HTMLElement"
+                "text": "FloatingUI"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "subTitleElem",
+              "name": "trigger",
               "type": {
-                "text": "HTMLElement"
+                "text": "ReferenceElement"
               },
               "privacy": "private"
             },
@@ -9656,247 +9595,104 @@
               "kind": "field",
               "name": "el",
               "type": {
-                "text": "HTMLBqPageTitleElement"
+                "text": "HTMLBqPanelElement"
               }
             },
             {
               "kind": "field",
-              "name": "haveBackNavigation",
+              "name": "disableScrollLock",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "If true, the panel will not lock the page body scroll when open."
             },
             {
               "kind": "field",
-              "name": "hasSuffix",
+              "name": "distance",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "4",
+              "description": "Represents the distance (gutter or margin) between the panel and the trigger element."
             },
             {
               "kind": "field",
-              "name": "hasSubTitle",
+              "name": "placement",
               "type": {
-                "text": "boolean"
+                "text": "Placement | undefined"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "'bottom-start'",
+              "description": "Position of the panel"
             },
             {
               "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
+              "name": "open",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "If true, the panel will be visible."
+            },
+            {
+              "kind": "field",
+              "name": "sameWidth",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "Whether the panel should have the same width as the trigger element"
+            },
+            {
+              "kind": "field",
+              "name": "skidding",
+              "type": {
+                "text": "number | undefined"
+              },
+              "default": "0",
+              "description": "Represents the skidding between the panel and the trigger element."
+            },
+            {
+              "kind": "field",
+              "name": "strategy",
+              "type": {
+                "text": "'fixed' | 'absolute' | undefined"
+              },
+              "default": "'fixed'",
+              "description": "Defines the strategy to position the panel"
             },
             {
               "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "bq-page-title",
-          "csspart": [
+              "name": "handleOpenChange"
+            },
             {
-              "name": "base",
-              "description": "The inner container `<div>`of element that contains the base page title component."
+              "kind": "method",
+              "name": "onPropChange"
             },
             {
-              "name": "content",
-              "description": "Defines the main container of the page title component, which includes the title and subtitle elements."
+              "kind": "method",
+              "name": "showPanel",
+              "privacy": "private"
             },
             {
-              "name": "title-suffix",
-              "description": "Defines the container that holds the title and any suffix content."
+              "kind": "method",
+              "name": "hidePanel",
+              "privacy": "private"
             },
             {
-              "name": "back",
-              "description": "The container `<div>` page title element that acts as back slot container."
+              "kind": "field",
+              "name": "options",
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "name": "title",
-              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility."
+              "kind": "method",
+              "name": "render"
             },
             {
-              "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",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The Panel component is a versatile and essential element used to wrap and display content in a floating panel.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-panel open>\n<div>Panel content</div>\n</bq-panel>\n```\n\n</figure>",
-          "name": "BqPanel",
-          "cssParts": [
-            {
-              "description": "The `<div>` element used to display and style the panel",
-              "name": "panel"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The content of the panel.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "panel",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "floatingUI",
-              "type": {
-                "text": "FloatingUI"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "trigger",
-              "type": {
-                "text": "ReferenceElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqPanelElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "disableScrollLock",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "default": "false",
-              "description": "If true, the panel will not lock the page body scroll when open."
-            },
-            {
-              "kind": "field",
-              "name": "distance",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "4",
-              "description": "Represents the distance (gutter or margin) between the panel and the trigger element."
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "Placement | undefined"
-              },
-              "default": "'bottom-start'",
-              "description": "Position of the panel"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "default": "false",
-              "description": "If true, the panel will be visible."
-            },
-            {
-              "kind": "field",
-              "name": "sameWidth",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "default": "false",
-              "description": "Whether the panel should have the same width as the trigger element"
-            },
-            {
-              "kind": "field",
-              "name": "skidding",
-              "type": {
-                "text": "number | undefined"
-              },
-              "default": "0",
-              "description": "Represents the skidding between the panel and the trigger element."
-            },
-            {
-              "kind": "field",
-              "name": "strategy",
-              "type": {
-                "text": "'fixed' | 'absolute' | undefined"
-              },
-              "default": "'fixed'",
-              "description": "Defines the strategy to position the panel"
-            },
-            {
-              "kind": "method",
-              "name": "handleOpenChange"
-            },
-            {
-              "kind": "method",
-              "name": "onPropChange"
-            },
-            {
-              "kind": "method",
-              "name": "showPanel",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "hidePanel",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "options",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            },
-            {
-              "description": "Panel background color",
-              "name": "--bq-panel--background",
-              "kind": "field"
+              "description": "Panel background color",
+              "name": "--bq-panel--background",
+              "kind": "field"
             },
             {
               "description": "Panel border color",
@@ -10067,70 +9863,287 @@
     },
     {
       "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"
+              "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 component wrapper container inside the shadow DOM",
-              "name": "wrapper"
+              "description": "The inner container `<div>`of element that contains the base page title component.",
+              "name": "base"
             },
             {
-              "description": "The `<div>` container that holds the native progress element",
-              "name": "progress"
+              "description": "Defines the main container of the page title component, which includes the title and subtitle elements.",
+              "name": "content"
             },
             {
-              "description": "The native html for progress element",
-              "name": "progress-bar"
+              "description": "Defines the container that holds the title and any suffix content.",
+              "name": "title-suffix"
             },
             {
-              "description": "The `<div>` container that holds the label value (in percentage)",
-              "name": "label"
+              "description": "The container `<div>` page title element that acts as back slot container.",
+              "name": "back"
             },
             {
-              "description": "The `<div>` container that holds the indeterminate progress bar",
-              "name": "indeterminate"
+              "description": "The `<h1>` element serves as a container for the page title content, to improve accessibility.",
+              "name": "title"
             },
             {
-              "description": "The base container for the tooltip component inside the shadow DOM when hovering over the progress bar",
-              "name": "base"
+              "description": "The `<div>` page title element that acts as suffix slot container.",
+              "name": "suffix"
             },
             {
-              "description": "The container holding the element that triggers the tooltip display when hovering over the progress bar",
-              "name": "trigger"
+              "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 container holding the content of the tooltip when hovering over the progress bar",
-              "name": "panel"
+              "description": "The main title content.",
+              "name": ""
+            },
+            {
+              "description": "The sub-title content.",
+              "name": "sub-title"
+            },
+            {
+              "description": "The suffix content.",
+              "name": "suffix"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "el",
+              "name": "backNavigationElem",
               "type": {
-                "text": "HTMLBqProgressElement"
+                "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"
+            },
+            {
+              "description": "The `<div>` container that holds the indeterminate progress bar",
+              "name": "indeterminate"
+            },
+            {
+              "description": "The base container for the tooltip component inside the shadow DOM when hovering over the progress bar",
+              "name": "base"
+            },
+            {
+              "description": "The container holding the element that triggers the tooltip display when hovering over the progress bar",
+              "name": "trigger"
+            },
+            {
+              "description": "The container holding the content of the tooltip when hovering over the progress bar",
+              "name": "panel"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqProgressElement"
               }
             },
             {
@@ -10411,96 +10424,142 @@
     },
     {
       "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": "el",
+              "name": "debouncedBqChange",
               "type": {
-                "text": "HTMLBqRadioElement"
-              }
+                "text": "TDebounce<{ value: string; target: HTMLBqRadioElement }>"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "backgroundOnHover",
+              "name": "focusedBqRadio",
               "type": {
-                "text": "boolean"
+                "text": "HTMLBqRadioElement | null"
               },
-              "default": "false",
-              "description": "If true radio displays background on hover"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "radioElementsSet",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Set<HTMLBqRadioElement>()"
+            },
+            {
+              "kind": "field",
+              "name": "cachedRadioElements",
               "type": {
-                "text": "boolean"
+                "text": "HTMLBqRadioElement[]"
               },
-              "default": "false",
-              "description": "If true radio input is checked"
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "internals",
+              "type": {
+                "text": "ElementInternals"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqRadioGroupElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "checkedRadio",
+              "type": {
+                "text": "HTMLBqRadioElement | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tabIndex",
+              "type": {
+                "text": "'0' | '-1'"
+              },
+              "default": "'0'"
+            },
+            {
+              "kind": "field",
+              "name": "backgroundOnHover",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio input is disabled"
+              "description": "If true, all radio inputs in the group will display a background on hover"
             },
             {
               "kind": "field",
-              "name": "formId",
+              "name": "debounceTime",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "description": "The form ID that the radio input is associated with"
+              "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"
+            },
+            {
+              "kind": "field",
+              "name": "fieldset",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true displays fieldset"
             },
             {
               "kind": "field",
@@ -10510,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",
@@ -10578,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": [
@@ -10633,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": {
@@ -10659,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": "The native form validation message when the radio group is required",
+              "name": "required-validation-message"
+            },
+            {
+              "type": {
+                "text": "string"
               },
-              "description": "A string representing the value of the radio",
+              "description": "The display orientation of the radio inputs",
               "name": "value"
             },
             {
@@ -10678,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"
               }
             },
             {
@@ -10718,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
@@ -10743,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",
@@ -10869,16 +10991,16 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, all radio inputs in the group will display a background on hover"
+              "description": "If true radio displays background on hover"
             },
             {
               "kind": "field",
-              "name": "debounceTime",
+              "name": "checked",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "A number representing the delay time (in milliseconds) that `bqChange` event handler gets triggered once the value change"
+              "default": "false",
+              "description": "If true radio input is checked"
             },
             {
               "kind": "field",
@@ -10887,16 +11009,15 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true radio inputs are disabled"
+              "description": "If true radio input is disabled"
             },
             {
               "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",
@@ -10906,184 +11027,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"
-              },
-              "default": "'vertical'",
-              "description": "The display orientation of the radio inputs",
-              "parsedType": {
-                "text": "'horizontal' | 'vertical'"
-              }
-            },
             {
               "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 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": "handleDebounceTimeChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleGroupProperties"
-            },
-            {
-              "kind": "method",
-              "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 }>"
-                  }
-                }
-              ]
+                "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": "onBqKeyDown",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<{ key: string; target: HTMLBqRadioElement }>"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "A string representing the value of the radio."
             },
             {
               "kind": "method",
-              "name": "onBqFocus",
-              "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": "onBqBlur",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "CustomEvent<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": "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": "method",
+              "name": "vBlur",
+              "description": "Remove focus from the native `<input>` HTML element used under the hood.\nUse this method instead of the global `element.blur()`."
             },
             {
-              "kind": "field",
-              "name": "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": "method",
+              "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",
@@ -11091,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": [
@@ -11120,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": {
@@ -11146,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"
             },
             {
@@ -11179,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"
               }
             },
             {
@@ -11226,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
@@ -11247,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"
           }
         }
       ]
@@ -11943,6 +11956,11 @@
               "name": "getOptionLabel",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "getItemTextContent",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "options",
@@ -13884,7 +13902,7 @@
               "default": "'none'",
               "description": "It defines the position of the label text",
               "parsedType": {
-                "text": "'none' | 'left' | 'right' | 'above' | 'bellow'"
+                "text": "'none' | 'left' | 'right' | 'above' | 'below'"
               }
             },
             {
@@ -13992,7 +14010,7 @@
                 "text": "TSpinnerTextPosition"
               },
               "parsedType": {
-                "text": "'none' | 'left' | 'right' | 'above' | 'bellow'"
+                "text": "'none' | 'left' | 'right' | 'above' | 'below'"
               }
             },
             {
@@ -16118,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",
@@ -16188,7 +16206,7 @@
             },
             {
               "kind": "field",
-              "name": "handleHide",
+              "name": "handleClose",
               "privacy": "private"
             },
             {
@@ -16236,7 +16254,7 @@
             },
             {
               "kind": "field",
-              "name": "isHidden",
+              "name": "hasCustomColor",
               "type": {
                 "text": "boolean"
               },
@@ -16245,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
             },
@@ -16347,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"
             },
             {
@@ -16704,7 +16731,7 @@
                 "text": "TTextareaAutoCapitalize"
               },
               "default": "'off'",
-              "description": "Controls whether or not the textarea field should be capitalized and how.\nPossible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize",
+              "description": "Controls whether or not the textarea field should be capitalized and how.\nPossible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.",
               "parsedType": {
                 "text": "'on' | 'off' | 'sentences' | 'words' | 'characters'"
               }
@@ -16716,16 +16743,7 @@
                 "text": "string"
               },
               "default": "'off'",
-              "description": "Specifies whether or not the textarea field should have autocomplete enabled.\nSee: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values"
-            },
-            {
-              "kind": "field",
-              "name": "autocorrect",
-              "type": {
-                "text": "'on' | 'off'"
-              },
-              "default": "'off'",
-              "description": "Controls whether or not the textarea field should have autocorrect enabled.\nPossible values are 'on' and 'off'."
+              "description": "Specifies whether or not the textarea field should have autocomplete enabled."
             },
             {
               "kind": "field",
@@ -16733,6 +16751,7 @@
               "type": {
                 "text": "boolean"
               },
+              "default": "false",
               "description": "If true, the textarea will be focused on component render"
             },
             {
@@ -17023,13 +17042,6 @@
               "description": "Specifies whether or not the textarea field should have autocomplete enabled.",
               "name": "autocomplete"
             },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "Controls whether or not the textarea field should have autocorrect enabled.",
-              "name": "autocorrect"
-            },
             {
               "type": {
                 "text": "boolean"
@@ -17166,13 +17178,6 @@
                 "text": "string"
               }
             },
-            {
-              "name": "autocorrect",
-              "fieldName": "autocorrect",
-              "type": {
-                "text": "'on' | 'off'"
-              }
-            },
             {
               "name": "autofocus",
               "fieldName": "autofocus",