@viasat/beam-web-components 2.15.0 → 2.17.0

package/custom-elements.json

@@ -686,147 +686,273 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/Badge/Badge.ts",
+      "path": "libs/web-components/src/lib/Alert/Alert.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "`bm-badge`\n\n### Attributes:\n- **appearance**  - Specify the appearance of the Badge\n- **theme**  - Theme of the Badge\n- **size**  - Specify the size of the Badge\n- **emphasis**  - Specify the emphasis of the Badge\n- **hideIcon**  - Hides Badge icon",
-          "name": "BmBadge",
+          "description": "`bm-alert`\n\n### Attributes:\n- **heading**  - Specify the heading text for Alert\n- **body**  - Specify the body text for Alert\n- **size**  - Specify the size of the Alert\n- **fullWidth**  - Specify if the Alert has no border radius\n- **theme**  - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the Alert\n- **hidden**  - Specify if the Alert is hidden\n- **hideIcon**  - Specify if the icon displays on the Alert\n- **dismissible**  - Specify if the Alert can be dismissed\n- **disableAutoFocus**  - Prevent autofocus on show\n- **disableCloseOnEscape**  - Prevent Escape from closing",
+          "name": "BmAlert",
           "slots": [
             {
-              "description": "Provide text for the Badge",
-              "name": "default"
+              "description": "Specify a different icon for the Alert",
+              "name": "icon"
             },
             {
-              "description": "Specify a different icon for the Badge",
-              "name": "icon"
+              "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
+              "name": "heading"
+            },
+            {
+              "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
+              "name": "body"
+            },
+            {
+              "description": "Specify if actions display on the Alert",
+              "name": "actions"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "appearance",
+              "name": "heading",
               "type": {
-                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
+                "text": "string | undefined"
               },
-              "default": "'infoPrimary'",
-              "description": "Specify the appearance of the Badge",
-              "attribute": "appearance"
+              "description": "Specify the heading text for Alert",
+              "attribute": "heading"
             },
             {
               "kind": "field",
-              "name": "theme",
+              "name": "body",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "string | undefined"
               },
-              "description": "Theme of the Badge",
-              "attribute": "theme"
+              "description": "Specify the body text for Alert",
+              "attribute": "body"
             },
             {
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "'sm' | 'md' | undefined"
+                "text": "'sm' | 'md'"
               },
               "default": "'sm'",
