@viasat/beam-web-components 2.49.1 → 2.50.0

package/custom-elements.json

@@ -581,673 +581,673 @@
     },
     {
       "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": "Specify before and after margin of a Box",
+              "attribute": "mx"
+            },
             {
-              "description": "Dispatched when the Alert has been dismissed",
-              "name": "bm-dismiss"
-            }
-          ],
-          "attributes": [
+              "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"
+            },
             {
-              "name": "heading",
+              "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 heading text for Alert",
-              "fieldName": "heading"
+              "description": "Specify top margin of a Box",
+              "attribute": "mTop"
             },
             {
-              "name": "body",
+              "kind": "field",
+              "name": "mBottom",
               "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 bottom margin of a Box",
+              "attribute": "mBottom"
             },
             {
-              "name": "size",
+              "kind": "field",
+              "name": "mBefore",
               "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 before margin of a Box",
+              "attribute": "mBefore"
             },
             {
-              "name": "fullWidth",
+              "kind": "field",
+              "name": "mAfter",
               "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 after margin of a Box",
+              "attribute": "mAfter"
             },
             {
-              "name": "theme",
+              "kind": "field",
+              "name": "m",
               "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"
+              "description": "Specify all margin",
+              "attribute": "m"
             },
             {
-              "name": "appearance",
+              "kind": "field",
+              "name": "p",
               "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",
-              "fieldName": "appearance"
+              "description": "Specify all padding",
+              "attribute": "p"
             },
             {
-              "name": "hidden",
+              "kind": "field",
+              "name": "gap",
               "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",
-              "fieldName": "hidden"
+              "description": "Specify gap between child elements",
+              "attribute": "gap"
             },
             {
-              "name": "hideIcon",
+              "kind": "field",
+              "name": "shadow",
               "type": {
-                "text": "boolean"
+                "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
               },
-              "default": "false",
-              "description": "Specify if the icon displays on the Alert",
-              "fieldName": "hideIcon"
+              "description": "Specify if a Box has a shadow",
+              "attribute": "shadow"
+            }
+          ],
+          "attributes": [
+            {
+              "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",
+              "fieldName": "backgroundColor"
             },
             {
-              "name": "dismissible",
+              "name": "borderColor",
               "type": {
-                "text": "boolean"
+                "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"
               },
-              "default": "false",
-              "description": "Specify if the Alert can be dismissed",
-              "fieldName": "dismissible"
+              "description": "Specify the border color of a Box",
+              "fieldName": "borderColor"
             },
             {
-              "name": "disableAutoFocus",
+              "name": "borderWidth",
               "type": {
-                "text": "boolean"
+                "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
               },
-              "default": "false",
-              "description": "Prevent autofocus on show",
-              "fieldName": "disableAutoFocus"
+              "description": "Specify the border width of a Box",
+              "fieldName": "borderWidth"
             },
             {
-              "name": "disableCloseOnEscape",
+              "name": "borderRadius",
               "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"
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
               },
               "description": "Specify the border radius of a Box",
-              "attribute": "borderRadius"
+              "fieldName": "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"
+              "fieldName": "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"
+              "fieldName": "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"
+              "fieldName": "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"
+              "fieldName": "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"
+              "fieldName": "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"
+              "fieldName": "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"
+              "fieldName": "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"
+              "fieldName": "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"
+              "fieldName": "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"
+              "fieldName": "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"
+              "fieldName": "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"
+              "fieldName": "mAfter"
             },
             {
-              "kind": "field",
               "name": "m",
               "type": {
                 "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
               "description": "Specify all margin",
-              "attribute": "m"
+              "fieldName": "m"
             },
             {
-              "kind": "field",
               "name": "p",
               "type": {
                 "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
               "description": "Specify all padding",
-              "attribute": "p"
+              "fieldName": "p"
             },
             {
-              "kind": "field",
               "name": "gap",
               "type": {
                 "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
               },
               "description": "Specify gap between child elements",
-              "attribute": "gap"
+              "fieldName": "gap"
             },
             {
-              "kind": "field",
               "name": "shadow",
               "type": {
                 "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
               },
               "description": "Specify if a Box has a shadow",
-              "attribute": "shadow"
+              "fieldName": "shadow"
             }
           ],
-          "attributes": [
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "bm-box",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BmBox",
+          "declaration": {
+            "name": "BmBox",
+            "module": "libs/web-components/src/lib/Box/Box.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bm-box",
+          "declaration": {
+            "name": "BmBox",
+            "module": "libs/web-components/src/lib/Box/Box.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/Box/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./Box"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/Alert/Alert.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",
+          "slots": [
             {
-              "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",
-              "fieldName": "backgroundColor"
+              "description": "Specify a different icon for the Alert",
+              "name": "icon"
             },
             {
-              "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",
-              "fieldName": "borderColor"
+              "description": "Specify the heading text for Alert or pass the `heading` attribute to set the heading",
+              "name": "heading"
             },
             {
-              "name": "borderWidth",
-              "type": {
-                "text": "'md' | 'lg' | 'xl' | 'none' | 'divider' | undefined"
-              },
-              "description": "Specify the border width of a Box",
-              "fieldName": "borderWidth"
+              "description": "Specify the body text for Alert or pass the `body` attribute to set the body",
+              "name": "body"
             },
             {
-              "name": "borderRadius",
+              "description": "Specify if actions display on the Alert",
+              "name": "actions"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "heading",
               "type": {
-                "text": "'xs' | 'sm' | 'md' | 'lg' | 'none' | 'round' | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify the border radius of a Box",
-              "fieldName": "borderRadius"
+              "description": "Specify the heading text for Alert",
+              "attribute": "heading"
             },
             {
-              "name": "px",
+              "kind": "field",
+              "name": "body",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify before and after padding of a Box",
-              "fieldName": "px"
+              "description": "Specify the body text for Alert",
+              "attribute": "body"
             },
             {
-              "name": "py",
+              "kind": "field",
+              "name": "size",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "'sm' | 'md'"
               },
-              "description": "Specify top and bottom padding of a Box",
-              "fieldName": "py"
+              "default": "'sm'",
+              "description": "Specify the size of the Alert",
+              "attribute": "size"
             },
             {
-              "name": "pTop",
+              "kind": "field",
+              "name": "fullWidth",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "boolean"
               },
-              "description": "Specify top padding of a Box",
-              "fieldName": "pTop"
+              "default": "false",
+              "description": "Specify if the Alert has no border radius",
+              "attribute": "fullWidth"
             },
             {
-              "name": "pBottom",
+              "kind": "field",
+              "name": "theme",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify bottom padding of a Box",
-              "fieldName": "pBottom"
+              "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
+              "attribute": "theme"
             },
             {
-              "name": "pBefore",
+              "kind": "field",
+              "name": "appearance",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
               },
-              "description": "Specify before padding of a Box",
-              "fieldName": "pBefore"
+              "default": "'infoPrimary'",
+              "description": "Specify the appearance of the Alert",
+              "attribute": "appearance"
             },
             {
-              "name": "pAfter",
+              "kind": "field",
+              "name": "hidden",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "boolean"
               },
-              "description": "Specify after padding of a Box",
-              "fieldName": "pAfter"
+              "default": "false",
+              "description": "Specify if the Alert is hidden",
+              "attribute": "hidden"
             },
             {
-              "name": "mx",
+              "kind": "field",
+              "name": "hideIcon",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "boolean"
               },
-              "description": "Specify before and after margin of a Box",
-              "fieldName": "mx"
+              "default": "false",
+              "description": "Specify if the icon displays on the Alert",
+              "attribute": "hideIcon"
             },
             {
-              "name": "my",
+              "kind": "field",
+              "name": "dismissible",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "boolean"
               },
-              "description": "Specify top and bottom margin of a Box",
-              "fieldName": "my"
+              "default": "false",
+              "description": "Specify if the Alert can be dismissed",
+              "attribute": "dismissible"
             },
             {
-              "name": "mTop",
+              "kind": "field",
+              "name": "disableAutoFocus",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "boolean"
               },