-              "description": "Specify the size of the Badge",
+              "description": "Specify the size of the Alert",
               "attribute": "size"
             },
             {
               "kind": "field",
-              "name": "emphasis",
+              "name": "fullWidth",
               "type": {
-                "text": "'strong' | 'medium' | 'subtle'"
+                "text": "boolean"
               },
-              "default": "'strong'",
-              "description": "Specify the emphasis of the Badge",
-              "attribute": "emphasis"
+              "default": "false",
+              "description": "Specify if the Alert has no border radius",
+              "attribute": "fullWidth"
+            },
+            {
+              "kind": "field",
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | undefined"
+              },
+              "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
+              "attribute": "theme"
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
+              },
+              "default": "'infoPrimary'",
+              "description": "Specify the appearance of the Alert",
+              "attribute": "appearance"
+            },
+            {
+              "kind": "field",
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if the Alert is hidden",
+              "attribute": "hidden"
             },
             {
               "kind": "field",
               "name": "hideIcon",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "Hides Badge icon",
+              "default": "false",
+              "description": "Specify if the icon displays on the Alert",
               "attribute": "hideIcon"
+            },
+            {
+              "kind": "field",
+              "name": "dismissible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if the Alert can be dismissed",
+              "attribute": "dismissible"
+            },
+            {
+              "kind": "field",
+              "name": "disableAutoFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Prevent autofocus on show",
+              "attribute": "disableAutoFocus"
+            },
+            {
+              "kind": "field",
+              "name": "disableCloseOnEscape",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Prevent Escape from closing",
+              "attribute": "disableCloseOnEscape"
+            }
+          ],
+          "events": [
+            {
+              "description": "Dispatched when the Alert has been dismissed",
+              "name": "bm-dismiss"
             }
           ],
           "attributes": [
             {
-              "name": "appearance",
+              "name": "heading",
               "type": {
-                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
+                "text": "string | undefined"
               },
-              "default": "'infoPrimary'",
-              "description": "Specify the appearance of the Badge",
-              "fieldName": "appearance"
+              "description": "Specify the heading text for Alert",
+              "fieldName": "heading"
             },
             {
-              "name": "theme",
+              "name": "body",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "string | undefined"
               },
-              "description": "Theme of the Badge",
-              "fieldName": "theme"
+              "description": "Specify the body text for Alert",
+              "fieldName": "body"
             },
             {
               "name": "size",
               "type": {
-                "text": "'sm' | 'md' | undefined"
+                "text": "'sm' | 'md'"
               },
               "default": "'sm'",
-              "description": "Specify the size of the Badge",
+              "description": "Specify the size of the Alert",
               "fieldName": "size"
             },
             {
-              "name": "emphasis",
+              "name": "fullWidth",
               "type": {
-                "text": "'strong' | 'medium' | 'subtle'"
+                "text": "boolean"
               },
-              "default": "'strong'",
-              "description": "Specify the emphasis of the Badge",
-              "fieldName": "emphasis"
+              "default": "false",
+              "description": "Specify if the Alert has no border radius",
+              "fieldName": "fullWidth"
+            },
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | undefined"
+              },
+              "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
+              "fieldName": "theme"
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
+              },
+              "default": "'infoPrimary'",
+              "description": "Specify the appearance of the Alert",
+              "fieldName": "appearance"
+            },
+            {
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if the Alert is hidden",
+              "fieldName": "hidden"
             },
             {
               "name": "hideIcon",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "Hides Badge icon",
+              "default": "false",
+              "description": "Specify if the icon displays on the Alert",
               "fieldName": "hideIcon"
+            },
+            {
+              "name": "dismissible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if the Alert can be dismissed",
+              "fieldName": "dismissible"
+            },
+            {
+              "name": "disableAutoFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Prevent autofocus on show",
+              "fieldName": "disableAutoFocus"
+            },
+            {
+              "name": "disableCloseOnEscape",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Prevent Escape from closing",
+              "fieldName": "disableCloseOnEscape"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "bm-badge",
+          "tagName": "bm-alert",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmBadge",
+          "name": "BmAlert",
           "declaration": {
-            "name": "BmBadge",
-            "module": "libs/web-components/src/lib/Badge/Badge.ts"
+            "name": "BmAlert",
+            "module": "libs/web-components/src/lib/Alert/Alert.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-badge",
+          "name": "bm-alert",
           "declaration": {
-            "name": "BmBadge",
-            "module": "libs/web-components/src/lib/Badge/Badge.ts"
+            "name": "BmAlert",
+            "module": "libs/web-components/src/lib/Alert/Alert.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/Badge/index.ts",
+      "path": "libs/web-components/src/lib/Alert/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -834,35 +960,30 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./Badge"
+            "package": "./Alert"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
+      "path": "libs/web-components/src/lib/Badge/Badge.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme**  - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the BadgeDot\n- **emphasis**  - Specify the emphasis of the BadgeDot\n- **overrideDotColor**  - Overrides default dot color",
-          "name": "BmBadgeDot",
+          "description": "`bm-badge`\n\n### Attributes:\n- **appearance**  - Specify the appearance of the Badge\n- **theme**  - Theme of the Badge\n- **size**  - Specify the size of the Badge\n- **emphasis**  - Specify the emphasis of the Badge\n- **hideIcon**  - Hides Badge icon",
+          "name": "BmBadge",
           "slots": [
             {
-              "description": "Provide text for the BadgeDot",
+              "description": "Provide text for the Badge",
               "name": "default"
+            },
+            {
+              "description": "Specify a different icon for the Badge",
+              "name": "icon"
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "theme",
-              "type": {
-                "text": "'light' | 'dark' | undefined"
-              },
-              "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
-              "attribute": "theme"
-            },
             {
               "kind": "field",
               "name": "appearance",
@@ -870,95 +991,123 @@
                 "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
               },
               "default": "'infoPrimary'",
-              "description": "Specify the appearance of the BadgeDot",
+              "description": "Specify the appearance of the Badge",
               "attribute": "appearance"
             },
             {
               "kind": "field",
-              "name": "emphasis",
+              "name": "theme",
               "type": {
-                "text": "'strong' | 'subtle'"
+                "text": "'light' | 'dark' | undefined"
+              },
+              "description": "Theme of the Badge",
+              "attribute": "theme"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'sm' | 'md' | undefined"
+              },
+              "default": "'sm'",
+              "description": "Specify the size of the Badge",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "emphasis",
+              "type": {
+                "text": "'strong' | 'medium' | 'subtle'"
               },
               "default": "'strong'",
-              "description": "Specify the emphasis of the BadgeDot",
+              "description": "Specify the emphasis of the Badge",
               "attribute": "emphasis"
             },
             {
               "kind": "field",
-              "name": "overrideDotColor",
+              "name": "hideIcon",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Overrides default dot color",
-              "attribute": "overrideDotColor"
+              "description": "Hides Badge icon",
+              "attribute": "hideIcon"
             }
           ],
           "attributes": [
+            {
+              "name": "appearance",
+              "type": {
+                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
+              },
+              "default": "'infoPrimary'",
+              "description": "Specify the appearance of the Badge",
+              "fieldName": "appearance"
+            },
             {
               "name": "theme",
               "type": {
                 "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
+              "description": "Theme of the Badge",
               "fieldName": "theme"
             },
             {
-              "name": "appearance",
+              "name": "size",
               "type": {
-                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
+                "text": "'sm' | 'md' | undefined"
               },
-              "default": "'infoPrimary'",
-              "description": "Specify the appearance of the BadgeDot",
-              "fieldName": "appearance"
+              "default": "'sm'",
+              "description": "Specify the size of the Badge",
+              "fieldName": "size"
             },
             {
               "name": "emphasis",
               "type": {
-                "text": "'strong' | 'subtle'"
+                "text": "'strong' | 'medium' | 'subtle'"
               },
               "default": "'strong'",
-              "description": "Specify the emphasis of the BadgeDot",
+              "description": "Specify the emphasis of the Badge",
               "fieldName": "emphasis"
             },
             {
-              "name": "overrideDotColor",
+              "name": "hideIcon",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Overrides default dot color",
-              "fieldName": "overrideDotColor"
+              "description": "Hides Badge icon",
+              "fieldName": "hideIcon"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "bm-badge-dot",
+          "tagName": "bm-badge",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmBadgeDot",
+          "name": "BmBadge",
           "declaration": {
-            "name": "BmBadgeDot",
-            "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
+            "name": "BmBadge",
+            "module": "libs/web-components/src/lib/Badge/Badge.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-badge-dot",
+          "name": "bm-badge",
           "declaration": {
-            "name": "BmBadgeDot",
-            "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
+            "name": "BmBadge",
+            "module": "libs/web-components/src/lib/Badge/Badge.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/BadgeDot/index.ts",
+      "path": "libs/web-components/src/lib/Badge/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -966,450 +1115,169 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./BadgeDot"
+            "package": "./Badge"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/Alert/Alert.ts",
+      "path": "libs/web-components/src/lib/Box/Box.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "`bm-alert`\n\n### Attributes:\n- **heading**  - Specify the heading text for Alert\n- **body**  - Specify the body text for Alert\n- **size**  - Specify the size of the Alert\n- **fullWidth**  - Specify if the Alert has no border radius\n- **theme**  - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the Alert\n- **hidden**  - Specify if the Alert is hidden\n- **hideIcon**  - Specify if the icon displays on the Alert\n- **dismissible**  - Specify if the Alert can be dismissed\n- **disableAutoFocus**  - Prevent autofocus on show\n- **disableCloseOnEscape**  - Prevent Escape from closing",
-          "name": "BmAlert",
+          "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor**  - Specify the background color of a Box\n- **borderColor**  - Specify the border color of a Box\n- **borderWidth**  - Specify the border width of a Box\n- **borderRadius**  - Specify the border radius of a Box\n- **px**  - Specify before and after padding of a Box\n- **py**  - Specify top and bottom padding of a Box\n- **pTop**  - Specify top padding of a Box\n- **pBottom**  - Specify bottom padding of a Box\n- **pBefore**  - Specify before padding of a Box\n- **pAfter**  - Specify after padding of a Box\n- **mx**  - Specify before and after margin of a Box\n- **my**  - Specify top and bottom margin of a Box\n- **mTop**  - Specify top margin of a Box\n- **mBottom**  - Specify bottom margin of a Box\n- **mBefore**  - Specify before margin of a Box\n- **mAfter**  - Specify after margin of a Box\n- **m**  - Specify all margin\n- **p**  - Specify all padding\n- **gap**  - Specify gap between child elements\n- **shadow**  - Specify if a Box has a shadow",
+          "name": "BmBox",
           "slots": [
             {
-              "description": "Specify a different icon for the Alert",
-              "name": "icon"
-            },
-            {
-              "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
-              "name": "heading"
-            },
-            {
-              "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
-              "name": "body"
-            },
-            {
-              "description": "Specify if actions display on the Alert",
-              "name": "actions"
+              "description": "Provide content for the Box",
+              "name": "default"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "heading",
+              "name": "backgroundColor",
               "type": {
-                "text": "string | undefined"
+                "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
               },
-              "description": "Specify the heading text for Alert",
-              "attribute": "heading"
+              "description": "Specify the background color of a Box",
+              "attribute": "backgroundColor"
             },
             {
               "kind": "field",
-              "name": "body",
+              "name": "borderColor",
               "type": {
-                "text": "string | undefined"
+                "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
               },
-              "description": "Specify the body text for Alert",
-              "attribute": "body"
+              "description": "Specify the border color of a Box",
+              "attribute": "borderColor"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "borderWidth",
               "type": {
-                "text": "'sm' | 'md'"
+                "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
               },
-              "default": "'sm'",
-              "description": "Specify the size of the Alert",
-              "attribute": "size"
+              "description": "Specify the border width of a Box",
+              "attribute": "borderWidth"
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "borderRadius",
               "type": {
-                "text": "boolean"
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
               },
-              "default": "false",
-              "description": "Specify if the Alert has no border radius",
-              "attribute": "fullWidth"
+              "description": "Specify the border radius of a Box",
+              "attribute": "borderRadius"
             },
             {
               "kind": "field",
-              "name": "theme",
+              "name": "px",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
-              "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
-              "attribute": "theme"
+              "description": "Specify before and after padding of a Box",
+              "attribute": "px"
             },
             {
               "kind": "field",
-              "name": "appearance",
+              "name": "py",
               "type": {
-                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
+                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
-              "default": "'infoPrimary'",
-              "description": "Specify the appearance of the Alert",
-              "attribute": "appearance"
+              "description": "Specify top and bottom padding of a Box",
+              "attribute": "py"
             },
             {
               "kind": "field",
-              "name": "hidden",
+              "name": "pTop",
               "type": {
-                "text": "boolean"
+                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
-              "default": "false",
-              "description": "Specify if the Alert is hidden",
-              "attribute": "hidden"
+              "description": "Specify top padding of a Box",
+              "attribute": "pTop"
             },
             {
               "kind": "field",
-              "name": "hideIcon",
+              "name": "pBottom",
               "type": {
-                "text": "boolean"
+                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
-              "default": "false",
-              "description": "Specify if the icon displays on the Alert",
-              "attribute": "hideIcon"
+              "description": "Specify bottom padding of a Box",
+              "attribute": "pBottom"
             },
             {
               "kind": "field",
-              "name": "dismissible",
+              "name": "pBefore",
               "type": {
-                "text": "boolean"
+                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
-              "default": "false",
-              "description": "Specify if the Alert can be dismissed",
-              "attribute": "dismissible"
+              "description": "Specify before padding of a Box",
+              "attribute": "pBefore"
             },
             {
               "kind": "field",
-              "name": "disableAutoFocus",
+              "name": "pAfter",
               "type": {
-                "text": "boolean"
+                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
-              "default": "false",
-              "description": "Prevent autofocus on show",
-              "attribute": "disableAutoFocus"
+              "description": "Specify after padding of a Box",
+              "attribute": "pAfter"
             },
             {
               "kind": "field",
-              "name": "disableCloseOnEscape",
+              "name": "mx",
               "type": {
-                "text": "boolean"
+                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
-              "default": "false",
-              "description": "Prevent Escape from closing",
-              "attribute": "disableCloseOnEscape"
-            }
-          ],
-          "events": [
-            {
-              "description": "Dispatched when the Alert has been dismissed",
-              "name": "bm-dismiss"
-            }
-          ],
-          "attributes": [
+              "description": "Specify before and after margin of a Box",
+              "attribute": "mx"
+            },
             {
-              "name": "heading",
+              "kind": "field",
+              "name": "my",
               "type": {
-                "text": "string | undefined"
+                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
-              "description": "Specify the heading text for Alert",
-              "fieldName": "heading"
+              "description": "Specify top and bottom margin of a Box",
+              "attribute": "my"
             },
             {
-              "name": "body",
+              "kind": "field",
+              "name": "mTop",
               "type": {
-                "text": "string | undefined"
+                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
-              "description": "Specify the body text for Alert",
-              "fieldName": "body"
+              "description": "Specify top margin of a Box",
+              "attribute": "mTop"
             },
             {
-              "name": "size",
+              "kind": "field",
+              "name": "mBottom",
               "type": {
-                "text": "'sm' | 'md'"
+                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
-              "default": "'sm'",
-              "description": "Specify the size of the Alert",
-              "fieldName": "size"
+              "description": "Specify bottom margin of a Box",
+              "attribute": "mBottom"
             },
             {
-              "name": "fullWidth",
+              "kind": "field",
+              "name": "mBefore",
               "type": {
-                "text": "boolean"
+                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
-              "default": "false",
-              "description": "Specify if the Alert has no border radius",
-              "fieldName": "fullWidth"
+              "description": "Specify before margin of a Box",
+              "attribute": "mBefore"
             },
             {
-              "name": "theme",
+              "kind": "field",
+              "name": "mAfter",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
-              "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
-              "fieldName": "theme"
-            },
-            {
-              "name": "appearance",
-              "type": {
-                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
-              },
-              "default": "'infoPrimary'",
-              "description": "Specify the appearance of the Alert",
-              "fieldName": "appearance"
-            },
-            {
-              "name": "hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify if the Alert is hidden",
-              "fieldName": "hidden"
-            },
-            {
-              "name": "hideIcon",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify if the icon displays on the Alert",
-              "fieldName": "hideIcon"
-            },
-            {
-              "name": "dismissible",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify if the Alert can be dismissed",
-              "fieldName": "dismissible"
-            },
-            {
-              "name": "disableAutoFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Prevent autofocus on show",
-              "fieldName": "disableAutoFocus"
-            },
-            {
-              "name": "disableCloseOnEscape",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Prevent Escape from closing",
-              "fieldName": "disableCloseOnEscape"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "bm-alert",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BmAlert",
-          "declaration": {
-            "name": "BmAlert",
-            "module": "libs/web-components/src/lib/Alert/Alert.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bm-alert",
-          "declaration": {
-            "name": "BmAlert",
-            "module": "libs/web-components/src/lib/Alert/Alert.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/Alert/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./Alert"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/Box/Box.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "`bm-box`\n\n### Attributes:\n- **backgroundColor**  - Specify the background color of a Box\n- **borderColor**  - Specify the border color of a Box\n- **borderWidth**  - Specify the border width of a Box\n- **borderRadius**  - Specify the border radius of a Box\n- **px**  - Specify before and after padding of a Box\n- **py**  - Specify top and bottom padding of a Box\n- **pTop**  - Specify top padding of a Box\n- **pBottom**  - Specify bottom padding of a Box\n- **pBefore**  - Specify before padding of a Box\n- **pAfter**  - Specify after padding of a Box\n- **mx**  - Specify before and after margin of a Box\n- **my**  - Specify top and bottom margin of a Box\n- **mTop**  - Specify top margin of a Box\n- **mBottom**  - Specify bottom margin of a Box\n- **mBefore**  - Specify before margin of a Box\n- **mAfter**  - Specify after margin of a Box\n- **m**  - Specify all margin\n- **p**  - Specify all padding\n- **gap**  - Specify gap between child elements\n- **shadow**  - Specify if a Box has a shadow",
-          "name": "BmBox",
-          "slots": [
-            {
-              "description": "Provide content for the Box",
-              "name": "default"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "backgroundColor",
-              "type": {
-                "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'selected-subtle' | 'highlight' | 'transparent' | 'expressive-stronger' | 'expressive-inverse' | undefined"
-              },
-              "description": "Specify the background color of a Box",
-              "attribute": "backgroundColor"
-            },
-            {
-              "kind": "field",
-              "name": "borderColor",
-              "type": {
-                "text": "'positive' | 'warning' | 'negative' | 'inverse' | 'selected' | 'expressive' | 'strong' | '00' | '00-alt' | '01' | '02' | '03' | 'info-primary' | 'info-secondary' | 'positive-strong' | 'warning-strong' | 'negative-strong' | 'info-primary-strong' | 'info-secondary-strong' | 'transparent' | 'expressive-stronger' | 'focus' | undefined"
-              },
-              "description": "Specify the border color of a Box",
-              "attribute": "borderColor"
-            },
-            {
-              "kind": "field",
-              "name": "borderWidth",
-              "type": {
-                "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
-              },
-              "description": "Specify the border width of a Box",
-              "attribute": "borderWidth"
-            },
-            {
-              "kind": "field",
-              "name": "borderRadius",
-              "type": {
-                "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
-              },
-              "description": "Specify the border radius of a Box",
-              "attribute": "borderRadius"
-            },
-            {
-              "kind": "field",
-              "name": "px",
-              "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
-              },
-              "description": "Specify before and after padding of a Box",
-              "attribute": "px"
-            },
-            {
-              "kind": "field",
-              "name": "py",
-              "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
-              },
-              "description": "Specify top and bottom padding of a Box",
-              "attribute": "py"
-            },
-            {
-              "kind": "field",
-              "name": "pTop",
-              "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
-              },
-              "description": "Specify top padding of a Box",
-              "attribute": "pTop"
-            },
-            {
-              "kind": "field",
-              "name": "pBottom",
-              "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
-              },
-              "description": "Specify bottom padding of a Box",
-              "attribute": "pBottom"
-            },
-            {
-              "kind": "field",
-              "name": "pBefore",
-              "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
-              },
-              "description": "Specify before padding of a Box",
-              "attribute": "pBefore"
-            },
-            {
-              "kind": "field",
-              "name": "pAfter",
-              "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
-              },
-              "description": "Specify after padding of a Box",
-              "attribute": "pAfter"
-            },
-            {
-              "kind": "field",
-              "name": "mx",
-              "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
-              },
-              "description": "Specify before and after margin of a Box",
-              "attribute": "mx"
-            },
-            {
-              "kind": "field",
-              "name": "my",
-              "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
-              },
-              "description": "Specify top and bottom margin of a Box",
-              "attribute": "my"
-            },
-            {
-              "kind": "field",
-              "name": "mTop",
-              "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
-              },
-              "description": "Specify top margin of a Box",
-              "attribute": "mTop"
-            },
-            {
-              "kind": "field",
-              "name": "mBottom",
-              "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
-              },
-              "description": "Specify bottom margin of a Box",
-              "attribute": "mBottom"
-            },
-            {
-              "kind": "field",
-              "name": "mBefore",
-              "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
-              },
-              "description": "Specify before margin of a Box",
-              "attribute": "mBefore"
-            },
-            {
-              "kind": "field",
-              "name": "mAfter",
-              "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
-              },
-              "description": "Specify after margin of a Box",
-              "attribute": "mAfter"
+              "description": "Specify after margin of a Box",
+              "attribute": "mAfter"
             },
             {
               "kind": "field",
@@ -1652,6 +1520,138 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme**  - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the BadgeDot\n- **emphasis**  - Specify the emphasis of the BadgeDot\n- **overrideDotColor**  - Overrides default dot color",
+          "name": "BmBadgeDot",
+          "slots": [
+            {
+              "description": "Provide text for the BadgeDot",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | undefined"
+              },
+              "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
+              "attribute": "theme"
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
+              },
+              "default": "'infoPrimary'",
+              "description": "Specify the appearance of the BadgeDot",
+              "attribute": "appearance"
+            },
+            {
+              "kind": "field",
+              "name": "emphasis",
+              "type": {
+                "text": "'strong' | 'subtle'"
+              },
+              "default": "'strong'",
+              "description": "Specify the emphasis of the BadgeDot",
+              "attribute": "emphasis"
+            },
+            {
+              "kind": "field",
+              "name": "overrideDotColor",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Overrides default dot color",
+              "attribute": "overrideDotColor"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | undefined"
+              },
+              "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
+              "fieldName": "theme"
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
+              },
+              "default": "'infoPrimary'",
+              "description": "Specify the appearance of the BadgeDot",
+              "fieldName": "appearance"
+            },
+            {
+              "name": "emphasis",
+              "type": {
+                "text": "'strong' | 'subtle'"
+              },
+              "default": "'strong'",
+              "description": "Specify the emphasis of the BadgeDot",
+              "fieldName": "emphasis"
+            },
+            {
+              "name": "overrideDotColor",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Overrides default dot color",
+              "fieldName": "overrideDotColor"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "bm-badge-dot",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BmBadgeDot",
+          "declaration": {
+            "name": "BmBadgeDot",
+            "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bm-badge-dot",
+          "declaration": {
+            "name": "BmBadgeDot",
+            "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/BadgeDot/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./BadgeDot"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
@@ -8287,88 +8287,66 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
+      "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "`bm-switch`\n\n### Attributes:\n- **onText**  - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText**  - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition**  - Specify the position of the side label\n- **readOnly**  - Specify if Switch displays in a read-only state\n- **disabled**  - Specify if Switch displays in a disabled state\n- **checked** \n- **value**  - The value attribute for the input element",
-          "name": "BmSwitch",
-          "slots": [
-            {
-              "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
-              "name": "onText"
-            },
-            {
-              "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
-              "name": "offText"
-            }
-          ],
+          "description": "`bm-radio-button`\n\n### Attributes:\n- **label**  - Specify the text for the label\n- **error**  - Specify error text and display error state of a RadioButton\n- **readOnly**  - Specify if RadioButton displays in a read-only state\n- **disabled**  - Specify if RadioButton displays in a disabled state\n- **theme**  - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value**  - The value attribute for the input element\n- **checked**  - The checked attribute for the input element\n- **onKeyDown**  - A user-defined function to handle keydown events",
+          "name": "BmRadioButton",
           "members": [
             {
               "kind": "field",
-              "name": "inputChoiceGroupContext",
-              "type": {
-                "text": "InputChoiceGroupContextProps"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "onText",
+              "name": "label",
               "type": {
                 "text": "string | undefined"
               },
-              "default": "undefined",
-              "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
-              "attribute": "onText"
+              "description": "Specify the text for the label",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "offText",
+              "name": "error",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "default": "undefined",
-              "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
-              "attribute": "offText"
+              "description": "Specify error text and display error state of a RadioButton",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "theme",
+              "name": "readOnly",
               "type": {
-                "text": "ThemeTypes | undefined"
+                "text": "boolean | undefined"
               },
-              "default": "undefined",
-              "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
+              "description": "Specify if RadioButton displays in a read-only state",
+              "attribute": "readOnly"
             },
             {
               "kind": "field",
-              "name": "textPosition",
+              "name": "disabled",
               "type": {
-                "text": "'before' | 'after'"
+                "text": "boolean | undefined"
               },
-              "default": "'after'",
-              "description": "Specify the position of the side label",
-              "attribute": "textPosition"
+              "description": "Specify if RadioButton displays in a disabled state",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "theme",
               "type": {
-                "text": "boolean"
+                "text": "'light' | 'dark' | undefined"
               },
-              "default": "false",
-              "description": "Specify if Switch displays in a read-only state",
-              "attribute": "readOnly"
+              "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
+              "attribute": "theme"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Specify if Switch displays in a disabled state",
-              "attribute": "disabled"
+              "description": "The value attribute for the input element",
+              "attribute": "value"
             },
             {
               "kind": "field",
@@ -8377,67 +8355,82 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "The checked attribute for the input element",
               "attribute": "checked"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "onKeyDown",
               "type": {
-                "text": "string | undefined"
+                "text": "(event: KeyboardEvent) => void | undefined"
               },
-              "description": "The value attribute for the input element",
-              "attribute": "value"
+              "description": "A user-defined function to handle keydown events",
+              "attribute": "onKeyDown"
             },
             {
               "kind": "field",
-              "name": "switchRef"
+              "name": "inputChoiceGroupContext",
+              "type": {
+                "text": "InputChoiceGroupContextProps"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "radioButtonRef"
+            },
+            {
+              "kind": "method",
+              "name": "focus"
             }
           ],
           "attributes": [
             {
-              "name": "onText",
+              "name": "label",
               "type": {
                 "text": "string | undefined"
               },
-              "default": "undefined",
-              "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
-              "fieldName": "onText"
+              "description": "Specify the text for the label",
+              "fieldName": "label"
             },
             {
-              "name": "offText",
+              "name": "error",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "default": "undefined",
-              "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
-              "fieldName": "offText"
+              "description": "Specify error text and display error state of a RadioButton",
+              "fieldName": "error"
             },
             {
-              "name": "textPosition",
+              "name": "readOnly",
               "type": {
-                "text": "'before' | 'after'"
+                "text": "boolean | undefined"
               },
-              "default": "'after'",
-              "description": "Specify the position of the side label",
-              "fieldName": "textPosition"
+              "description": "Specify if RadioButton displays in a read-only state",
+              "fieldName": "readOnly"
             },
             {
-              "name": "readOnly",
+              "name": "disabled",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "default": "false",
-              "description": "Specify if Switch displays in a read-only state",
-              "fieldName": "readOnly"
+              "description": "Specify if RadioButton displays in a disabled state",
+              "fieldName": "disabled"
             },
             {
-              "name": "disabled",
+              "name": "theme",
               "type": {
-                "text": "boolean"
+                "text": "'light' | 'dark' | undefined"
               },
-              "default": "false",
-              "description": "Specify if Switch displays in a disabled state",
-              "fieldName": "disabled"
+              "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
+              "fieldName": "theme"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The value attribute for the input element",
+              "fieldName": "value"
             },
             {
               "name": "checked",
@@ -8445,47 +8438,48 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "The checked attribute for the input element",
               "fieldName": "checked"
             },
             {
-              "name": "value",
+              "name": "onKeyDown",
               "type": {
-                "text": "string | undefined"
+                "text": "(event: KeyboardEvent) => void | undefined"
               },
-              "description": "The value attribute for the input element",
-              "fieldName": "value"
+              "description": "A user-defined function to handle keydown events",
+              "fieldName": "onKeyDown"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "bm-switch",
+          "tagName": "bm-radio-button",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmSwitch",
+          "name": "BmRadioButton",
           "declaration": {
-            "name": "BmSwitch",
-            "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
+            "name": "BmRadioButton",
+            "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-switch",
+          "name": "bm-radio-button",
           "declaration": {
-            "name": "BmSwitch",
-            "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
+            "name": "BmRadioButton",
+            "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/Switch/index.ts",
+      "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -8493,7 +8487,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./Switch"
+            "package": "./RadioButton"
           }
         },
         {
@@ -8501,75 +8495,75 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./SwitchGroup/SwitchGroup"
+            "package": "./RadioButtonGroup/RadioButtonGroup"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/TextField/TextField.ts",
+      "path": "libs/web-components/src/lib/wip/Switch/Switch.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Attributes:\n- **placeholder**  - Specify placeholder text for TextField\n- **required**  - Specify if TextField is a required input\n- **hideRequiredMarker**  - Specify if the TextField displays with an asterisk\n- **error**  - Specify error text and display error state of a TextField\n- **readOnly**  - Specify if TextField displays in a read-only state\n- **disabled**  - Specify if TextField displays in a disabled state\n- **fluid**  - Specify if TextField is fluid\n- **width**  - Specify the width of TextField\n- **ellipse**  - Specify if overflow displays ellipsis\n- **theme**  - Specify the theme of the TextField. By default it inherits the theme from the parent\n- **type** \n- **inputMode** ",
-          "name": "BmTextField",
+          "description": "`bm-switch`\n\n### Attributes:\n- **onText**  - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText**  - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition**  - Specify the position of the side label\n- **readOnly**  - Specify if Switch displays in a read-only state\n- **disabled**  - Specify if Switch displays in a disabled state\n- **checked** \n- **value**  - The value attribute for the input element",
+          "name": "BmSwitch",
           "slots": [
             {
-              "description": "Specify the label for TextField",
-              "name": "label"
-            },
-            {
-              "description": "Specify the helper text for TextField",
-              "name": "helper-text"
-            },
-            {
-              "description": "Specify content to display after input",
-              "name": "content-after"
+              "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
+              "name": "onText"
             },
             {
-              "description": "Specify content to display before input",
-              "name": "content-before"
+              "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
+              "name": "offText"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "inputChoiceGroupContext",
+              "type": {
+                "text": "InputChoiceGroupContextProps"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "onText",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify placeholder text for TextField",
-              "attribute": "placeholder"
+              "default": "undefined",
+              "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
+              "attribute": "onText"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "offText",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Specify if TextField is a required input",
-              "attribute": "required"
+              "default": "undefined",
+              "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
+              "attribute": "offText"
             },
             {
               "kind": "field",
-              "name": "hideRequiredMarker",
+              "name": "theme",
               "type": {
-                "text": "boolean"
+                "text": "ThemeTypes | undefined"
               },
-              "default": "false",
-              "description": "Specify if the TextField displays with an asterisk",
-              "attribute": "hideRequiredMarker"
+              "default": "undefined",
+              "description": "Specify the theme of the Switch. By default it inherits the theme from the parent"
             },
             {
               "kind": "field",
-              "name": "error",
+              "name": "textPosition",
               "type": {
-                "text": "string | undefined"
+                "text": "'before' | 'after'"
               },
-              "description": "Specify error text and display error state of a TextField",
-              "attribute": "error"
+              "default": "'after'",
+              "description": "Specify the position of the side label",
+              "attribute": "textPosition"
             },
             {
               "kind": "field",
@@ -8578,7 +8572,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextField displays in a read-only state",
+              "description": "Specify if Switch displays in a read-only state",
               "attribute": "readOnly"
             },
             {
@@ -8588,602 +8582,648 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextField displays in a disabled state",
+              "description": "Specify if Switch displays in a disabled state",
               "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "fluid",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextField is fluid",
-              "attribute": "fluid"
+              "attribute": "checked"
             },
             {
               "kind": "field",
-              "name": "width",
+              "name": "value",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify the width of TextField",
-              "attribute": "width"
+              "description": "The value attribute for the input element",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "ellipse",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify if overflow displays ellipsis",
-              "attribute": "ellipse"
-            },
+              "name": "switchRef"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "theme",
+              "name": "onText",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
-              "attribute": "theme"
+              "default": "undefined",
+              "description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
+              "fieldName": "onText"
             },
             {
-              "kind": "field",
-              "name": "type",
+              "name": "offText",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'text'",
-              "attribute": "type"
+              "default": "undefined",
+              "description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
+              "fieldName": "offText"
             },
             {
-              "kind": "field",
-              "name": "inputMode",
+              "name": "textPosition",
               "type": {
-                "text": "string"
+                "text": "'before' | 'after'"
               },
-              "default": "'text'",
-              "attribute": "inputMode"
+              "default": "'after'",
+              "description": "Specify the position of the side label",
+              "fieldName": "textPosition"
             },
             {
-              "kind": "field",
-              "name": "formAssociated",
+              "name": "readOnly",
               "type": {
                 "text": "boolean"
               },
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "default": "false",
+              "description": "Specify if Switch displays in a read-only state",
+              "fieldName": "readOnly"
             },
             {
-              "kind": "field",
-              "name": "id",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "id",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "default": "false",
+              "description": "Specify if Switch displays in a disabled state",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "name",
+              "name": "checked",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "name",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "default": "false",
+              "fieldName": "checked"
             },
             {
-              "kind": "field",
               "name": "value",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
+              "description": "The value attribute for the input element",
+              "fieldName": "value"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "bm-switch",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BmSwitch",
+          "declaration": {
+            "name": "BmSwitch",
+            "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bm-switch",
+          "declaration": {
+            "name": "BmSwitch",
+            "module": "libs/web-components/src/lib/wip/Switch/Switch.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/wip/Switch/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./Switch"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./SwitchGroup/SwitchGroup"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/wip/TextArea/TextArea.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "### Attributes:\n- **rows**  - Specify the height of TextArea\n- **cols**  - Specify the width of TextArea\n- **placeholder**  - Specify placeholder text for TextArea\n- **required**  - Specify if TextArea is a required input\n- **hideRequiredMarker**  - Specify if the TextArea displays with an asterisk\n- **error**  - Specify error text and display error state of a TextArea\n- **readOnly**  - Specify if TextArea displays in a read-only state\n- **disabled**  - Specify if TextArea displays in a disabled state\n- **fluid**  - Specify if TextArea is fluid\n- **width**  - Specify the width of TextArea\n- **hideResize**  - Specify if TextArea can be manually resized\n- **maxCount**  - Specify the maximum character count for the TextArea\n- **autoResize**  - Specify if the TextArea automatically resizes to fit the text\n- **theme**  - Specify the theme of the TextArea. By default it inherits the theme from the parent",
+          "name": "BmTextArea",
+          "slots": [
             {
-              "kind": "field",
-              "name": "validationRules",
-              "type": {
-                "text": "Array<FormValidator>"
-              },
-              "default": "[]",
-              "attribute": "validationRules",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "description": "Specify the label for TextArea",
+              "name": "label"
             },
+            {
+              "description": "Specify the helper text for TextArea",
+              "name": "helper-text"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "inputAriaLabel",
+              "name": "rows",
               "type": {
-                "text": "string | undefined"
+                "text": "number | undefined"
               },
-              "attribute": "input-aria-label",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "description": "Specify the height of TextArea",
+              "attribute": "rows"
             },
             {
               "kind": "field",
-              "name": "formContext",
+              "name": "cols",
               "type": {
-                "text": "BmFormContext"
-              },
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formAssociatedCallback",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formResetCallback",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "number | undefined"
               },
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "description": "Specify the width of TextArea",
+              "attribute": "cols"
             },
             {
-              "kind": "method",
-              "name": "finalizeAssociatedCallback",
-              "return": {
-                "type": {
-                  "text": "FinalizeAssociatedResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "ctxValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
+              "kind": "field",
               "name": "placeholder",
               "type": {
                 "text": "string | undefined"
-              },
-              "description": "Specify placeholder text for TextField",
-              "fieldName": "placeholder"
+              },
+              "description": "Specify placeholder text for TextArea",
+              "attribute": "placeholder"
             },
             {
+              "kind": "field",
               "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextField is a required input",
-              "fieldName": "required"
+              "description": "Specify if TextArea is a required input",
+              "attribute": "required"
             },
             {
+              "kind": "field",
               "name": "hideRequiredMarker",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if the TextField displays with an asterisk",
-              "fieldName": "hideRequiredMarker"
+              "description": "Specify if the TextArea displays with an asterisk",
+              "attribute": "hideRequiredMarker"
             },
             {
+              "kind": "field",
               "name": "error",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify error text and display error state of a TextField",
-              "fieldName": "error"
+              "description": "Specify error text and display error state of a TextArea",
+              "attribute": "error"
             },
             {
+              "kind": "field",
               "name": "readOnly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextField displays in a read-only state",
-              "fieldName": "readOnly"
+              "description": "Specify if TextArea displays in a read-only state",
+              "attribute": "readOnly"
             },
             {
+              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextField displays in a disabled state",
-              "fieldName": "disabled"
+              "description": "Specify if TextArea displays in a disabled state",
+              "attribute": "disabled"
             },
             {
+              "kind": "field",
               "name": "fluid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextField is fluid",
-              "fieldName": "fluid"
+              "description": "Specify if TextArea is fluid",
+              "attribute": "fluid"
             },
             {
+              "kind": "field",
               "name": "width",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify the width of TextField",
-              "fieldName": "width"
+              "description": "Specify the width of TextArea",
+              "attribute": "width"
             },
             {
-              "name": "ellipse",
+              "kind": "field",
+              "name": "hideResize",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if overflow displays ellipsis",
-              "fieldName": "ellipse"
+              "description": "Specify if TextArea can be manually resized",
+              "attribute": "hideResize"
+            },
+            {
+              "kind": "field",
+              "name": "maxCount",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Specify the maximum character count for the TextArea",
+              "attribute": "maxCount"
+            },
+            {
+              "kind": "field",
+              "name": "autoResize",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if the TextArea automatically resizes to fit the text",
+              "attribute": "autoResize"
             },
             {
+              "kind": "field",
               "name": "theme",
               "type": {
                 "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
-              "fieldName": "theme"
+              "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
+              "attribute": "theme"
             },
             {
-              "name": "type",
-              "type": {
-                "text": "string"
+              "kind": "field",
+              "name": "formFieldCounterRef"
+            },
+            {
+              "kind": "method",
+              "name": "finalizeAssociatedCallback",
+              "return": {
+                "type": {
+                  "text": "FinalizeAssociatedResult"
+                }
               },
-              "default": "'text'",
-              "fieldName": "type"
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "name": "inputMode",
+              "kind": "field",
+              "name": "formAssociated",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'text'",
-              "fieldName": "inputMode"
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
+              "kind": "field",
               "name": "id",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "id",
+              "attribute": "id",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
+              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "name",
+              "attribute": "name",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
+              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "value",
+              "attribute": "value",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
+              "kind": "field",
               "name": "validationRules",
               "type": {
                 "text": "Array<FormValidator>"
               },
               "default": "[]",
-              "fieldName": "validationRules",
+              "attribute": "validationRules",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
-              "name": "input-aria-label",
+              "kind": "field",
+              "name": "inputAriaLabel",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "inputAriaLabel",
+              "attribute": "input-aria-label",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
-            }
-          ],
-          "superclass": {
-            "name": "FormField",
-            "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
-          },
-          "summary": "`bm-text-field`",
-          "tagName": "bm-text-field",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BmTextField",
-          "declaration": {
-            "name": "BmTextField",
-            "module": "libs/web-components/src/lib/wip/TextField/TextField.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bm-text-field",
-          "declaration": {
-            "name": "BmTextField",
-            "module": "libs/web-components/src/lib/wip/TextField/TextField.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/TextField/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./TextField"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "`bm-radio-button`\n\n### Attributes:\n- **label**  - Specify the text for the label\n- **error**  - Specify error text and display error state of a RadioButton\n- **readOnly**  - Specify if RadioButton displays in a read-only state\n- **disabled**  - Specify if RadioButton displays in a disabled state\n- **theme**  - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value**  - The value attribute for the input element\n- **checked**  - The checked attribute for the input element\n- **onKeyDown**  - A user-defined function to handle keydown events",
-          "name": "BmRadioButton",
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "label",
+              "name": "formContext",
               "type": {
-                "text": "string | undefined"
+                "text": "BmFormContext"
               },
-              "description": "Specify the text for the label",
-              "attribute": "label"
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "error",
+              "kind": "method",
+              "name": "formAssociatedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formResetCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "rows",
               "type": {
-                "text": "boolean | undefined"
+                "text": "number | undefined"
               },
-              "description": "Specify error text and display error state of a RadioButton",
-              "attribute": "error"
+              "description": "Specify the height of TextArea",
+              "fieldName": "rows"
             },
             {
-              "kind": "field",
-              "name": "readOnly",
+              "name": "cols",
               "type": {
-                "text": "boolean | undefined"
+                "text": "number | undefined"
               },
-              "description": "Specify if RadioButton displays in a read-only state",
-              "attribute": "readOnly"
+              "description": "Specify the width of TextArea",
+              "fieldName": "cols"
             },
             {
-              "kind": "field",
-              "name": "disabled",
+              "name": "placeholder",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify if RadioButton displays in a disabled state",
-              "attribute": "disabled"
+              "description": "Specify placeholder text for TextArea",
+              "fieldName": "placeholder"
             },
             {
-              "kind": "field",
-              "name": "theme",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if TextArea is a required input",
+              "fieldName": "required"
+            },
+            {
+              "name": "hideRequiredMarker",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "boolean"
               },
-              "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
-              "attribute": "theme"
+              "default": "false",
+              "description": "Specify if the TextArea displays with an asterisk",
+              "fieldName": "hideRequiredMarker"
             },
             {
-              "kind": "field",
-              "name": "value",
+              "name": "error",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The value attribute for the input element",
-              "attribute": "value"
+              "description": "Specify error text and display error state of a TextArea",
+              "fieldName": "error"
             },
             {
-              "kind": "field",
-              "name": "checked",
+              "name": "readOnly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The checked attribute for the input element",
-              "attribute": "checked"
+              "description": "Specify if TextArea displays in a read-only state",
+              "fieldName": "readOnly"
             },
             {
-              "kind": "field",
-              "name": "onKeyDown",
+              "name": "disabled",
               "type": {
-                "text": "(event: KeyboardEvent) => void | undefined"
+                "text": "boolean"
               },
-              "description": "A user-defined function to handle keydown events",
-              "attribute": "onKeyDown"
+              "default": "false",
+              "description": "Specify if TextArea displays in a disabled state",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "inputChoiceGroupContext",
+              "name": "fluid",
               "type": {
-                "text": "InputChoiceGroupContextProps"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "radioButtonRef"
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if TextArea is fluid",
+              "fieldName": "fluid"
             },
             {
-              "kind": "method",
-              "name": "focus"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
+              "name": "width",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify the text for the label",
-              "fieldName": "label"
+              "description": "Specify the width of TextArea",
+              "fieldName": "width"
             },
             {
-              "name": "error",
+              "name": "hideResize",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "Specify error text and display error state of a RadioButton",
-              "fieldName": "error"
+              "default": "false",
+              "description": "Specify if TextArea can be manually resized",
+              "fieldName": "hideResize"
             },
             {
-              "name": "readOnly",
+              "name": "maxCount",
               "type": {
-                "text": "boolean | undefined"
+                "text": "number | undefined"
               },
-              "description": "Specify if RadioButton displays in a read-only state",
-              "fieldName": "readOnly"
+              "description": "Specify the maximum character count for the TextArea",
+              "fieldName": "maxCount"
             },
             {
-              "name": "disabled",
+              "name": "autoResize",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "Specify if RadioButton displays in a disabled state",
-              "fieldName": "disabled"
+              "default": "false",
+              "description": "Specify if the TextArea automatically resizes to fit the text",
+              "fieldName": "autoResize"
             },
             {
               "name": "theme",
               "type": {
                 "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
+              "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
               "fieldName": "theme"
             },
+            {
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "id",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
             {
               "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The value attribute for the input element",
-              "fieldName": "value"
+              "default": "''",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "name": "checked",
+              "name": "validationRules",
               "type": {
-                "text": "boolean"
+                "text": "Array<FormValidator>"
               },
-              "default": "false",
-              "description": "The checked attribute for the input element",
-              "fieldName": "checked"
+              "default": "[]",
+              "fieldName": "validationRules",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "name": "onKeyDown",
+              "name": "input-aria-label",
               "type": {
-                "text": "(event: KeyboardEvent) => void | undefined"
+                "text": "string | undefined"
               },
-              "description": "A user-defined function to handle keydown events",
-              "fieldName": "onKeyDown"
+              "fieldName": "inputAriaLabel",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "FormField",
+            "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
           },
-          "tagName": "bm-radio-button",
+          "summary": "`bm-text-area`",
+          "tagName": "bm-text-area",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmRadioButton",
+          "name": "BmTextArea",
           "declaration": {
-            "name": "BmRadioButton",
-            "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
+            "name": "BmTextArea",
+            "module": "libs/web-components/src/lib/wip/TextArea/TextArea.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-radio-button",
+          "name": "bm-text-area",
           "declaration": {
-            "name": "BmRadioButton",
-            "module": "libs/web-components/src/lib/wip/RadioButton/RadioButton.ts"
+            "name": "BmTextArea",
+            "module": "libs/web-components/src/lib/wip/TextArea/TextArea.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/RadioButton/index.ts",
+      "path": "libs/web-components/src/lib/wip/TextArea/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -9191,63 +9231,45 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./RadioButton"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./RadioButtonGroup/RadioButtonGroup"
+            "package": "./TextArea"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/TextArea/TextArea.ts",
+      "path": "libs/web-components/src/lib/wip/TextField/TextField.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Attributes:\n- **rows**  - Specify the height of TextArea\n- **cols**  - Specify the width of TextArea\n- **placeholder**  - Specify placeholder text for TextArea\n- **required**  - Specify if TextArea is a required input\n- **hideRequiredMarker**  - Specify if the TextArea displays with an asterisk\n- **error**  - Specify error text and display error state of a TextArea\n- **readOnly**  - Specify if TextArea displays in a read-only state\n- **disabled**  - Specify if TextArea displays in a disabled state\n- **fluid**  - Specify if TextArea is fluid\n- **width**  - Specify the width of TextArea\n- **hideResize**  - Specify if TextArea can be manually resized\n- **maxCount**  - Specify the maximum character count for the TextArea\n- **autoResize**  - Specify if the TextArea automatically resizes to fit the text\n- **theme**  - Specify the theme of the TextArea. By default it inherits the theme from the parent",
-          "name": "BmTextArea",
+          "description": "### Attributes:\n- **placeholder**  - Specify placeholder text for TextField\n- **required**  - Specify if TextField is a required input\n- **hideRequiredMarker**  - Specify if the TextField displays with an asterisk\n- **error**  - Specify error text and display error state of a TextField\n- **readOnly**  - Specify if TextField displays in a read-only state\n- **disabled**  - Specify if TextField displays in a disabled state\n- **fluid**  - Specify if TextField is fluid\n- **width**  - Specify the width of TextField\n- **ellipse**  - Specify if overflow displays ellipsis\n- **theme**  - Specify the theme of the TextField. By default it inherits the theme from the parent\n- **type** \n- **inputMode** ",
+          "name": "BmTextField",
           "slots": [
             {
-              "description": "Specify the label for TextArea",
+              "description": "Specify the label for TextField",
               "name": "label"
             },
             {
-              "description": "Specify the helper text for TextArea",
+              "description": "Specify the helper text for TextField",
               "name": "helper-text"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "rows",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Specify the height of TextArea",
-              "attribute": "rows"
             },
             {
-              "kind": "field",
-              "name": "cols",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Specify the width of TextArea",
-              "attribute": "cols"
+              "description": "Specify content to display after input",
+              "name": "content-after"
             },
+            {
+              "description": "Specify content to display before input",
+              "name": "content-before"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
               "name": "placeholder",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify placeholder text for TextArea",
+              "description": "Specify placeholder text for TextField",
               "attribute": "placeholder"
             },
             {
@@ -9257,7 +9279,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextArea is a required input",
+              "description": "Specify if TextField is a required input",
               "attribute": "required"
             },
             {
@@ -9267,7 +9289,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if the TextArea displays with an asterisk",
+              "description": "Specify if the TextField displays with an asterisk",
               "attribute": "hideRequiredMarker"
             },
             {
@@ -9276,7 +9298,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify error text and display error state of a TextArea",
+              "description": "Specify error text and display error state of a TextField",
               "attribute": "error"
             },
             {
@@ -9286,7 +9308,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextArea displays in a read-only state",
+              "description": "Specify if TextField displays in a read-only state",
               "attribute": "readOnly"
             },
             {
@@ -9296,7 +9318,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextArea displays in a disabled state",
+              "description": "Specify if TextField displays in a disabled state",
               "attribute": "disabled"
             },
             {
@@ -9306,7 +9328,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextArea is fluid",
+              "description": "Specify if TextField is fluid",
               "attribute": "fluid"
             },
             {
@@ -9315,71 +9337,45 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify the width of TextArea",
+              "description": "Specify the width of TextField",
               "attribute": "width"
             },
             {
               "kind": "field",
-              "name": "hideResize",
+              "name": "ellipse",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextArea can be manually resized",
-              "attribute": "hideResize"
-            },
-            {
-              "kind": "field",
-              "name": "maxCount",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Specify the maximum character count for the TextArea",
-              "attribute": "maxCount"
+              "description": "Specify if overflow displays ellipsis",
+              "attribute": "ellipse"
             },
             {
               "kind": "field",
-              "name": "autoResize",
+              "name": "theme",
               "type": {
-                "text": "boolean"
+                "text": "'light' | 'dark' | undefined"
               },
-              "default": "false",
-              "description": "Specify if the TextArea automatically resizes to fit the text",
-              "attribute": "autoResize"
+              "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
+              "attribute": "theme"
             },
             {
               "kind": "field",
-              "name": "theme",
+              "name": "type",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "string"
               },
-              "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
-              "attribute": "theme"
+              "default": "'text'",
+              "attribute": "type"
             },
             {
               "kind": "field",
-              "name": "formFieldCounterRef"
-            },
-            {
-              "kind": "method",
-              "name": "finalizeAssociatedCallback",
-              "return": {
-                "type": {
-                  "text": "FinalizeAssociatedResult"
-                }
+              "name": "inputMode",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "default": "'text'",
+              "attribute": "inputMode"
             },
             {
               "kind": "field",
@@ -9494,31 +9490,36 @@
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "rows",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Specify the height of TextArea",
-              "fieldName": "rows"
             },
             {
-              "name": "cols",
-              "type": {
-                "text": "number | undefined"
+              "kind": "method",
+              "name": "finalizeAssociatedCallback",
+              "return": {
+                "type": {
+                  "text": "FinalizeAssociatedResult"
+                }
               },
-              "description": "Specify the width of TextArea",
-              "fieldName": "cols"
-            },
+              "parameters": [
+                {
+                  "name": "ctxValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
               "name": "placeholder",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify placeholder text for TextArea",
+              "description": "Specify placeholder text for TextField",
               "fieldName": "placeholder"
             },
             {
@@ -9527,7 +9528,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextArea is a required input",
+              "description": "Specify if TextField is a required input",
               "fieldName": "required"
             },
             {
@@ -9536,7 +9537,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if the TextArea displays with an asterisk",
+              "description": "Specify if the TextField displays with an asterisk",
               "fieldName": "hideRequiredMarker"
             },
             {
@@ -9544,7 +9545,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify error text and display error state of a TextArea",
+              "description": "Specify error text and display error state of a TextField",
               "fieldName": "error"
             },
             {
@@ -9553,7 +9554,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextArea displays in a read-only state",
+              "description": "Specify if TextField displays in a read-only state",
               "fieldName": "readOnly"
             },
             {
@@ -9562,7 +9563,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextArea displays in a disabled state",
+              "description": "Specify if TextField displays in a disabled state",
               "fieldName": "disabled"
             },
             {
@@ -9571,7 +9572,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextArea is fluid",
+              "description": "Specify if TextField is fluid",
               "fieldName": "fluid"
             },
             {
@@ -9579,42 +9580,41 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify the width of TextArea",
+              "description": "Specify the width of TextField",
               "fieldName": "width"
             },
             {
-              "name": "hideResize",
+              "name": "ellipse",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if TextArea can be manually resized",
-              "fieldName": "hideResize"
+              "description": "Specify if overflow displays ellipsis",
+              "fieldName": "ellipse"
             },
             {
-              "name": "maxCount",
+              "name": "theme",
               "type": {
-                "text": "number | undefined"
+                "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify the maximum character count for the TextArea",
-              "fieldName": "maxCount"
+              "description": "Specify the theme of the TextField. By default it inherits the theme from the parent",
+              "fieldName": "theme"
             },
             {
-              "name": "autoResize",
+              "name": "type",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Specify if the TextArea automatically resizes to fit the text",
-              "fieldName": "autoResize"
+              "default": "'text'",
+              "fieldName": "type"
             },
             {
-              "name": "theme",
+              "name": "inputMode",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "string"
               },
-              "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
-              "fieldName": "theme"
+              "default": "'text'",
+              "fieldName": "inputMode"
             },
             {
               "name": "id",
@@ -9680,33 +9680,33 @@
             "name": "FormField",
             "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
           },
-          "summary": "`bm-text-area`",
-          "tagName": "bm-text-area",
+          "summary": "`bm-text-field`",
+          "tagName": "bm-text-field",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmTextArea",
+          "name": "BmTextField",
           "declaration": {
-            "name": "BmTextArea",
-            "module": "libs/web-components/src/lib/wip/TextArea/TextArea.ts"
+            "name": "BmTextField",
+            "module": "libs/web-components/src/lib/wip/TextField/TextField.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-text-area",
+          "name": "bm-text-field",
           "declaration": {
-            "name": "BmTextArea",
-            "module": "libs/web-components/src/lib/wip/TextArea/TextArea.ts"
+            "name": "BmTextField",
+            "module": "libs/web-components/src/lib/wip/TextField/TextField.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/TextArea/index.ts",
+      "path": "libs/web-components/src/lib/wip/TextField/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -9714,7 +9714,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./TextArea"
+            "package": "./TextField"
           }
         }
       ]
@@ -9743,28 +9743,207 @@
               }
             },
             {
-              "description": "Add helper text to the InputChoiceGroup",
-              "name": "helperText",
+              "description": "Add helper text to the InputChoiceGroup",
+              "name": "helperText",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | undefined"
+              },
+              "description": "Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent",
+              "fieldName": "theme",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "name": "layout",
+              "type": {
+                "text": "'horizontal' | 'vertical' | 'horizontalFluid'"
+              },
+              "default": "'vertical'",
+              "description": "Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead",
+              "deprecated": "use `orientation` and `fluid` instead",
+              "fieldName": "layout",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "'horizontal' | 'vertical'"
+              },
+              "default": "'vertical'",
+              "description": "Specify InputChoiceGroup orientation",
+              "fieldName": "orientation",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "name": "fluid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if InputChoiceGroup should take the full width of its container",
+              "fieldName": "fluid",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if InputChoiceGroup is a required input",
+              "fieldName": "required",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "name": "hideRequiredMarker",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if the InputChoiceGroup displays with an asterisk",
+              "fieldName": "hideRequiredMarker",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Specify error text and display error state of a InputChoiceGroup",
+              "fieldName": "error",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if InputChoiceGroup displays in a read-only state",
+              "fieldName": "readOnly",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if InputChoiceGroup displays in a disabled state",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "id",
               "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "name": "validationRules",
+              "type": {
+                "text": "Array<FormValidator>"
+              },
+              "default": "[]",
+              "fieldName": "validationRules",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "name": "input-aria-label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "inputAriaLabel",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             }
           ],
-          "attributes": [
+          "members": [
             {
+              "kind": "field",
               "name": "theme",
               "type": {
                 "text": "'light' | 'dark' | undefined"
               },
               "description": "Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent",
-              "fieldName": "theme",
+              "attribute": "theme",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
+              "kind": "field",
               "name": "layout",
               "type": {
                 "text": "'horizontal' | 'vertical' | 'horizontalFluid'"
@@ -9772,162 +9951,320 @@
               "default": "'vertical'",
               "description": "Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead",
               "deprecated": "use `orientation` and `fluid` instead",
-              "fieldName": "layout",
+              "attribute": "layout",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
+              "kind": "field",
               "name": "orientation",
               "type": {
                 "text": "'horizontal' | 'vertical'"
               },
               "default": "'vertical'",
               "description": "Specify InputChoiceGroup orientation",
-              "fieldName": "orientation",
+              "attribute": "orientation",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
+              "kind": "field",
               "name": "fluid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Specify if InputChoiceGroup should take the full width of its container",
-              "fieldName": "fluid",
+              "attribute": "fluid",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
+              "kind": "field",
               "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Specify if InputChoiceGroup is a required input",
-              "fieldName": "required",
+              "attribute": "required",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
+              "kind": "field",
               "name": "hideRequiredMarker",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Specify if the InputChoiceGroup displays with an asterisk",
-              "fieldName": "hideRequiredMarker",
+              "attribute": "hideRequiredMarker",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
+              "kind": "field",
               "name": "error",
               "type": {
                 "text": "string | undefined"
               },
               "description": "Specify error text and display error state of a InputChoiceGroup",
-              "fieldName": "error",
+              "attribute": "error",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
+              "kind": "field",
               "name": "readOnly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Specify if InputChoiceGroup displays in a read-only state",
-              "fieldName": "readOnly",
+              "attribute": "readOnly",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
+              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Specify if InputChoiceGroup displays in a disabled state",
-              "fieldName": "disabled",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "radioButtons",
+              "type": {
+                "text": "NodeListOf<Element>"
+              },
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "checkboxes",
+              "type": {
+                "text": "NodeListOf<Element>"
+              },
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "switches",
+              "type": {
+                "text": "NodeListOf<Element>"
+              },
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inputGroupContextValue",
+              "type": {
+                "text": "InputChoiceGroupContextProps"
+              },
+              "privacy": "public",
+              "default": "{ name: '', required: false, error: undefined, readOnly: false, disabled: false, selectedValue: undefined, updateSelectedValue: this.updateSelectedValue.bind(this), }",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
+              "kind": "field",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "kind": "field",
               "name": "id",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "id",
+              "attribute": "id",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
+              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "name",
+              "attribute": "name",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
+              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "value",
+              "attribute": "value",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
+              "kind": "field",
               "name": "validationRules",
               "type": {
                 "text": "Array<FormValidator>"
               },
               "default": "[]",
-              "fieldName": "validationRules",
+              "attribute": "validationRules",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
-              "name": "input-aria-label",
+              "kind": "field",
+              "name": "inputAriaLabel",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "inputAriaLabel",
+              "attribute": "input-aria-label",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formContext",
+              "type": {
+                "text": "BmFormContext"
+              },
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formAssociatedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formResetCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "finalizeAssociatedCallback",
+              "return": {
+                "type": {
+                  "text": "FinalizeAssociatedResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "ctxValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             }
-          ],
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BmCheckboxGroup",
+          "declaration": {
+            "name": "BmCheckboxGroup",
+            "module": "libs/web-components/src/lib/wip/Checkbox/CheckboxGroup/CheckboxGroup.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bm-checkbox-group",
+          "declaration": {
+            "name": "BmCheckboxGroup",
+            "module": "libs/web-components/src/lib/wip/Checkbox/CheckboxGroup/CheckboxGroup.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "BmRadioButtonGroup",
           "members": [
             {
               "kind": "field",
@@ -10235,39 +10572,16 @@
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BmCheckboxGroup",
-          "declaration": {
-            "name": "BmCheckboxGroup",
-            "module": "libs/web-components/src/lib/wip/Checkbox/CheckboxGroup/CheckboxGroup.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bm-checkbox-group",
-          "declaration": {
-            "name": "BmCheckboxGroup",
-            "module": "libs/web-components/src/lib/wip/Checkbox/CheckboxGroup/CheckboxGroup.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/Switch/SwitchGroup/SwitchGroup.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "`bm-switch-group`",
-          "name": "BmSwitchGroup",
+          ],
+          "superclass": {
+            "name": "InputChoiceGroup",
+            "module": "/libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup"
+          },
+          "tagName": "bm-radio-button-group",
+          "customElement": true,
           "slots": [
             {
-              "description": "Slot for the label of the SwitchGroup",
+              "description": "Add label text to the InputChoiceGroup",
               "name": "label",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
@@ -10275,7 +10589,7 @@
               }
             },
             {
-              "description": "Slot for the helper text of the SwitchGroup",
+              "description": "Add helper text to the InputChoiceGroup",
               "name": "helperText",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
@@ -10283,12 +10597,6 @@
               }
             }
           ],
-          "superclass": {
-            "name": "InputChoiceGroup",
-            "module": "/libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup"
-          },
-          "tagName": "bm-switch-group",
-          "customElement": true,
           "attributes": [
             {
               "name": "theme",
@@ -10465,23 +10773,74 @@
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BmRadioButtonGroup",
+          "declaration": {
+            "name": "BmRadioButtonGroup",
+            "module": "libs/web-components/src/lib/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bm-radio-button-group",
+          "declaration": {
+            "name": "BmRadioButtonGroup",
+            "module": "libs/web-components/src/lib/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/wip/Switch/SwitchGroup/SwitchGroup.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`bm-switch-group`",
+          "name": "BmSwitchGroup",
+          "slots": [
+            {
+              "description": "Slot for the label of the SwitchGroup",
+              "name": "label",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            },
+            {
+              "description": "Slot for the helper text of the SwitchGroup",
+              "name": "helperText",
+              "inheritedFrom": {
+                "name": "InputChoiceGroup",
+                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
+              }
+            }
           ],
-          "members": [
+          "superclass": {
+            "name": "InputChoiceGroup",
+            "module": "/libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup"
+          },
+          "tagName": "bm-switch-group",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
               "name": "theme",
               "type": {
                 "text": "'light' | 'dark' | undefined"
               },
               "description": "Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent",
-              "attribute": "theme",
+              "fieldName": "theme",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
-              "kind": "field",
               "name": "layout",
               "type": {
                 "text": "'horizontal' | 'vertical' | 'horizontalFluid'"
@@ -10489,320 +10848,162 @@
               "default": "'vertical'",
               "description": "Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead",
               "deprecated": "use `orientation` and `fluid` instead",
-              "attribute": "layout",
+              "fieldName": "layout",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
-              "kind": "field",
               "name": "orientation",
               "type": {
                 "text": "'horizontal' | 'vertical'"
               },
               "default": "'vertical'",
               "description": "Specify InputChoiceGroup orientation",
-              "attribute": "orientation",
+              "fieldName": "orientation",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
-              "kind": "field",
               "name": "fluid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Specify if InputChoiceGroup should take the full width of its container",
-              "attribute": "fluid",
+              "fieldName": "fluid",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
-              "kind": "field",
               "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Specify if InputChoiceGroup is a required input",
-              "attribute": "required",
+              "fieldName": "required",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
-              "kind": "field",
               "name": "hideRequiredMarker",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Specify if the InputChoiceGroup displays with an asterisk",
-              "attribute": "hideRequiredMarker",
+              "fieldName": "hideRequiredMarker",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
-              "kind": "field",
               "name": "error",
               "type": {
                 "text": "string | undefined"
               },
               "description": "Specify error text and display error state of a InputChoiceGroup",
-              "attribute": "error",
+              "fieldName": "error",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
-              "kind": "field",
               "name": "readOnly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Specify if InputChoiceGroup displays in a read-only state",
-              "attribute": "readOnly",
+              "fieldName": "readOnly",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
-              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Specify if InputChoiceGroup displays in a disabled state",
-              "attribute": "disabled",
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "radioButtons",
-              "type": {
-                "text": "NodeListOf<Element>"
-              },
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "checkboxes",
-              "type": {
-                "text": "NodeListOf<Element>"
-              },
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "switches",
-              "type": {
-                "text": "NodeListOf<Element>"
-              },
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "inputGroupContextValue",
-              "type": {
-                "text": "InputChoiceGroupContextProps"
-              },
-              "privacy": "public",
-              "default": "{ name: '', required: false, error: undefined, readOnly: false, disabled: false, selectedValue: undefined, updateSelectedValue: this.updateSelectedValue.bind(this), }",
+              "fieldName": "disabled",
               "inheritedFrom": {
                 "name": "InputChoiceGroup",
                 "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "formAssociated",
-              "type": {
-                "text": "boolean"
-              },
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "kind": "field",
               "name": "id",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "id",
+              "fieldName": "id",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
-              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "name",
+              "fieldName": "name",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
-              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "value",
+              "fieldName": "value",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
-              "kind": "field",
               "name": "validationRules",
               "type": {
                 "text": "Array<FormValidator>"
               },
               "default": "[]",
-              "attribute": "validationRules",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "inputAriaLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "input-aria-label",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formContext",
-              "type": {
-                "text": "BmFormContext"
-              },
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formAssociatedCallback",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formResetCallback",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "fieldName": "validationRules",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "finalizeAssociatedCallback",
-              "return": {
-                "type": {
-                  "text": "FinalizeAssociatedResult"
-                }
+              "name": "input-aria-label",
+              "type": {
+                "text": "string | undefined"
               },
-              "parameters": [
-                {
-                  "name": "ctxValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
+              "fieldName": "inputAriaLabel",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BmSwitchGroup",
-          "declaration": {
-            "name": "BmSwitchGroup",
-            "module": "libs/web-components/src/lib/wip/Switch/SwitchGroup/SwitchGroup.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bm-switch-group",
-          "declaration": {
-            "name": "BmSwitchGroup",
-            "module": "libs/web-components/src/lib/wip/Switch/SwitchGroup/SwitchGroup.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "BmRadioButtonGroup",
+          ],
           "members": [
             {
               "kind": "field",
@@ -11110,225 +11311,24 @@
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             }
-          ],
-          "superclass": {
-            "name": "InputChoiceGroup",
-            "module": "/libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup"
-          },
-          "tagName": "bm-radio-button-group",
-          "customElement": true,
-          "slots": [
-            {
-              "description": "Add label text to the InputChoiceGroup",
-              "name": "label",
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "description": "Add helper text to the InputChoiceGroup",
-              "name": "helperText",
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "theme",
-              "type": {
-                "text": "'light' | 'dark' | undefined"
-              },
-              "description": "Specify the theme of the InputChoiceGroup. By default it inherits the theme from the parent",
-              "fieldName": "theme",
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "name": "layout",
-              "type": {
-                "text": "'horizontal' | 'vertical' | 'horizontalFluid'"
-              },
-              "default": "'vertical'",
-              "description": "Specify InputChoiceGroup orientation\n\n**Deprecated**: use `orientation` and `fluid` instead",
-              "deprecated": "use `orientation` and `fluid` instead",
-              "fieldName": "layout",
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "name": "orientation",
-              "type": {
-                "text": "'horizontal' | 'vertical'"
-              },
-              "default": "'vertical'",
-              "description": "Specify InputChoiceGroup orientation",
-              "fieldName": "orientation",
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "name": "fluid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify if InputChoiceGroup should take the full width of its container",
-              "fieldName": "fluid",
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify if InputChoiceGroup is a required input",
-              "fieldName": "required",
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "name": "hideRequiredMarker",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify if the InputChoiceGroup displays with an asterisk",
-              "fieldName": "hideRequiredMarker",
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Specify error text and display error state of a InputChoiceGroup",
-              "fieldName": "error",
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "name": "readOnly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify if InputChoiceGroup displays in a read-only state",
-              "fieldName": "readOnly",
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify if InputChoiceGroup displays in a disabled state",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "InputChoiceGroup",
-                "module": "libs/web-components/src/lib/InputChoiceGroup/InputChoiceGroup.ts"
-              }
-            },
-            {
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "id",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "name",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "name": "validationRules",
-              "type": {
-                "text": "Array<FormValidator>"
-              },
-              "default": "[]",
-              "fieldName": "validationRules",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "name": "input-aria-label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "inputAriaLabel",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            }
           ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmRadioButtonGroup",
+          "name": "BmSwitchGroup",
           "declaration": {
-            "name": "BmRadioButtonGroup",
-            "module": "libs/web-components/src/lib/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.ts"
+            "name": "BmSwitchGroup",
+            "module": "libs/web-components/src/lib/wip/Switch/SwitchGroup/SwitchGroup.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-radio-button-group",
+          "name": "bm-switch-group",
           "declaration": {
-            "name": "BmRadioButtonGroup",
-            "module": "libs/web-components/src/lib/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.ts"
+            "name": "BmSwitchGroup",
+            "module": "libs/web-components/src/lib/wip/Switch/SwitchGroup/SwitchGroup.ts"
           }
         }
       ]