-              "description": "Specify top margin of a Box",
-              "fieldName": "mTop"
+              "default": "false",
+              "description": "Prevent autofocus on show",
+              "attribute": "disableAutoFocus"
             },
             {
-              "name": "mBottom",
+              "kind": "field",
+              "name": "disableCloseOnEscape",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "boolean"
               },
-              "description": "Specify bottom margin of a Box",
-              "fieldName": "mBottom"
+              "default": "false",
+              "description": "Prevent Escape from closing",
+              "attribute": "disableCloseOnEscape"
+            }
+          ],
+          "events": [
+            {
+              "description": "Dispatched when the Alert has been dismissed",
+              "name": "bm-dismiss"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "heading",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Specify the heading text for Alert",
+              "fieldName": "heading"
             },
             {
-              "name": "mBefore",
+              "name": "body",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify before margin of a Box",
-              "fieldName": "mBefore"
+              "description": "Specify the body text for Alert",
+              "fieldName": "body"
             },
             {
-              "name": "mAfter",
+              "name": "size",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "'sm' | 'md'"
               },
-              "description": "Specify after margin of a Box",
-              "fieldName": "mAfter"
+              "default": "'sm'",
+              "description": "Specify the size of the Alert",
+              "fieldName": "size"
             },
             {
-              "name": "m",
+              "name": "fullWidth",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "boolean"
               },
-              "description": "Specify all margin",
-              "fieldName": "m"
+              "default": "false",
+              "description": "Specify if the Alert has no border radius",
+              "fieldName": "fullWidth"
             },
             {
-              "name": "p",
+              "name": "theme",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify all padding",
-              "fieldName": "p"
+              "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
+              "fieldName": "theme"
             },
             {
-              "name": "gap",
+              "name": "appearance",
               "type": {
-                "text": "'0' | '12' | '25' | '50' | '75' | '100' | '125' | '150' | '200' | '300' | '400' | '500' | '700' | '800' | undefined"
+                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
               },
-              "description": "Specify gap between child elements",
-              "fieldName": "gap"
+              "default": "'infoPrimary'",
+              "description": "Specify the appearance of the Alert",
+              "fieldName": "appearance"
             },
             {
-              "name": "shadow",
+              "name": "hidden",
               "type": {
-                "text": "'sm' | 'md' | 'lg' | 'none' | 'overlay' | undefined"
+                "text": "boolean"
               },
-              "description": "Specify if a Box has a shadow",
-              "fieldName": "shadow"
+              "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-box",
+          "tagName": "bm-alert",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmBox",
+          "name": "BmAlert",
           "declaration": {
-            "name": "BmBox",
-            "module": "libs/web-components/src/lib/Box/Box.ts"
+            "name": "BmAlert",
+            "module": "libs/web-components/src/lib/Alert/Alert.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-box",
+          "name": "bm-alert",
           "declaration": {
-            "name": "BmBox",
-            "module": "libs/web-components/src/lib/Box/Box.ts"
+            "name": "BmAlert",
+            "module": "libs/web-components/src/lib/Alert/Alert.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/Box/index.ts",
+      "path": "libs/web-components/src/lib/Alert/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -1255,7 +1255,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./Box"
+            "package": "./Alert"
           }
         }
       ]
@@ -6423,248 +6423,139 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "bmFormInitials",
-          "type": {
-            "text": "BmFormContext"
-          },
-          "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
-        },
-        {
-          "kind": "variable",
-          "name": "bmFormContext"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "bmFormInitials",
-          "declaration": {
-            "name": "bmFormInitials",
-            "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "bmFormContext",
-          "declaration": {
-            "name": "bmFormContext",
-            "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Button.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
-          "name": "FormField",
-          "members": [
-            {
-              "kind": "field",
-              "name": "formAssociated",
-              "type": {
-                "text": "boolean"
-              },
-              "static": true,
-              "default": "true"
-            },
+          "description": "`bm-file-upload-button`\n\n### Attributes:\n- **error**  - Specify if FileUpload is in error state\n- **accept**  - Specify the accepted file types\n- **multiple**  - Specify if multiple files can be uploaded",
+          "name": "BmFileUploadButton",
+          "slots": [
             {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "id"
+              "description": "Specify text for the Button",
+              "name": "default",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "name"
+              "description": "Specify if the Button displays icon before the text",
+              "name": "iconBefore",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "value"
-            },
+              "description": "Specify if the Button displays icon after the text",
+              "name": "iconAfter",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "validationRules",
+              "name": "error",
               "type": {
-                "text": "Array<FormValidator>"
+                "text": "boolean | undefined"
               },
-              "default": "[]",
-              "attribute": "validationRules"
+              "description": "Specify if FileUpload is in error state",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "inputAriaLabel",
+              "name": "accept",
               "type": {
                 "text": "string | undefined"
               },
-              "attribute": "input-aria-label"
+              "description": "Specify the accepted file types",
+              "attribute": "accept"
             },
             {
               "kind": "field",
-              "name": "formContext",
-              "type": {
-                "text": "BmFormContext"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formAssociatedCallback",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formResetCallback",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "finalizeAssociatedCallback",
-              "return": {
-                "type": {
-                  "text": "FinalizeAssociatedResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "ctxValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "id",
+              "name": "multiple",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "default": "''",
-              "fieldName": "id"
+              "description": "Specify if multiple files can be uploaded",
+              "attribute": "multiple"
             },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "appearance",
               "type": {
-                "text": "string"
+                "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
               },
-              "default": "''",
-              "fieldName": "name"
+              "default": "'neutral-subtle'",
+              "description": "Specify the appearance of a Button",
+              "attribute": "appearance",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "kind",
               "type": {
-                "text": "string"
+                "text": "'filled' | 'outline' | 'ghost' | 'bare'"
               },
-              "default": "''",
-              "fieldName": "value"
+              "default": "'outline'",
+              "description": "Specify the kind of Button",
+              "attribute": "kind",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
-              "name": "validationRules",
+              "kind": "field",
+              "name": "size",
               "type": {
-                "text": "Array<FormValidator>"
+                "text": "'sm' | 'md' | 'lg'"
               },
-              "default": "[]",
-              "fieldName": "validationRules"
+              "default": "'md'",
+              "description": "Specify the size of a Button",
+              "attribute": "size",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
-            {
-              "name": "input-aria-label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "inputAriaLabel"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FormField",
-          "declaration": {
-            "name": "FormField",
-            "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/Form/Form.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "### Attributes:\n- **validationMode**  - Specify if validation runs on change or when loosing focus\n- **initialValues**  - Specify initial values on Form controls based on their names\n- **required**  - Specify if input is a required\n- **disabled**  - Specify if input is a disabled\n- **readOnly**  - Specify if input is a read only\n- **action** \n- **method** \n- **target** \n- **enctype** ",
-          "name": "BmForm",
-          "slots": [
-            {
-              "description": "Add controls to the Form",
-              "name": "slot"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "validationMode",
+              "name": "iconOnly",
               "type": {
-                "text": "'onChange' | 'onBlur' | 'onSubmit'"
+                "text": "boolean | undefined"
               },
-              "default": "'onBlur'",
-              "description": "Specify if validation runs on change or when loosing focus",
-              "attribute": "validationMode"
+              "description": "Specify if the icon displays without text",
+              "attribute": "iconOnly",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "initialValues",
-              "type": {
-                "text": "Record<string, FormValue>"
-              },
-              "default": "{}",
-              "description": "Specify initial values on Form controls based on their names",
-              "attribute": "initialValues"
+              "name": "iconBefore",
+              "default": "unsafeSVG(Upload)"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "formAssociated",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Specify if input is a required",
-              "attribute": "required"
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
@@ -6673,106 +6564,154 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if input is a disabled",
-              "attribute": "disabled"
+              "description": "Specify if the Button is disabled",
+              "attribute": "disabled",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "fluid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if input is a read only",
-              "attribute": "readOnly"
+              "description": "Specify if Button is fluid",
+              "attribute": "fluid",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "action",
+              "name": "width",
               "type": {
                 "text": "string | undefined"
               },
-              "attribute": "action"
+              "description": "Specify the width of a Button",
+              "attribute": "width",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "method",
+              "name": "height",
               "type": {
                 "text": "string | undefined"
               },
-              "attribute": "method"
+              "description": "Specify the height of a Button",
+              "attribute": "height",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "theme",
               "type": {
-                "text": "string | undefined"
+                "text": "'light' | 'dark' | undefined"
               },
-              "attribute": "target"
+              "description": "Specify the theme of the Button",
+              "attribute": "theme",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "enctype",
+              "name": "type",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "attribute": "enctype"
+              "default": "'button'",
+              "attribute": "type",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "formMeta",
+              "name": "formContext",
               "type": {
-                "text": "Record<string, FieldMeta>"
+                "text": "BmFormContext"
               },
-              "default": "{}"
-            },
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "formRef"
+              "name": "error",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Specify if FileUpload is in error state",
+              "fieldName": "error"
             },
             {
-              "kind": "field",
-              "name": "formContext",
+              "name": "accept",
               "type": {
-                "text": "BmFormContext"
+                "text": "string | undefined"
               },
-              "privacy": "public",
-              "default": "bmFormInitials"
-            }
-          ],
-          "events": [
+              "description": "Specify the accepted file types",
+              "fieldName": "accept"
+            },
             {
-              "description": "Validates the inputs and submits the form",
-              "name": "submit"
-            }
-          ],
-          "attributes": [
+              "name": "multiple",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Specify if multiple files can be uploaded",
+              "fieldName": "multiple"
+            },
             {
-              "name": "validationMode",
+              "name": "appearance",
               "type": {
-                "text": "'onChange' | 'onBlur' | 'onSubmit'"
+                "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
               },
-              "default": "'onBlur'",
-              "description": "Specify if validation runs on change or when loosing focus",
-              "fieldName": "validationMode"
+              "default": "'accent'",
+              "description": "Specify the appearance of a Button",
+              "fieldName": "appearance",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
-              "name": "initialValues",
+              "name": "kind",
               "type": {
-                "text": "Record<string, FormValue>"
+                "text": "'filled' | 'outline' | 'ghost' | 'bare'"
               },
-              "default": "{}",
-              "description": "Specify initial values on Form controls based on their names",
-              "fieldName": "initialValues"
+              "default": "'filled'",
+              "description": "Specify the kind of Button",
+              "fieldName": "kind",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
-              "name": "required",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'sm' | 'md' | 'lg'"
               },
-              "default": "false",
-              "description": "Specify if input is a required",
-              "fieldName": "required"
+              "default": "'md'",
+              "description": "Specify the size of a Button",
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "name": "disabled",
@@ -6780,163 +6719,126 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if input is a disabled",
-              "fieldName": "disabled"
+              "description": "Specify if the Button is disabled",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
-              "name": "readOnly",
+              "name": "fluid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if input is a read only",
-              "fieldName": "readOnly"
+              "description": "Specify if Button is fluid",
+              "fieldName": "fluid",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
-              "name": "action",
+              "name": "width",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "action"
+              "description": "Specify the width of a Button",
+              "fieldName": "width",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
-              "name": "method",
+              "name": "height",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "method"
+              "description": "Specify the height of a Button",
+              "fieldName": "height",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
-              "name": "target",
+              "name": "theme",
               "type": {
-                "text": "string | undefined"
+                "text": "'light' | 'dark' | undefined"
               },
-              "fieldName": "target"
+              "description": "Specify the theme of the Button",
+              "fieldName": "theme",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
-              "name": "enctype",
+              "name": "iconOnly",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "fieldName": "enctype"
+              "description": "Specify if the icon displays without text",
+              "fieldName": "iconOnly",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "default": "'button'",
+              "fieldName": "type",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "BmButton",
+            "module": "/libs/web-components/src/lib/Button/Button"
           },
-          "summary": "`bm-form`",
-          "tagName": "bm-form",
+          "tagName": "bm-file-upload-button",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "validators",
-          "declaration": {
-            "name": "validators",
-            "package": "@viasat/beam-shared/components/form"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "BmForm",
+          "name": "BmFileUploadButton",
           "declaration": {
-            "name": "BmForm",
-            "module": "libs/web-components/src/lib/wip/Form/Form.ts"
+            "name": "BmFileUploadButton",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Button.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-form",
-          "declaration": {
-            "name": "BmForm",
-            "module": "libs/web-components/src/lib/wip/Form/Form.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "createId",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "createId",
-          "declaration": {
-            "name": "createId",
-            "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/Form/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./Form"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
+          "name": "bm-file-upload-button",
           "declaration": {
-            "name": "*",
-            "package": "./Form.decorator"
+            "name": "BmFileUploadButton",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Button.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Button.ts",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Dropzone.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "`bm-file-upload-button`\n\n### Attributes:\n- **error**  - Specify if FileUpload is in error state\n- **accept**  - Specify the accepted file types\n- **multiple**  - Specify if multiple files can be uploaded",
-          "name": "BmFileUploadButton",
+          "description": "`bm-file-upload-dropzone`\n\n### Attributes:\n- **error**  - Specify if FileUpload is in error state\n- **theme**  - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled**  - Specify if the FileUpload is disabled\n- **accept**  - Specify the accepted file types\n- **name**  - Specify the name of the FileUpload\n- **multiple**  - Specify if multiple files can be uploaded",
+          "name": "BmFileUploadDropzone",
           "slots": [
             {
-              "description": "Specify text for the Button",
-              "name": "default",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
-            },
-            {
-              "description": "Specify if the Button displays icon before the text",
-              "name": "iconBefore",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
-            },
-            {
-              "description": "Specify if the Button displays icon after the text",
-              "name": "iconAfter",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify text for the Dropzone",
+              "name": "default"
             }
           ],
           "members": [
@@ -6951,389 +6853,376 @@
             },
             {
               "kind": "field",
-              "name": "accept",
+              "name": "theme",
               "type": {
-                "text": "string | undefined"
+                "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify the accepted file types",
-              "attribute": "accept"
+              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+              "attribute": "theme"
             },
             {
               "kind": "field",
-              "name": "multiple",
+              "name": "disabled",
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Specify if multiple files can be uploaded",
-              "attribute": "multiple"
+              "default": "false",
+              "description": "Specify if the FileUpload is disabled",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "appearance",
+              "name": "accept",
               "type": {
-                "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
+                "text": "string | undefined"
               },
-              "default": "'neutral-subtle'",
-              "description": "Specify the appearance of a Button",
-              "attribute": "appearance",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify the accepted file types",
+              "attribute": "accept"
             },
             {
               "kind": "field",
-              "name": "kind",
+              "name": "name",
               "type": {
-                "text": "'filled' | 'outline' | 'ghost' | 'bare'"
+                "text": "string | undefined"
               },
-              "default": "'outline'",
-              "description": "Specify the kind of Button",
-              "attribute": "kind",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify the name of the FileUpload",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "multiple",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "boolean | undefined"
               },
-              "default": "'md'",
-              "description": "Specify the size of a Button",
-              "attribute": "size",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify if multiple files can be uploaded",
+              "attribute": "multiple"
             },
             {
-              "kind": "field",
-              "name": "iconOnly",
+              "kind": "method",
+              "name": "focus",
+              "privacy": "public"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "error",
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Specify if the icon displays without text",
-              "attribute": "iconOnly",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "iconBefore",
-              "default": "unsafeSVG(Upload)"
+              "description": "Specify if FileUpload is in error state",
+              "fieldName": "error"
             },
             {
-              "kind": "field",
-              "name": "formAssociated",
+              "name": "theme",
               "type": {
-                "text": "boolean"
+                "text": "'light' | 'dark' | undefined"
               },
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+              "fieldName": "theme"
             },
             {
-              "kind": "field",
               "name": "disabled",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
               "default": "false",
-              "description": "Specify if the Button is disabled",
-              "attribute": "disabled",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify if the FileUpload is disabled",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "fluid",
+              "name": "accept",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Specify if Button is fluid",
-              "attribute": "fluid",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify the accepted file types",
+              "fieldName": "accept"
             },
             {
-              "kind": "field",
-              "name": "width",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify the width of a Button",
-              "attribute": "width",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify the name of the FileUpload",
+              "fieldName": "name"
             },
+            {
+              "name": "multiple",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Specify if multiple files can be uploaded",
+              "fieldName": "multiple"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "bm-file-upload-dropzone",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BmFileUploadDropzone",
+          "declaration": {
+            "name": "BmFileUploadDropzone",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Dropzone.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bm-file-upload-dropzone",
+          "declaration": {
+            "name": "BmFileUploadDropzone",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Dropzone.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.Item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`bm-file-upload-list-item`\n\n### Attributes:\n- **error**  - Specify error text and display error state of list item\n- **fileName**  - The name of the uploaded file\n- **fileSize**  - The size of the uploaded file\n- **size**  - Specify the size of the item\n- **thumbnail**  - Specify if the item displays a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.\n- **state**  - Specify the status of the file\n- **progress**  - Specify the progress of the file upload\n- **theme**  - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled**  - Specify if the FileUpload is disabled",
+          "name": "BmFileUploadListItem",
+          "members": [
             {
               "kind": "field",
-              "name": "height",
+              "name": "error",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify the height of a Button",
-              "attribute": "height",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "default": "''",
+              "description": "Specify error text and display error state of list item",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "theme",
+              "name": "fileName",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify the theme of the Button",
-              "attribute": "theme",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "The name of the uploaded file",
+              "attribute": "fileName"
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "fileSize",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'button'",
-              "attribute": "type",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "The size of the uploaded file",
+              "attribute": "fileSize"
             },
             {
               "kind": "field",
-              "name": "formContext",
+              "name": "size",
               "type": {
-                "text": "BmFormContext"
+                "text": "'md' | 'lg' | undefined"
               },
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
-            }
-          ],
-          "attributes": [
+              "default": "'md'",
+              "description": "Specify the size of the item",
+              "attribute": "size"
+            },
             {
-              "name": "error",
+              "kind": "field",
+              "name": "thumbnail",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | boolean | undefined"
               },
-              "description": "Specify if FileUpload is in error state",
-              "fieldName": "error"
+              "description": "Specify if the item displays a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
+              "default": "false",
+              "attribute": "thumbnail"
             },
             {
-              "name": "accept",
+              "kind": "field",
+              "name": "state",
               "type": {
-                "text": "string | undefined"
+                "text": "'error' | 'success' | 'uploading' | 'uploaded'"
               },
-              "description": "Specify the accepted file types",
-              "fieldName": "accept"
+              "default": "'uploaded'",
+              "description": "Specify the status of the file",
+              "attribute": "state"
             },
             {
-              "name": "multiple",
+              "kind": "field",
+              "name": "progress",
               "type": {
-                "text": "boolean | undefined"
+                "text": "number | undefined"
               },
-              "description": "Specify if multiple files can be uploaded",
-              "fieldName": "multiple"
+              "default": "0",
+              "description": "Specify the progress of the file upload",
+              "attribute": "progress"
             },
             {
-              "name": "appearance",
+              "kind": "field",
+              "name": "theme",
               "type": {
-                "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
+                "text": "'light' | 'dark' | undefined"
               },
-              "default": "'accent'",
-              "description": "Specify the appearance of a Button",
-              "fieldName": "appearance",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+              "attribute": "theme"
             },
             {
-              "name": "kind",
+              "kind": "field",
+              "name": "disabled",
               "type": {
-                "text": "'filled' | 'outline' | 'ghost' | 'bare'"
+                "text": "boolean | undefined"
               },
-              "default": "'filled'",
-              "description": "Specify the kind of Button",
-              "fieldName": "kind",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify if the FileUpload is disabled",
+              "attribute": "disabled"
+            }
+          ],
+          "events": [
+            {
+              "description": "Dispatched when the dismiss button is clicked",
+              "name": "bm-dismiss"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "''",
+              "description": "Specify error text and display error state of list item",
+              "fieldName": "error"
             },
             {
-              "name": "size",
+              "name": "fileName",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "string | undefined"
               },
-              "default": "'md'",
-              "description": "Specify the size of a Button",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "The name of the uploaded file",
+              "fieldName": "fileName"
             },
             {
-              "name": "disabled",
+              "name": "fileSize",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Specify if the Button is disabled",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "The size of the uploaded file",
+              "fieldName": "fileSize"
             },
             {
-              "name": "fluid",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'md' | 'lg' | undefined"
               },
-              "default": "false",
-              "description": "Specify if Button is fluid",
-              "fieldName": "fluid",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "default": "'md'",
+              "description": "Specify the size of the item",
+              "fieldName": "size"
             },
             {
-              "name": "width",
+              "name": "thumbnail",
               "type": {
-                "text": "string | undefined"
+                "text": "string | boolean | undefined"
               },
-              "description": "Specify the width of a Button",
-              "fieldName": "width",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify if the item displays a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
+              "default": "false",
+              "fieldName": "thumbnail"
             },
             {
-              "name": "height",
+              "name": "state",
               "type": {
-                "text": "string | undefined"
+                "text": "'error' | 'success' | 'uploading' | 'uploaded'"
               },
-              "description": "Specify the height of a Button",
-              "fieldName": "height",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "default": "'uploaded'",
+              "description": "Specify the status of the file",
+              "fieldName": "state"
             },
             {
-              "name": "theme",
+              "name": "progress",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "number | undefined"
               },
-              "description": "Specify the theme of the Button",
-              "fieldName": "theme",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "default": "0",
+              "description": "Specify the progress of the file upload",
+              "fieldName": "progress"
             },
             {
-              "name": "iconOnly",
+              "name": "theme",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify if the icon displays without text",
-              "fieldName": "iconOnly",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+              "fieldName": "theme"
             },
             {
-              "name": "type",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "default": "'button'",
-              "fieldName": "type",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify if the FileUpload is disabled",
+              "fieldName": "disabled"
             }
           ],
           "superclass": {
-            "name": "BmButton",
-            "module": "/libs/web-components/src/lib/Button/Button"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "bm-file-upload-button",
+          "tagName": "bm-file-upload-list-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmFileUploadButton",
+          "name": "BmFileUploadListItem",
           "declaration": {
-            "name": "BmFileUploadButton",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Button.ts"
+            "name": "BmFileUploadListItem",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.Item.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-file-upload-button",
+          "name": "bm-file-upload-list-item",
           "declaration": {
-            "name": "BmFileUploadButton",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Button.ts"
+            "name": "BmFileUploadListItem",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.Item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Dropzone.ts",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "`bm-file-upload-dropzone`\n\n### Attributes:\n- **error**  - Specify if FileUpload is in error state\n- **theme**  - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled**  - Specify if the FileUpload is disabled\n- **accept**  - Specify the accepted file types\n- **name**  - Specify the name of the FileUpload\n- **multiple**  - Specify if multiple files can be uploaded",
-          "name": "BmFileUploadDropzone",
+          "description": "`bm-file-upload-list`\n\n### Attributes:\n- **thumbnail**  - Specify if the all items displays with a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.\n- **size**  - Specify FileUpload List size\n- **theme**  - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled**  - Specify if the FileUpload is disabled\n- **renderItem**  - Specify a render function for the list item",
+          "name": "BmFileUploadList",
           "slots": [
             {
-              "description": "Specify text for the Dropzone",
+              "description": "Specify the list items",
               "name": "default"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "error",
+              "name": "thumbnail",
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Specify if FileUpload is in error state",
-              "attribute": "error"
+              "description": "Specify if the all items displays with a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
+              "default": "false",
+              "attribute": "thumbnail"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'md' | 'lg' | undefined"
+              },
+              "description": "Specify FileUpload List size",
+              "default": "'md'",
+              "attribute": "size"
             },
             {
               "kind": "field",
@@ -7350,51 +7239,37 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "default": "false",
               "description": "Specify if the FileUpload is disabled",
               "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "accept",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Specify the accepted file types",
-              "attribute": "accept"
-            },
-            {
-              "kind": "field",
-              "name": "name",
+              "name": "renderItem",
               "type": {
-                "text": "string | undefined"
+                "text": "(fileItem: FileItem, dismissFile: () => void) => void | undefined"
               },
-              "description": "Specify the name of the FileUpload",
-              "attribute": "name"
-            },
+              "description": "Specify a render function for the list item",
+              "attribute": "renderItem"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "multiple",
+              "name": "thumbnail",
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Specify if multiple files can be uploaded",
-              "attribute": "multiple"
+              "description": "Specify if the all items displays with a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
+              "default": "false",
+              "fieldName": "thumbnail"
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "error",
+              "name": "size",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'md' | 'lg' | undefined"
               },
-              "description": "Specify if FileUpload is in error state",
-              "fieldName": "error"
+              "description": "Specify FileUpload List size",
+              "default": "'md'",
+              "fieldName": "size"
             },
             {
               "name": "theme",
@@ -7409,351 +7284,439 @@
               "type": {
                 "text": "boolean | undefined"
               },
-              "default": "false",
               "description": "Specify if the FileUpload is disabled",
               "fieldName": "disabled"
             },
             {
-              "name": "accept",
+              "name": "renderItem",
               "type": {
-                "text": "string | undefined"
+                "text": "(fileItem: FileItem, dismissFile: () => void) => void | undefined"
               },
-              "description": "Specify the accepted file types",
-              "fieldName": "accept"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Specify the name of the FileUpload",
-              "fieldName": "name"
-            },
-            {
-              "name": "multiple",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Specify if multiple files can be uploaded",
-              "fieldName": "multiple"
+              "description": "Specify a render function for the list item",
+              "fieldName": "renderItem"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "bm-file-upload-dropzone",
+          "tagName": "bm-file-upload-list",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmFileUploadDropzone",
+          "name": "BmFileUploadList",
           "declaration": {
-            "name": "BmFileUploadDropzone",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Dropzone.ts"
+            "name": "BmFileUploadList",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-file-upload-dropzone",
+          "name": "bm-file-upload-list",
           "declaration": {
-            "name": "BmFileUploadDropzone",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Dropzone.ts"
+            "name": "BmFileUploadList",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.Item.ts",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "`bm-file-upload-list-item`\n\n### Attributes:\n- **error**  - Specify error text and display error state of list item\n- **fileName**  - The name of the uploaded file\n- **fileSize**  - The size of the uploaded file\n- **size**  - Specify the size of the item\n- **thumbnail**  - Specify if the item displays a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.\n- **state**  - Specify the status of the file\n- **progress**  - Specify the progress of the file upload\n- **theme**  - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled**  - Specify if the FileUpload is disabled",
-          "name": "BmFileUploadListItem",
+          "description": "",
+          "name": "BmFileUploadFileSelectedEvent",
+          "superclass": {
+            "name": "CustomEvent",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts"
+          }
+        },
+        {
+          "kind": "class",
+          "description": "`bm-file-upload`\n\n### Attributes:\n- **accept**  - Specify what types of files can be uploaded\n- **error**  - Specify error text and display error state of FileUpload\n- **disabled**  - Specify if FileUpload is in disabled state\n- **multiple**  - Specify if more than one file can be can be uploaded\n- **fileLimit**  - Specify how many files can be uploaded\n- **maxFileSize**  - Specify the maximum file size that can be uploaded\n- **required**  - Specify if FileUpload is a required input\n- **readOnly**  - Specify if FileUpload is in read-only state\n- **hideRequiredMarker**  - Specify if FileUpload displays with an asterisk\n- **validationRules**  - Specify form validation rules for FileUpload\n- **fluid**  - Specify if FileUpload is fluid\n- **width**  - Specify the width of FileUpload\n- **theme**  - Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+          "name": "BmFileUpload",
+          "slots": [
+            {
+              "description": "Specify Label for for FileUpload",
+              "name": "label"
+            },
+            {
+              "description": "Specify HelperText for FileUpload",
+              "name": "helper-text"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "error",
+              "name": "accept",
               "type": {
                 "text": "string | undefined"
               },
-              "default": "''",
-              "description": "Specify error text and display error state of list item",
-              "attribute": "error"
+              "description": "Specify what types of files can be uploaded",
+              "attribute": "accept"
             },
             {
               "kind": "field",
-              "name": "fileName",
+              "name": "error",
               "type": {
-                "text": "string | undefined"
+                "text": "string | boolean | undefined"
               },
-              "description": "The name of the uploaded file",
-              "attribute": "fileName"
+              "description": "Specify error text and display error state of FileUpload",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "fileSize",
+              "name": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "The size of the uploaded file",
-              "attribute": "fileSize"
+              "default": "false",
+              "description": "Specify if FileUpload is in disabled state",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "multiple",
               "type": {
-                "text": "'md' | 'lg' | undefined"
+                "text": "boolean | undefined"
               },
-              "default": "'md'",
-              "description": "Specify the size of the item",
-              "attribute": "size"
+              "description": "Specify if more than one file can be can be uploaded",
+              "default": "false",
+              "attribute": "multiple"
             },
             {
               "kind": "field",
-              "name": "thumbnail",
+              "name": "fileLimit",
               "type": {
-                "text": "string | boolean | undefined"
+                "text": "number | undefined"
               },
-              "description": "Specify if the item displays a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
-              "default": "false",
-              "attribute": "thumbnail"
+              "description": "Specify how many files can be uploaded",
+              "attribute": "fileLimit"
             },
             {
               "kind": "field",
-              "name": "state",
+              "name": "maxFileSize",
               "type": {
-                "text": "'error' | 'success' | 'uploading' | 'uploaded'"
+                "text": "number | undefined"
               },
-              "default": "'uploaded'",
-              "description": "Specify the status of the file",
-              "attribute": "state"
+              "description": "Specify the maximum file size that can be uploaded",
+              "attribute": "maxFileSize"
             },
             {
               "kind": "field",
-              "name": "progress",
+              "name": "required",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean | undefined"
               },
-              "default": "0",
-              "description": "Specify the progress of the file upload",
-              "attribute": "progress"
+              "description": "Specify if FileUpload is a required input",
+              "default": "false",
+              "attribute": "required"
             },
             {
               "kind": "field",
-              "name": "theme",
+              "name": "readOnly",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
-              "attribute": "theme"
+              "description": "Specify if FileUpload is in read-only state",
+              "attribute": "readOnly"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "hideRequiredMarker",
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Specify if the FileUpload is disabled",
-              "attribute": "disabled"
-            }
-          ],
-          "events": [
-            {
-              "description": "Dispatched when the dismiss button is clicked",
-              "name": "bm-dismiss"
-            }
-          ],
-          "attributes": [
+              "description": "Specify if FileUpload displays with an asterisk",
+              "default": "false",
+              "attribute": "hideRequiredMarker"
+            },
             {
-              "name": "error",
+              "kind": "field",
+              "name": "validationRules",
               "type": {
-                "text": "string | undefined"
+                "text": "Array<FormValidator>"
               },
-              "default": "''",
-              "description": "Specify error text and display error state of list item",
-              "fieldName": "error"
+              "default": "[]",
+              "attribute": "validationRules",
+              "description": "Specify form validation rules for FileUpload",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "name": "fileName",
+              "kind": "field",
+              "name": "fluid",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "The name of the uploaded file",
-              "fieldName": "fileName"
+              "description": "Specify if FileUpload is fluid",
+              "default": "false",
+              "attribute": "fluid"
             },
             {
-              "name": "fileSize",
+              "kind": "field",
+              "name": "width",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The size of the uploaded file",
-              "fieldName": "fileSize"
+              "description": "Specify the width of FileUpload",
+              "attribute": "width"
             },
             {
-              "name": "size",
+              "kind": "field",
+              "name": "theme",
               "type": {
-                "text": "'md' | 'lg' | undefined"
+                "text": "'light' | 'dark' | undefined"
               },
-              "default": "'md'",
-              "description": "Specify the size of the item",
-              "fieldName": "size"
+              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+              "attribute": "theme"
             },
             {
-              "name": "thumbnail",
+              "kind": "field",
+              "name": "formContext",
               "type": {
-                "text": "string | boolean | undefined"
+                "text": "BmFormContext"
               },
-              "description": "Specify if the item displays a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
-              "default": "false",
-              "fieldName": "thumbnail"
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "name": "state",
-              "type": {
-                "text": "'error' | 'success' | 'uploading' | 'uploaded'"
+              "kind": "field",
+              "name": "pickerRef"
+            },
+            {
+              "kind": "method",
+              "name": "formAssociatedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "'uploaded'",
-              "description": "Specify the status of the file",
-              "fieldName": "state"
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "name": "progress",
-              "type": {
-                "text": "number | undefined"
+              "kind": "method",
+              "name": "formResetCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "0",
-              "description": "Specify the progress of the file upload",
-              "fieldName": "progress"
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "name": "theme",
+              "kind": "field",
+              "name": "formAssociated",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "boolean"
               },
-              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
-              "fieldName": "theme"
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "id",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "description": "Specify if the FileUpload is disabled",
-              "fieldName": "disabled"
+              "default": "''",
+              "attribute": "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",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "value",
+              "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": "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"
+              }
             }
           ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "bm-file-upload-list-item",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BmFileUploadListItem",
-          "declaration": {
-            "name": "BmFileUploadListItem",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.Item.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bm-file-upload-list-item",
-          "declaration": {
-            "name": "BmFileUploadListItem",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.Item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "`bm-file-upload-list`\n\n### Attributes:\n- **thumbnail**  - Specify if the all items displays with a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.\n- **size**  - Specify FileUpload List size\n- **theme**  - Specify the theme of the FileUpload. By default it inherits the theme from the parent\n- **disabled**  - Specify if the FileUpload is disabled\n- **renderItem**  - Specify a render function for the list item",
-          "name": "BmFileUploadList",
-          "slots": [
+          "events": [
             {
-              "description": "Specify the list items",
-              "name": "default"
+              "description": "Dispatched when a file is uploaded. Preventing default on this event will make upload asynchronous",
+              "name": "bm-selected"
             }
           ],
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
-              "name": "thumbnail",
+              "name": "accept",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Specify what types of files can be uploaded",
+              "fieldName": "accept"
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "string | boolean | undefined"
+              },
+              "description": "Specify error text and display error state of FileUpload",
+              "fieldName": "error"
+            },
+            {
+              "name": "disabled",
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Specify if the all items displays with a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
               "default": "false",
-              "attribute": "thumbnail"
+              "description": "Specify if FileUpload is in disabled state",
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
-              "name": "size",
+              "name": "multiple",
               "type": {
-                "text": "'md' | 'lg' | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Specify FileUpload List size",
-              "default": "'md'",
-              "attribute": "size"
+              "description": "Specify if more than one file can be can be uploaded",
+              "default": "false",
+              "fieldName": "multiple"
             },
             {
-              "kind": "field",
-              "name": "theme",
+              "name": "fileLimit",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "number | undefined"
               },
-              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
-              "attribute": "theme"
+              "description": "Specify how many files can be uploaded",
+              "fieldName": "fileLimit"
             },
             {
-              "kind": "field",
-              "name": "disabled",
+              "name": "maxFileSize",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "Specify the maximum file size that can be uploaded",
+              "fieldName": "maxFileSize"
+            },
+            {
+              "name": "required",
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Specify if the FileUpload is disabled",
-              "attribute": "disabled"
+              "description": "Specify if FileUpload is a required input",
+              "default": "false",
+              "fieldName": "required"
             },
             {
-              "kind": "field",
-              "name": "renderItem",
+              "name": "readOnly",
               "type": {
-                "text": "(fileItem: FileItem, dismissFile: () => void) => void | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Specify a render function for the list item",
-              "attribute": "renderItem"
-            }
-          ],
-          "attributes": [
+              "description": "Specify if FileUpload is in read-only state",
+              "fieldName": "readOnly"
+            },
             {
-              "name": "thumbnail",
+              "name": "hideRequiredMarker",
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Specify if the all items displays with a default thumbnail or a preview of the image being uploaded. Image only displays for size lg.",
+              "description": "Specify if FileUpload displays with an asterisk",
               "default": "false",
-              "fieldName": "thumbnail"
+              "fieldName": "hideRequiredMarker"
             },
             {
-              "name": "size",
+              "name": "validationRules",
               "type": {
-                "text": "'md' | 'lg' | undefined"
+                "text": "Array<FormValidator>"
               },
-              "description": "Specify FileUpload List size",
-              "default": "'md'",
-              "fieldName": "size"
+              "default": "[]",
+              "fieldName": "validationRules",
+              "description": "Specify form validation rules for FileUpload",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "name": "fluid",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Specify if FileUpload is fluid",
+              "default": "false",
+              "fieldName": "fluid"
+            },
+            {
+              "name": "width",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Specify the width of FileUpload",
+              "fieldName": "width"
             },
             {
               "name": "theme",
@@ -7764,161 +7727,255 @@
               "fieldName": "theme"
             },
             {
-              "name": "disabled",
+              "name": "id",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "description": "Specify if the FileUpload is disabled",
-              "fieldName": "disabled"
+              "default": "''",
+              "fieldName": "id",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "name": "renderItem",
+              "name": "name",
               "type": {
-                "text": "(fileItem: FileItem, dismissFile: () => void) => void | undefined"
+                "text": "string"
               },
-              "description": "Specify a render function for the list item",
-              "fieldName": "renderItem"
+              "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": "input-aria-label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "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-file-upload-list",
+          "tagName": "bm-file-upload",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmFileUploadList",
+          "name": "BmFileUploadFileSelectedEvent",
           "declaration": {
-            "name": "BmFileUploadList",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.ts"
+            "name": "BmFileUploadFileSelectedEvent",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BmFileUpload",
+          "declaration": {
+            "name": "BmFileUpload",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-file-upload-list",
+          "name": "bm-file-upload",
           "declaration": {
-            "name": "BmFileUploadList",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.ts"
+            "name": "BmFileUpload",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUploadContext.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "BmFileUploadFileSelectedEvent",
-          "superclass": {
-            "name": "CustomEvent",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts"
+          "kind": "variable",
+          "name": "fileUploadContext"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "fileUploadContext",
+          "declaration": {
+            "name": "fileUploadContext",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUploadContext.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUploadListContext.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "fileUploadListContext"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "fileUploadListContext",
+          "declaration": {
+            "name": "fileUploadListContext",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUploadListContext.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/wip/FileUpload/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./FileUpload"
           }
         },
         {
-          "kind": "class",
-          "description": "`bm-file-upload`\n\n### Attributes:\n- **accept**  - Specify what types of files can be uploaded\n- **error**  - Specify error text and display error state of FileUpload\n- **disabled**  - Specify if FileUpload is in disabled state\n- **multiple**  - Specify if more than one file can be can be uploaded\n- **fileLimit**  - Specify how many files can be uploaded\n- **maxFileSize**  - Specify the maximum file size that can be uploaded\n- **required**  - Specify if FileUpload is a required input\n- **readOnly**  - Specify if FileUpload is in read-only state\n- **hideRequiredMarker**  - Specify if FileUpload displays with an asterisk\n- **validationRules**  - Specify form validation rules for FileUpload\n- **fluid**  - Specify if FileUpload is fluid\n- **width**  - Specify the width of FileUpload\n- **theme**  - Specify the theme of the FileUpload. By default it inherits the theme from the parent",
-          "name": "BmFileUpload",
-          "slots": [
-            {
-              "description": "Specify Label for for FileUpload",
-              "name": "label"
-            },
-            {
-              "description": "Specify HelperText for FileUpload",
-              "name": "helper-text"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "accept",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Specify what types of files can be uploaded",
-              "attribute": "accept"
-            },
-            {
-              "kind": "field",
-              "name": "error",
-              "type": {
-                "text": "string | boolean | undefined"
-              },
-              "description": "Specify error text and display error state of FileUpload",
-              "attribute": "error"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "default": "false",
-              "description": "Specify if FileUpload is in disabled state",
-              "attribute": "disabled"
-            },
-            {
-              "kind": "field",
-              "name": "multiple",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Specify if more than one file can be can be uploaded",
-              "default": "false",
-              "attribute": "multiple"
-            },
-            {
-              "kind": "field",
-              "name": "fileLimit",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Specify how many files can be uploaded",
-              "attribute": "fileLimit"
-            },
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./FileUpload.Button"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./FileUpload.Dropzone"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./FileUpload.List"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./FileUpload.List.Item"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/wip/Form/Form.context.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "bmFormInitials",
+          "type": {
+            "text": "BmFormContext"
+          },
+          "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
+        },
+        {
+          "kind": "variable",
+          "name": "bmFormContext"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "bmFormInitials",
+          "declaration": {
+            "name": "bmFormInitials",
+            "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "bmFormContext",
+          "declaration": {
+            "name": "bmFormContext",
+            "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
+          "name": "FormField",
+          "members": [
             {
               "kind": "field",
-              "name": "maxFileSize",
+              "name": "formAssociated",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "description": "Specify the maximum file size that can be uploaded",
-              "attribute": "maxFileSize"
+              "static": true,
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "id",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "description": "Specify if FileUpload is a required input",
-              "default": "false",
-              "attribute": "required"
+              "default": "''",
+              "attribute": "id"
             },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "name",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "description": "Specify if FileUpload is in read-only state",
-              "attribute": "readOnly"
+              "default": "''",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "hideRequiredMarker",
+              "name": "value",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "description": "Specify if FileUpload displays with an asterisk",
-              "default": "false",
-              "attribute": "hideRequiredMarker"
+              "default": "''",
+              "attribute": "value"
             },
             {
               "kind": "field",
@@ -7927,56 +7984,23 @@
                 "text": "Array<FormValidator>"
               },
               "default": "[]",
-              "attribute": "validationRules",
-              "description": "Specify form validation rules for FileUpload",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "fluid",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Specify if FileUpload is fluid",
-              "default": "false",
-              "attribute": "fluid"
+              "attribute": "validationRules"
             },
             {
               "kind": "field",
-              "name": "width",
+              "name": "inputAriaLabel",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify the width of FileUpload",
-              "attribute": "width"
-            },
-            {
-              "kind": "field",
-              "name": "theme",
-              "type": {
-                "text": "'light' | 'dark' | undefined"
-              },
-              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
-              "attribute": "theme"
+              "attribute": "input-aria-label"
             },
             {
               "kind": "field",
               "name": "formContext",
               "type": {
                 "text": "BmFormContext"
-              },
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "pickerRef"
-            },
             {
               "kind": "method",
               "name": "formAssociatedCallback",
@@ -7984,10 +8008,6 @@
                 "type": {
                   "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
@@ -7997,345 +8017,349 @@
                 "type": {
                   "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "formAssociated",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "finalizeAssociatedCallback",
+              "return": {
+                "type": {
+                  "text": "FinalizeAssociatedResult"
+                }
               },
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
+              "parameters": [
+                {
+                  "name": "ctxValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
               "name": "id",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "id",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "fieldName": "id"
             },
             {
-              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "name",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "fieldName": "name"
             },
             {
-              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "fieldName": "value"
             },
             {
-              "kind": "field",
-              "name": "inputAriaLabel",
+              "name": "validationRules",
               "type": {
-                "text": "string | undefined"
+                "text": "Array<FormValidator>"
               },
-              "attribute": "input-aria-label",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "default": "[]",
+              "fieldName": "validationRules"
             },
             {
-              "kind": "method",
-              "name": "finalizeAssociatedCallback",
-              "return": {
-                "type": {
-                  "text": "FinalizeAssociatedResult"
-                }
+              "name": "input-aria-label",
+              "type": {
+                "text": "string | undefined"
               },
-              "parameters": [
-                {
-                  "name": "ctxValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "fieldName": "inputAriaLabel"
             }
           ],
-          "events": [
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FormField",
+          "declaration": {
+            "name": "FormField",
+            "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/wip/Form/Form.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "### Attributes:\n- **validationMode**  - Specify if validation runs on change or when loosing focus\n- **initialValues**  - Specify initial values on Form controls based on their names\n- **required**  - Specify if input is a required\n- **disabled**  - Specify if input is a disabled\n- **readOnly**  - Specify if input is a read only\n- **action** \n- **method** \n- **target** \n- **enctype** ",
+          "name": "BmForm",
+          "slots": [
             {
-              "description": "Dispatched when a file is uploaded. Preventing default on this event will make upload asynchronous",
-              "name": "bm-selected"
+              "description": "Add controls to the Form",
+              "name": "slot"
             }
           ],
-          "attributes": [
+          "members": [
             {
-              "name": "accept",
+              "kind": "field",
+              "name": "validationMode",
               "type": {
-                "text": "string | undefined"
+                "text": "'onChange' | 'onBlur' | 'onSubmit'"
+              },
+              "default": "'onBlur'",
+              "description": "Specify if validation runs on change or when loosing focus",
+              "attribute": "validationMode"
+            },
+            {
+              "kind": "field",
+              "name": "initialValues",
+              "type": {
+                "text": "Record<string, FormValue>"
+              },
+              "default": "{}",
+              "description": "Specify initial values on Form controls based on their names",
+              "attribute": "initialValues"
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if input is a required",
+              "attribute": "required"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if input is a disabled",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Specify what types of files can be uploaded",
-              "fieldName": "accept"
+              "default": "false",
+              "description": "Specify if input is a read only",
+              "attribute": "readOnly"
             },
             {
-              "name": "error",
+              "kind": "field",
+              "name": "action",
               "type": {
-                "text": "string | boolean | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify error text and display error state of FileUpload",
-              "fieldName": "error"
+              "attribute": "action"
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "method",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Specify if FileUpload is in disabled state",
-              "fieldName": "disabled"
+              "attribute": "method"
             },
             {
-              "name": "multiple",
+              "kind": "field",
+              "name": "target",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify if more than one file can be can be uploaded",
-              "default": "false",
-              "fieldName": "multiple"
+              "attribute": "target"
             },
             {
-              "name": "fileLimit",
+              "kind": "field",
+              "name": "enctype",
               "type": {
-                "text": "number | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify how many files can be uploaded",
-              "fieldName": "fileLimit"
+              "attribute": "enctype"
             },
             {
-              "name": "maxFileSize",
+              "kind": "field",
+              "name": "formMeta",
               "type": {
-                "text": "number | undefined"
+                "text": "Record<string, FieldMeta>"
               },
-              "description": "Specify the maximum file size that can be uploaded",
-              "fieldName": "maxFileSize"
+              "default": "{}"
             },
             {
-              "name": "required",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Specify if FileUpload is a required input",
-              "default": "false",
-              "fieldName": "required"
+              "kind": "field",
+              "name": "formRef"
             },
             {
-              "name": "readOnly",
+              "kind": "field",
+              "name": "formContext",
               "type": {
-                "text": "boolean | undefined"
+                "text": "BmFormContext"
               },
-              "description": "Specify if FileUpload is in read-only state",
-              "fieldName": "readOnly"
-            },
+              "privacy": "public",
+              "default": "bmFormInitials"
+            }
+          ],
+          "events": [
             {
-              "name": "hideRequiredMarker",
+              "description": "Validates the inputs and submits the form",
+              "name": "submit"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "validationMode",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'onChange' | 'onBlur' | 'onSubmit'"
               },
-              "description": "Specify if FileUpload displays with an asterisk",
-              "default": "false",
-              "fieldName": "hideRequiredMarker"
+              "default": "'onBlur'",
+              "description": "Specify if validation runs on change or when loosing focus",
+              "fieldName": "validationMode"
             },
             {
-              "name": "validationRules",
+              "name": "initialValues",
               "type": {
-                "text": "Array<FormValidator>"
+                "text": "Record<string, FormValue>"
               },
-              "default": "[]",
-              "fieldName": "validationRules",
-              "description": "Specify form validation rules for FileUpload",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "default": "{}",
+              "description": "Specify initial values on Form controls based on their names",
+              "fieldName": "initialValues"
             },
             {
-              "name": "fluid",
+              "name": "required",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "Specify if FileUpload is fluid",
               "default": "false",
-              "fieldName": "fluid"
+              "description": "Specify if input is a required",
+              "fieldName": "required"
             },
             {
-              "name": "width",
+              "name": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Specify the width of FileUpload",
-              "fieldName": "width"
+              "default": "false",
+              "description": "Specify if input is a disabled",
+              "fieldName": "disabled"
             },
             {
-              "name": "theme",
+              "name": "readOnly",
               "type": {
-                "text": "'light' | 'dark' | undefined"
+                "text": "boolean"
               },
-              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
-              "fieldName": "theme"
+              "default": "false",
+              "description": "Specify if input is a read only",
+              "fieldName": "readOnly"
             },
             {
-              "name": "id",
+              "name": "action",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "fieldName": "id",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "fieldName": "action"
             },
             {
-              "name": "name",
+              "name": "method",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "fieldName": "name",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "fieldName": "method"
             },
             {
-              "name": "value",
+              "name": "target",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "fieldName": "target"
             },
             {
-              "name": "input-aria-label",
+              "name": "enctype",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "inputAriaLabel",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "fieldName": "enctype"
             }
           ],
           "superclass": {
-            "name": "FormField",
-            "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "bm-file-upload",
+          "summary": "`bm-form`",
+          "tagName": "bm-form",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmFileUploadFileSelectedEvent",
+          "name": "validators",
           "declaration": {
-            "name": "BmFileUploadFileSelectedEvent",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts"
+            "name": "validators",
+            "package": "@viasat/beam-shared/components/form"
           }
         },
         {
           "kind": "js",
-          "name": "BmFileUpload",
+          "name": "BmForm",
           "declaration": {
-            "name": "BmFileUpload",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts"
+            "name": "BmForm",
+            "module": "libs/web-components/src/lib/wip/Form/Form.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-file-upload",
+          "name": "bm-form",
           "declaration": {
-            "name": "BmFileUpload",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts"
+            "name": "BmForm",
+            "module": "libs/web-components/src/lib/wip/Form/Form.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/FileUpload/FileUploadContext.ts",
+      "path": "libs/web-components/src/lib/wip/Form/Form.utils.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "fileUploadContext"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "fileUploadContext",
-          "declaration": {
-            "name": "fileUploadContext",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUploadContext.ts"
+          "kind": "function",
+          "name": "createId",
+          "return": {
+            "type": {
+              "text": "string"
+            }
           }
         }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/FileUpload/FileUploadListContext.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "fileUploadListContext"
-        }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "fileUploadListContext",
+          "name": "createId",
           "declaration": {
-            "name": "fileUploadListContext",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUploadListContext.ts"
+            "name": "createId",
+            "module": "libs/web-components/src/lib/wip/Form/Form.utils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/FileUpload/index.ts",
+      "path": "libs/web-components/src/lib/wip/Form/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -8343,31 +8367,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./FileUpload"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./FileUpload.Button"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./FileUpload.Dropzone"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./FileUpload.List"
+            "package": "./Form"
           }
         },
         {
@@ -8375,7 +8375,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./FileUpload.List.Item"
+            "package": "./Form.decorator"
           }
         }
       ]