@viasat/beam-web-components 2.48.0 → 2.48.2

package/custom-elements.json

@@ -1520,138 +1520,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme**  - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the BadgeDot\n- **emphasis**  - Specify the emphasis of the BadgeDot\n- **overrideDotColor**  - Overrides default dot color",
-          "name": "BmBadgeDot",
-          "slots": [
-            {
-              "description": "Provide text for the BadgeDot",
-              "name": "default"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "theme",
-              "type": {
-                "text": "'light' | 'dark' | undefined"
-              },
-              "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
-              "attribute": "theme"
-            },
-            {
-              "kind": "field",
-              "name": "appearance",
-              "type": {
-                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
-              },
-              "default": "'infoPrimary'",
-              "description": "Specify the appearance of the BadgeDot",
-              "attribute": "appearance"
-            },
-            {
-              "kind": "field",
-              "name": "emphasis",
-              "type": {
-                "text": "'strong' | 'subtle'"
-              },
-              "default": "'strong'",
-              "description": "Specify the emphasis of the BadgeDot",
-              "attribute": "emphasis"
-            },
-            {
-              "kind": "field",
-              "name": "overrideDotColor",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Overrides default dot color",
-              "attribute": "overrideDotColor"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "theme",
-              "type": {
-                "text": "'light' | 'dark' | undefined"
-              },
-              "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
-              "fieldName": "theme"
-            },
-            {
-              "name": "appearance",
-              "type": {
-                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
-              },
-              "default": "'infoPrimary'",
-              "description": "Specify the appearance of the BadgeDot",
-              "fieldName": "appearance"
-            },
-            {
-              "name": "emphasis",
-              "type": {
-                "text": "'strong' | 'subtle'"
-              },
-              "default": "'strong'",
-              "description": "Specify the emphasis of the BadgeDot",
-              "fieldName": "emphasis"
-            },
-            {
-              "name": "overrideDotColor",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Overrides default dot color",
-              "fieldName": "overrideDotColor"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "bm-badge-dot",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BmBadgeDot",
-          "declaration": {
-            "name": "BmBadgeDot",
-            "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bm-badge-dot",
-          "declaration": {
-            "name": "BmBadgeDot",
-            "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/BadgeDot/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./BadgeDot"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "libs/web-components/src/lib/Breadcrumbs/Breadcrumbs.context.ts",
@@ -1956,140 +1824,272 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/Button/Button.ts",
+      "path": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "`bm-button`\n\n### Attributes:\n- **appearance**  - Specify the appearance of a Button\n- **kind**  - Specify the kind of Button\n- **size**  - Specify the size of a Button\n- **disabled**  - Specify if the Button is disabled\n- **fluid**  - Specify if Button is fluid\n- **width**  - Specify the width of a Button\n- **height**  - Specify the height of a Button\n- **theme**  - Specify the theme of the Button\n- **iconOnly**  - Specify if the icon displays without text\n- **type** ",
-          "name": "BmButton",
+          "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme**  - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the BadgeDot\n- **emphasis**  - Specify the emphasis of the BadgeDot\n- **overrideDotColor**  - Overrides default dot color",
+          "name": "BmBadgeDot",
           "slots": [
             {
-              "description": "Provide content for the Button",
+              "description": "Provide text for the BadgeDot",
               "name": "default"
-            },
-            {
-              "description": "Specify if the Button displays icon before the text",
-              "name": "iconBefore"
-            },
-            {
-              "description": "Specify if the Button displays icon after the text",
-              "name": "iconAfter"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "theme",
               "type": {
-                "text": "boolean"
+                "text": "'light' | 'dark' | undefined"
               },
-              "static": true,
-              "default": "true"
+              "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
+              "attribute": "theme"
             },
             {
               "kind": "field",
               "name": "appearance",
               "type": {
-                "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
+                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
               },
-              "default": "'accent'",
-              "description": "Specify the appearance of a Button",
+              "default": "'infoPrimary'",
+              "description": "Specify the appearance of the BadgeDot",
               "attribute": "appearance"
             },
             {
               "kind": "field",
-              "name": "kind",
-              "type": {
-                "text": "'filled' | 'outline' | 'ghost' | 'bare'"
-              },
-              "default": "'filled'",
-              "description": "Specify the kind of Button",
-              "attribute": "kind"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'sm' | 'md' | 'lg'"
-              },
-              "default": "'md'",
-              "description": "Specify the size of a Button",
-              "attribute": "size"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify if the Button is disabled",
-              "attribute": "disabled"
-            },
-            {
-              "kind": "field",
-              "name": "fluid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Specify if Button is fluid",
-              "attribute": "fluid"
-            },
-            {
-              "kind": "field",
-              "name": "width",
+              "name": "emphasis",
               "type": {
-                "text": "string | undefined"
+                "text": "'strong' | 'subtle'"
               },
-              "description": "Specify the width of a Button",
-              "attribute": "width"
+              "default": "'strong'",
+              "description": "Specify the emphasis of the BadgeDot",
+              "attribute": "emphasis"
             },
             {
               "kind": "field",
-              "name": "height",
+              "name": "overrideDotColor",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify the height of a Button",
-              "attribute": "height"
-            },
+              "description": "Overrides default dot color",
+              "attribute": "overrideDotColor"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
               "name": "theme",
               "type": {
                 "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify the theme of the Button",
-              "attribute": "theme"
+              "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
+              "fieldName": "theme"
             },
             {
-              "kind": "field",
-              "name": "iconOnly",
+              "name": "appearance",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative'"
               },
-              "description": "Specify if the icon displays without text",
-              "attribute": "iconOnly"
+              "default": "'infoPrimary'",
+              "description": "Specify the appearance of the BadgeDot",
+              "fieldName": "appearance"
             },
             {
-              "kind": "field",
-              "name": "type",
+              "name": "emphasis",
               "type": {
-                "text": "string"
+                "text": "'strong' | 'subtle'"
               },
-              "default": "'button'",
-              "attribute": "type"
+              "default": "'strong'",
+              "description": "Specify the emphasis of the BadgeDot",
+              "fieldName": "emphasis"
             },
             {
-              "kind": "field",
-              "name": "formContext",
+              "name": "overrideDotColor",
               "type": {
-                "text": "BmFormContext"
-              }
+                "text": "string | undefined"
+              },
+              "description": "Overrides default dot color",
+              "fieldName": "overrideDotColor"
             }
           ],
-          "attributes": [
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "bm-badge-dot",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BmBadgeDot",
+          "declaration": {
+            "name": "BmBadgeDot",
+            "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bm-badge-dot",
+          "declaration": {
+            "name": "BmBadgeDot",
+            "module": "libs/web-components/src/lib/BadgeDot/BadgeDot.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/BadgeDot/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./BadgeDot"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/Button/Button.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`bm-button`\n\n### Attributes:\n- **appearance**  - Specify the appearance of a Button\n- **kind**  - Specify the kind of Button\n- **size**  - Specify the size of a Button\n- **disabled**  - Specify if the Button is disabled\n- **fluid**  - Specify if Button is fluid\n- **width**  - Specify the width of a Button\n- **height**  - Specify the height of a Button\n- **theme**  - Specify the theme of the Button\n- **iconOnly**  - Specify if the icon displays without text\n- **type** ",
+          "name": "BmButton",
+          "slots": [
+            {
+              "description": "Provide content for the Button",
+              "name": "default"
+            },
+            {
+              "description": "Specify if the Button displays icon before the text",
+              "name": "iconBefore"
+            },
+            {
+              "description": "Specify if the Button displays icon after the text",
+              "name": "iconAfter"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
+              "static": true,
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
+              },
+              "default": "'accent'",
+              "description": "Specify the appearance of a Button",
+              "attribute": "appearance"
+            },
+            {
+              "kind": "field",
+              "name": "kind",
+              "type": {
+                "text": "'filled' | 'outline' | 'ghost' | 'bare'"
+              },
+              "default": "'filled'",
+              "description": "Specify the kind of Button",
+              "attribute": "kind"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'sm' | 'md' | 'lg'"
+              },
+              "default": "'md'",
+              "description": "Specify the size of a Button",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if the Button is disabled",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "fluid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if Button is fluid",
+              "attribute": "fluid"
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Specify the width of a Button",
+              "attribute": "width"
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Specify the height of a Button",
+              "attribute": "height"
+            },
+            {
+              "kind": "field",
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | undefined"
+              },
+              "description": "Specify the theme of the Button",
+              "attribute": "theme"
+            },
+            {
+              "kind": "field",
+              "name": "iconOnly",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Specify if the icon displays without text",
+              "attribute": "iconOnly"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "default": "'button'",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "formContext",
+              "type": {
+                "text": "BmFormContext"
+              }
+            }
+          ],
+          "attributes": [
             {
               "name": "appearance",
               "type": {
@@ -6423,139 +6423,248 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Button.ts",
+      "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": "`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": [
-            {
-              "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": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
+          "name": "FormField",
           "members": [
             {
               "kind": "field",
-              "name": "error",
+              "name": "formAssociated",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "Specify if FileUpload is in error state",
-              "attribute": "error"
+              "static": true,
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "accept",
+              "name": "id",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "Specify the accepted file types",
-              "attribute": "accept"
+              "default": "''",
+              "attribute": "id"
             },
             {
               "kind": "field",
-              "name": "multiple",
+              "name": "name",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "description": "Specify if multiple files can be uploaded",
-              "attribute": "multiple"
+              "default": "''",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "appearance",
+              "name": "value",
               "type": {
-                "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
+                "text": "string"
               },
-              "default": "'neutral-subtle'",
-              "description": "Specify the appearance of a Button",
-              "attribute": "appearance",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "default": "''",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "kind",
+              "name": "validationRules",
               "type": {
-                "text": "'filled' | 'outline' | 'ghost' | 'bare'"
+                "text": "Array<FormValidator>"
               },
-              "default": "'outline'",
-              "description": "Specify the kind of Button",
-              "attribute": "kind",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "default": "[]",
+              "attribute": "validationRules"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "inputAriaLabel",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "string | undefined"
               },
-              "default": "'md'",
-              "description": "Specify the size of a Button",
-              "attribute": "size",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
+              "attribute": "input-aria-label"
+            },
+            {
+              "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",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "id"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value"
+            },
+            {
+              "name": "validationRules",
+              "type": {
+                "text": "Array<FormValidator>"
+              },
+              "default": "[]",
+              "fieldName": "validationRules"
+            },
+            {
+              "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": "iconOnly",
+              "name": "validationMode",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'onChange' | 'onBlur' | 'onSubmit'"
               },
-              "description": "Specify if the icon displays without text",
-              "attribute": "iconOnly",
-              "default": "false",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "default": "'onBlur'",
+              "description": "Specify if validation runs on change or when loosing focus",
+              "attribute": "validationMode"
             },
             {
               "kind": "field",
-              "name": "iconBefore",
-              "default": "unsafeSVG(Upload)"
+              "name": "initialValues",
+              "type": {
+                "text": "Record<string, FormValue>"
+              },
+              "default": "{}",
+              "description": "Specify initial values on Form controls based on their names",
+              "attribute": "initialValues"
             },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "default": "false",
+              "description": "Specify if input is a required",
+              "attribute": "required"
             },
             {
               "kind": "field",
@@ -6564,154 +6673,106 @@
                 "text": "boolean"
               },
               "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 input is a disabled",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "fluid",
+              "name": "readOnly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if Button is fluid",
-              "attribute": "fluid",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify if input is a read only",
+              "attribute": "readOnly"
             },
             {
               "kind": "field",
-              "name": "width",
+              "name": "action",
               "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"
-              }
+              "attribute": "action"
             },
             {
               "kind": "field",
-              "name": "height",
+              "name": "method",
               "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"
-              }
+              "attribute": "method"
             },
             {
               "kind": "field",
-              "name": "theme",
+              "name": "target",
               "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"
-              }
+              "attribute": "target"
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "enctype",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'button'",
-              "attribute": "type",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "attribute": "enctype"
             },
             {
               "kind": "field",
-              "name": "formContext",
-              "type": {
-                "text": "BmFormContext"
-              },
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "error",
+              "name": "formMeta",
               "type": {
-                "text": "boolean | undefined"
+                "text": "Record<string, FieldMeta>"
               },
-              "description": "Specify if FileUpload is in error state",
-              "fieldName": "error"
+              "default": "{}"
             },
             {
-              "name": "accept",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Specify the accepted file types",
-              "fieldName": "accept"
+              "kind": "field",
+              "name": "formRef"
             },
             {
-              "name": "multiple",
+              "kind": "field",
+              "name": "formContext",
               "type": {
-                "text": "boolean | undefined"
+                "text": "BmFormContext"
               },
-              "description": "Specify if multiple files can be uploaded",
-              "fieldName": "multiple"
-            },
+              "privacy": "public",
+              "default": "bmFormInitials"
+            }
+          ],
+          "events": [
             {
-              "name": "appearance",
+              "description": "Validates the inputs and submits the form",
+              "name": "submit"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "validationMode",
               "type": {
-                "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
+                "text": "'onChange' | 'onBlur' | 'onSubmit'"
               },
-              "default": "'accent'",
-              "description": "Specify the appearance of a Button",
-              "fieldName": "appearance",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "default": "'onBlur'",
+              "description": "Specify if validation runs on change or when loosing focus",
+              "fieldName": "validationMode"
             },
             {
-              "name": "kind",
+              "name": "initialValues",
               "type": {
-                "text": "'filled' | 'outline' | 'ghost' | 'bare'"
+                "text": "Record<string, FormValue>"
               },
-              "default": "'filled'",
-              "description": "Specify the kind of Button",
-              "fieldName": "kind",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "default": "{}",
+              "description": "Specify initial values on Form controls based on their names",
+              "fieldName": "initialValues"
             },
             {
-              "name": "size",
+              "name": "required",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "boolean"
               },
-              "default": "'md'",
-              "description": "Specify the size of a Button",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "default": "false",
+              "description": "Specify if input is a required",
+              "fieldName": "required"
             },
             {
               "name": "disabled",
@@ -6719,1803 +6780,1602 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if the Button is disabled",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify if input is a disabled",
+              "fieldName": "disabled"
             },
             {
-              "name": "fluid",
+              "name": "readOnly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if Button is fluid",
-              "fieldName": "fluid",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "description": "Specify if input is a read only",
+              "fieldName": "readOnly"
             },
             {
-              "name": "width",
+              "name": "action",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify the width of a Button",
-              "fieldName": "width",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "fieldName": "action"
             },
             {
-              "name": "height",
+              "name": "method",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify the height of a Button",
-              "fieldName": "height",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
-            },
-            {
-              "name": "theme",
-              "type": {
-                "text": "'light' | 'dark' | undefined"
-              },
-              "description": "Specify the theme of the Button",
-              "fieldName": "theme",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "fieldName": "method"
             },
             {
-              "name": "iconOnly",
+              "name": "target",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify if the icon displays without text",
-              "fieldName": "iconOnly",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "fieldName": "target"
             },
             {
-              "name": "type",
+              "name": "enctype",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'button'",
-              "fieldName": "type",
-              "inheritedFrom": {
-                "name": "BmButton",
-                "module": "libs/web-components/src/lib/Button/Button.ts"
-              }
+              "fieldName": "enctype"
             }
           ],
           "superclass": {
-            "name": "BmButton",
-            "module": "/libs/web-components/src/lib/Button/Button"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "bm-file-upload-button",
+          "summary": "`bm-form`",
+          "tagName": "bm-form",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmFileUploadButton",
+          "name": "validators",
           "declaration": {
-            "name": "BmFileUploadButton",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Button.ts"
+            "name": "validators",
+            "package": "@viasat/beam-shared/components/form"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BmForm",
+          "declaration": {
+            "name": "BmForm",
+            "module": "libs/web-components/src/lib/wip/Form/Form.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-file-upload-button",
+          "name": "bm-form",
           "declaration": {
-            "name": "BmFileUploadButton",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Button.ts"
+            "name": "BmForm",
+            "module": "libs/web-components/src/lib/wip/Form/Form.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Dropzone.ts",
+      "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": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./Form.decorator"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.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": "### Attributes:\n- **required**  - Specify if NativeSelect is a required input\n- **readOnly**  - Specify if NativeSelect displays in a read-only state\n- **disabled**  - Specify if NativeSelect displays in a disabled state\n- **error**  - Specify error text and display error state of a NativeSelect\n- **fluid**  - Specify if NativeSelect is fluid\n- **size**  - Specify the size of NativeSelect\n- **width**  - Specify the width of NativeSelect\n- **ellipse**  - Specify if overflow displays ellipsis\n- **hideRequiredMarker**  - Specify if the NativeSelect displays with an asterisk\n- **theme**  - Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
+          "name": "BmNativeSelect",
           "slots": [
             {
-              "description": "Specify text for the Dropzone",
-              "name": "default"
+              "description": "Specify Options for NativeSelect",
+              "name": "slot"
+            },
+            {
+              "description": "Specify Label for NativeSelect",
+              "name": "label"
+            },
+            {
+              "description": "Specify HelperText for NativeSelect",
+              "name": "helper-text"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "error",
+              "name": "required",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "Specify if FileUpload is in error state",
-              "attribute": "error"
+              "default": "false",
+              "description": "Specify if NativeSelect is a required input",
+              "attribute": "required"
             },
             {
               "kind": "field",
-              "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",
-              "attribute": "theme"
+              "default": "false",
+              "description": "Specify if NativeSelect displays in a read-only state",
+              "attribute": "readOnly"
             },
             {
               "kind": "field",
               "name": "disabled",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if the FileUpload is disabled",
+              "description": "Specify if NativeSelect displays in a disabled state",
               "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "accept",
+              "name": "error",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Specify the accepted file types",
-              "attribute": "accept"
+              "description": "Specify error text and display error state of a NativeSelect",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "fluid",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Specify the name of the FileUpload",
-              "attribute": "name"
+              "default": "false",
+              "description": "Specify if NativeSelect is fluid",
+              "attribute": "fluid"
             },
             {
               "kind": "field",
-              "name": "multiple",
+              "name": "size",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'sm' | 'md' | 'lg'"
               },
-              "description": "Specify if multiple files can be uploaded",
-              "attribute": "multiple"
+              "default": "defaultInputSize",
+              "description": "Specify the size of NativeSelect",
+              "attribute": "size"
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "privacy": "public"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "error",
+              "kind": "field",
+              "name": "width",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify if FileUpload is in error state",
-              "fieldName": "error"
+              "description": "Specify the width of NativeSelect",
+              "attribute": "width"
             },
             {
-              "name": "theme",
+              "kind": "field",
+              "name": "ellipse",
               "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": "true",
+              "description": "Specify if overflow displays ellipsis",
+              "attribute": "ellipse"
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "hideRequiredMarker",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if the FileUpload is disabled",
-              "fieldName": "disabled"
+              "description": "Specify if the NativeSelect displays with an asterisk",
+              "attribute": "hideRequiredMarker"
             },
             {
-              "name": "accept",
+              "kind": "field",
+              "name": "theme",
               "type": {
-                "text": "string | undefined"
+                "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify the accepted file types",
-              "fieldName": "accept"
+              "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
+              "attribute": "theme"
             },
             {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
+              "kind": "method",
+              "name": "finalizeAssociatedCallback",
+              "return": {
+                "type": {
+                  "text": "FinalizeAssociatedResult"
+                }
               },
-              "description": "Specify the name of the FileUpload",
-              "fieldName": "name"
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "name": "multiple",
+              "kind": "field",
+              "name": "formAssociated",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "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": [
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
             {
               "kind": "field",
-              "name": "error",
+              "name": "id",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "default": "''",
-              "description": "Specify error text and display error state of list item",
-              "attribute": "error"
+              "attribute": "id",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "fileName",
+              "name": "name",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The name of the uploaded file",
-              "attribute": "fileName"
+              "default": "''",
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "fileSize",
+              "name": "value",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "The size of the uploaded file",
-              "attribute": "fileSize"
+              "default": "''",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "validationRules",
               "type": {
-                "text": "'md' | 'lg' | undefined"
+                "text": "Array<FormValidator>"
               },
-              "default": "'md'",
-              "description": "Specify the size of the item",
-              "attribute": "size"
+              "default": "[]",
+              "attribute": "validationRules",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "thumbnail",
+              "name": "inputAriaLabel",
               "type": {
-                "text": "string | boolean | undefined"
+                "text": "string | 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"
+              "attribute": "input-aria-label",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "state",
+              "name": "formContext",
               "type": {
-                "text": "'error' | 'success' | 'uploading' | 'uploaded'"
+                "text": "BmFormContext"
               },
-              "default": "'uploaded'",
-              "description": "Specify the status of the file",
-              "attribute": "state"
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "progress",
-              "type": {
-                "text": "number | undefined"
+              "kind": "method",
+              "name": "formAssociatedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "0",
-              "description": "Specify the progress of the file upload",
-              "attribute": "progress"
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             },
             {
-              "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"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean | undefined"
+              "kind": "method",
+              "name": "formResetCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "description": "Specify if the FileUpload is disabled",
-              "attribute": "disabled"
-            }
-          ],
-          "events": [
-            {
-              "description": "Dispatched when the dismiss button is clicked",
-              "name": "bm-dismiss"
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "error",
+              "name": "required",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Specify error text and display error state of list item",
-              "fieldName": "error"
+              "default": "false",
+              "description": "Specify if NativeSelect is a required input",
+              "fieldName": "required"
             },
             {
-              "name": "fileName",
+              "name": "readOnly",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The name of the uploaded file",
-              "fieldName": "fileName"
+              "default": "false",
+              "description": "Specify if NativeSelect displays in a read-only state",
+              "fieldName": "readOnly"
             },
             {
-              "name": "fileSize",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if NativeSelect displays in a disabled state",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "error",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The size of the uploaded file",
-              "fieldName": "fileSize"
+              "description": "Specify error text and display error state of a NativeSelect",
+              "fieldName": "error"
+            },
+            {
+              "name": "fluid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Specify if NativeSelect is fluid",
+              "fieldName": "fluid"
             },
             {
               "name": "size",
               "type": {
-                "text": "'md' | 'lg' | undefined"
+                "text": "'sm' | 'md' | 'lg'"
               },
-              "default": "'md'",
-              "description": "Specify the size of the item",
+              "default": "defaultInputSize",
+              "description": "Specify the size of NativeSelect",
               "fieldName": "size"
             },
             {
-              "name": "thumbnail",
+              "name": "width",
               "type": {
-                "text": "string | boolean | undefined"
+                "text": "string | 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",
-              "fieldName": "thumbnail"
+              "description": "Specify the width of NativeSelect",
+              "fieldName": "width"
             },
             {
-              "name": "state",
+              "name": "ellipse",
               "type": {
-                "text": "'error' | 'success' | 'uploading' | 'uploaded'"
+                "text": "boolean"
               },
-              "default": "'uploaded'",
-              "description": "Specify the status of the file",
-              "fieldName": "state"
+              "default": "true",
+              "description": "Specify if overflow displays ellipsis",
+              "fieldName": "ellipse"
             },
             {
-              "name": "progress",
+              "name": "hideRequiredMarker",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "Specify the progress of the file upload",
-              "fieldName": "progress"
+              "default": "false",
+              "description": "Specify if the NativeSelect displays with an asterisk",
+              "fieldName": "hideRequiredMarker"
             },
             {
               "name": "theme",
               "type": {
                 "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+              "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
               "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": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "name": "validationRules",
+              "type": {
+                "text": "Array<FormValidator>"
+              },
+              "default": "[]",
+              "fieldName": "validationRules",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
+            },
+            {
+              "name": "input-aria-label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "inputAriaLabel",
+              "inheritedFrom": {
+                "name": "FormField",
+                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "FormField",
+            "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
           },
-          "tagName": "bm-file-upload-list-item",
+          "summary": "`bm-native-select`",
+          "tagName": "bm-native-select",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmFileUploadListItem",
+          "name": "BmNativeSelect",
           "declaration": {
-            "name": "BmFileUploadListItem",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.Item.ts"
+            "name": "BmNativeSelect",
+            "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-file-upload-list-item",
+          "name": "bm-native-select",
           "declaration": {
-            "name": "BmFileUploadListItem",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.Item.ts"
+            "name": "BmNativeSelect",
+            "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.ts",
+      "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./NativeSelect"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Button.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",
+          "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": [
             {
-              "description": "Specify the list items",
-              "name": "default"
+              "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"
+              }
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "thumbnail",
+              "name": "error",
               "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 error state",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "accept",
               "type": {
-                "text": "'md' | 'lg' | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify FileUpload List size",
-              "default": "'md'",
-              "attribute": "size"
+              "description": "Specify the accepted file types",
+              "attribute": "accept"
             },
             {
               "kind": "field",
-              "name": "theme",
+              "name": "multiple",
               "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 multiple files can be uploaded",
+              "attribute": "multiple"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "appearance",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
               },
-              "description": "Specify if the FileUpload is disabled",
-              "attribute": "disabled"
+              "default": "'neutral-subtle'",
+              "description": "Specify the appearance of a Button",
+              "attribute": "appearance",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "renderItem",
-              "type": {
-                "text": "(fileItem: FileItem, dismissFile: () => void) => void | undefined"
-              },
-              "description": "Specify a render function for the list item",
-              "attribute": "renderItem"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "thumbnail",
+              "name": "kind",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'filled' | 'outline' | 'ghost' | 'bare'"
               },
-              "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"
+              "default": "'outline'",
+              "description": "Specify the kind of Button",
+              "attribute": "kind",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
+              "kind": "field",
               "name": "size",
               "type": {
-                "text": "'md' | 'lg' | undefined"
+                "text": "'sm' | 'md' | 'lg'"
               },
-              "description": "Specify FileUpload List size",
               "default": "'md'",
-              "fieldName": "size"
-            },
-            {
-              "name": "theme",
-              "type": {
-                "text": "'light' | 'dark' | undefined"
-              },
-              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
-              "fieldName": "theme"
+              "description": "Specify the size of a Button",
+              "attribute": "size",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "iconOnly",
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Specify if the FileUpload is disabled",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "renderItem",
-              "type": {
-                "text": "(fileItem: FileItem, dismissFile: () => void) => void | undefined"
-              },
-              "description": "Specify a render function for the list item",
-              "fieldName": "renderItem"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "bm-file-upload-list",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BmFileUploadList",
-          "declaration": {
-            "name": "BmFileUploadList",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bm-file-upload-list",
-          "declaration": {
-            "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.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "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 if the icon displays without text",
+              "attribute": "iconOnly",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
-            {
-              "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"
+              "name": "iconBefore",
+              "default": "unsafeSVG(Upload)"
             },
             {
               "kind": "field",
-              "name": "error",
+              "name": "formAssociated",
               "type": {
-                "text": "string | boolean | undefined"
+                "text": "boolean"
               },
-              "description": "Specify error text and display error state of FileUpload",
-              "attribute": "error"
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
               "name": "disabled",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "default": "false",
-              "description": "Specify if FileUpload is in disabled state",
-              "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": "multiple",
+              "name": "fluid",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "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"
+              "description": "Specify if Button is fluid",
+              "attribute": "fluid",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "maxFileSize",
+              "name": "width",
               "type": {
-                "text": "number | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify the maximum file size that can be uploaded",
-              "attribute": "maxFileSize"
+              "description": "Specify the width of a Button",
+              "attribute": "width",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "height",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined"
               },
-              "description": "Specify if FileUpload is a required input",
-              "default": "false",
-              "attribute": "required"
+              "description": "Specify the height of a Button",
+              "attribute": "height",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "theme",
               "type": {
-                "text": "boolean | undefined"
+                "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify if FileUpload is in read-only state",
-              "attribute": "readOnly"
+              "description": "Specify the theme of the Button",
+              "attribute": "theme",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "hideRequiredMarker",
+              "name": "type",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "description": "Specify if FileUpload displays with an asterisk",
-              "default": "false",
-              "attribute": "hideRequiredMarker"
+              "default": "'button'",
+              "attribute": "type",
+              "inheritedFrom": {
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "validationRules",
+              "name": "formContext",
               "type": {
-                "text": "Array<FormValidator>"
+                "text": "BmFormContext"
               },
-              "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": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
               }
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "fluid",
+              "name": "error",
               "type": {
                 "text": "boolean | undefined"
               },
-              "description": "Specify if FileUpload is fluid",
-              "default": "false",
-              "attribute": "fluid"
+              "description": "Specify if FileUpload is in error state",
+              "fieldName": "error"
             },
             {
-              "kind": "field",
-              "name": "width",
+              "name": "accept",
               "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"
-            },
-            {
-              "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",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formResetCallback",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formAssociated",
-              "type": {
-                "text": "boolean"
-              },
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "description": "Specify the accepted file types",
+              "fieldName": "accept"
             },
             {
-              "kind": "field",
-              "name": "id",
+              "name": "multiple",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "default": "''",
-              "attribute": "id",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
+              "description": "Specify if multiple files can be uploaded",
+              "fieldName": "multiple"
             },
             {
-              "kind": "field",
-              "name": "name",
+              "name": "appearance",
               "type": {
-                "text": "string"
+                "text": "'accent' | 'neutral' | 'neutral-subtle' | 'destructive'"
               },
-              "default": "''",
-              "attribute": "name",
+              "default": "'accent'",
+              "description": "Specify the appearance of a Button",
+              "fieldName": "appearance",
               "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "value",
+              "name": "kind",
               "type": {
-                "text": "string"
+                "text": "'filled' | 'outline' | 'ghost' | 'bare'"
               },
-              "default": "''",
-              "attribute": "value",
+              "default": "'filled'",
+              "description": "Specify the kind of Button",
+              "fieldName": "kind",
               "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "inputAriaLabel",
+              "name": "size",
               "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"
-                }
+                "text": "'sm' | 'md' | 'lg'"
               },
-              "parameters": [
-                {
-                  "name": "ctxValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
+              "default": "'md'",
+              "description": "Specify the size of a Button",
+              "fieldName": "size",
               "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
               }
-            }
-          ],
-          "events": [
-            {
-              "description": "Dispatched when a file is uploaded. Preventing default on this event will make upload asynchronous",
-              "name": "bm-selected"
-            }
-          ],
-          "attributes": [
-            {
-              "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"
-              },
-              "default": "false",
-              "description": "Specify if FileUpload is in disabled state",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "multiple",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Specify if more than one file can be can be uploaded",
-              "default": "false",
-              "fieldName": "multiple"
-            },
-            {
-              "name": "fileLimit",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "Specify how many files can be uploaded",
-              "fieldName": "fileLimit"
-            },
-            {
-              "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 FileUpload is a required input",
-              "default": "false",
-              "fieldName": "required"
-            },
-            {
-              "name": "readOnly",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Specify if FileUpload is in read-only state",
-              "fieldName": "readOnly"
-            },
-            {
-              "name": "hideRequiredMarker",
-              "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "description": "Specify if FileUpload displays with an asterisk",
               "default": "false",
-              "fieldName": "hideRequiredMarker"
-            },
-            {
-              "name": "validationRules",
-              "type": {
-                "text": "Array<FormValidator>"
-              },
-              "default": "[]",
-              "fieldName": "validationRules",
-              "description": "Specify form validation rules for FileUpload",
+              "description": "Specify if the Button is disabled",
+              "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
               }
             },
             {
               "name": "fluid",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "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",
-              "type": {
-                "text": "'light' | 'dark' | undefined"
-              },
-              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
-              "fieldName": "theme"
-            },
-            {
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "id",
+              "description": "Specify if Button is fluid",
+              "fieldName": "fluid",
               "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
               }
             },
             {
-              "name": "name",
+              "name": "width",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "fieldName": "name",
+              "description": "Specify the width of a Button",
+              "fieldName": "width",
               "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
               }
             },
             {
-              "name": "value",
+              "name": "height",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "fieldName": "value",
+              "description": "Specify the height of a Button",
+              "fieldName": "height",
               "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
               }
             },
             {
-              "name": "input-aria-label",
+              "name": "theme",
               "type": {
-                "text": "string | undefined"
+                "text": "'light' | 'dark' | undefined"
               },
-              "fieldName": "inputAriaLabel",
+              "description": "Specify the theme of the Button",
+              "fieldName": "theme",
               "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+                "name": "BmButton",
+                "module": "libs/web-components/src/lib/Button/Button.ts"
               }
-            }
-          ],
-          "superclass": {
-            "name": "FormField",
-            "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
-          },
-          "tagName": "bm-file-upload",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BmFileUploadFileSelectedEvent",
-          "declaration": {
-            "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",
-          "declaration": {
-            "name": "BmFileUpload",
-            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/FileUpload/FileUploadContext.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": "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": "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"
+            },
+            {
+              "name": "iconOnly",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "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": "BmButton",
+            "module": "/libs/web-components/src/lib/Button/Button"
           },
-          "default": "{ required: false, disabled: false, readOnly: false, initialValues: {}, registerField: () => undefined, formBlurHandler: () => undefined, formChangeHandler: () => undefined, }"
-        },
-        {
-          "kind": "variable",
-          "name": "bmFormContext"
+          "tagName": "bm-file-upload-button",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "bmFormInitials",
+          "name": "BmFileUploadButton",
           "declaration": {
-            "name": "bmFormInitials",
-            "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
+            "name": "BmFileUploadButton",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Button.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "bmFormContext",
+          "kind": "custom-element-definition",
+          "name": "bm-file-upload-button",
           "declaration": {
-            "name": "bmFormContext",
-            "module": "libs/web-components/src/lib/wip/Form/Form.context.ts"
+            "name": "BmFileUploadButton",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Button.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/Form/Form.decorator.ts",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.Dropzone.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Attributes:\n- **id** \n- **name** \n- **value** \n- **validationRules** \n- **input-aria-label** ",
-          "name": "FormField",
-          "members": [
+          "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": [
             {
-              "kind": "field",
-              "name": "formAssociated",
-              "type": {
-                "text": "boolean"
-              },
-              "static": true,
-              "default": "true"
-            },
+              "description": "Specify text for the Dropzone",
+              "name": "default"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "id",
+              "name": "error",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "default": "''",
-              "attribute": "id"
+              "description": "Specify if FileUpload is in error state",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "theme",
               "type": {
-                "text": "string"
+                "text": "'light' | 'dark' | undefined"
               },
-              "default": "''",
-              "attribute": "name"
+              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+              "attribute": "theme"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "default": "''",
-              "attribute": "value"
+              "default": "false",
+              "description": "Specify if the FileUpload is disabled",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "validationRules",
+              "name": "accept",
               "type": {
-                "text": "Array<FormValidator>"
+                "text": "string | undefined"
               },
-              "default": "[]",
-              "attribute": "validationRules"
+              "description": "Specify the accepted file types",
+              "attribute": "accept"
             },
             {
               "kind": "field",
-              "name": "inputAriaLabel",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "attribute": "input-aria-label"
+              "description": "Specify the name of the FileUpload",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "formContext",
+              "name": "multiple",
               "type": {
-                "text": "BmFormContext"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formAssociatedCallback",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formResetCallback",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+                "text": "boolean | undefined"
+              },
+              "description": "Specify if multiple files can be uploaded",
+              "attribute": "multiple"
             },
             {
               "kind": "method",
-              "name": "finalizeAssociatedCallback",
-              "return": {
-                "type": {
-                  "text": "FinalizeAssociatedResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "ctxValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "name": "focus",
+              "privacy": "public"
             }
           ],
           "attributes": [
             {
-              "name": "id",
+              "name": "error",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "default": "''",
-              "fieldName": "id"
+              "description": "Specify if FileUpload is in error state",
+              "fieldName": "error"
             },
             {
-              "name": "name",
+              "name": "theme",
               "type": {
-                "text": "string"
+                "text": "'light' | 'dark' | undefined"
               },
-              "default": "''",
-              "fieldName": "name"
+              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+              "fieldName": "theme"
             },
             {
-              "name": "value",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "default": "''",
-              "fieldName": "value"
+              "default": "false",
+              "description": "Specify if the FileUpload is disabled",
+              "fieldName": "disabled"
             },
             {
-              "name": "validationRules",
+              "name": "accept",
               "type": {
-                "text": "Array<FormValidator>"
+                "text": "string | undefined"
               },
-              "default": "[]",
-              "fieldName": "validationRules"
+              "description": "Specify the accepted file types",
+              "fieldName": "accept"
             },
             {
-              "name": "input-aria-label",
+              "name": "name",
               "type": {
                 "text": "string | undefined"
               },
-              "fieldName": "inputAriaLabel"
+              "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": "FormField",
+          "name": "BmFileUploadDropzone",
           "declaration": {
-            "name": "FormField",
-            "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
+            "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/Form/Form.ts",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.Item.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"
-            }
-          ],
+          "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": "validationMode",
-              "type": {
-                "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",
+              "name": "error",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Specify if input is a disabled",
-              "attribute": "disabled"
+              "default": "''",
+              "description": "Specify error text and display error state of list item",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "fileName",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Specify if input is a read only",
-              "attribute": "readOnly"
+              "description": "The name of the uploaded file",
+              "attribute": "fileName"
             },
             {
               "kind": "field",
-              "name": "action",
+              "name": "fileSize",
               "type": {
                 "text": "string | undefined"
               },
-              "attribute": "action"
+              "description": "The size of the uploaded file",
+              "attribute": "fileSize"
             },
             {
               "kind": "field",
-              "name": "method",
+              "name": "size",
               "type": {
-                "text": "string | undefined"
+                "text": "'md' | 'lg' | undefined"
               },
-              "attribute": "method"
+              "default": "'md'",
+              "description": "Specify the size of the item",
+              "attribute": "size"
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "thumbnail",
               "type": {
-                "text": "string | undefined"
+                "text": "string | boolean | undefined"
               },
-              "attribute": "target"
+              "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"
             },
             {
               "kind": "field",
-              "name": "enctype",
+              "name": "state",
               "type": {
-                "text": "string | undefined"
+                "text": "'error' | 'success' | 'uploading' | 'uploaded'"
               },
-              "attribute": "enctype"
+              "default": "'uploaded'",
+              "description": "Specify the status of the file",
+              "attribute": "state"
             },
             {
               "kind": "field",
-              "name": "formMeta",
+              "name": "progress",
               "type": {
-                "text": "Record<string, FieldMeta>"
+                "text": "number | undefined"
               },
-              "default": "{}"
+              "default": "0",
+              "description": "Specify the progress of the file upload",
+              "attribute": "progress"
             },
             {
               "kind": "field",
-              "name": "formRef"
+              "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"
             },
             {
               "kind": "field",
-              "name": "formContext",
+              "name": "disabled",
               "type": {
-                "text": "BmFormContext"
+                "text": "boolean | undefined"
               },
-              "privacy": "public",
-              "default": "bmFormInitials"
+              "description": "Specify if the FileUpload is disabled",
+              "attribute": "disabled"
             }
           ],
           "events": [
             {
-              "description": "Validates the inputs and submits the form",
-              "name": "submit"
+              "description": "Dispatched when the dismiss button is clicked",
+              "name": "bm-dismiss"
             }
           ],
           "attributes": [
             {
-              "name": "validationMode",
+              "name": "error",
               "type": {
-                "text": "'onChange' | 'onBlur' | 'onSubmit'"
+                "text": "string | undefined"
               },
-              "default": "'onBlur'",
-              "description": "Specify if validation runs on change or when loosing focus",
-              "fieldName": "validationMode"
+              "default": "''",
+              "description": "Specify error text and display error state of list item",
+              "fieldName": "error"
             },
             {
-              "name": "initialValues",
+              "name": "fileName",
               "type": {
-                "text": "Record<string, FormValue>"
+                "text": "string | undefined"
               },
-              "default": "{}",
-              "description": "Specify initial values on Form controls based on their names",
-              "fieldName": "initialValues"
+              "description": "The name of the uploaded file",
+              "fieldName": "fileName"
             },
             {
-              "name": "required",
+              "name": "fileSize",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Specify if input is a required",
-              "fieldName": "required"
+              "description": "The size of the uploaded file",
+              "fieldName": "fileSize"
             },
             {
-              "name": "disabled",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'md' | 'lg' | undefined"
               },
-              "default": "false",
-              "description": "Specify if input is a disabled",
-              "fieldName": "disabled"
+              "default": "'md'",
+              "description": "Specify the size of the item",
+              "fieldName": "size"
             },
             {
-              "name": "readOnly",
+              "name": "thumbnail",
               "type": {
-                "text": "boolean"
+                "text": "string | boolean | 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",
-              "description": "Specify if input is a read only",
-              "fieldName": "readOnly"
+              "fieldName": "thumbnail"
             },
             {
-              "name": "action",
+              "name": "state",
               "type": {
-                "text": "string | undefined"
+                "text": "'error' | 'success' | 'uploading' | 'uploaded'"
               },
-              "fieldName": "action"
+              "default": "'uploaded'",
+              "description": "Specify the status of the file",
+              "fieldName": "state"
             },
             {
-              "name": "method",
+              "name": "progress",
               "type": {
-                "text": "string | undefined"
+                "text": "number | undefined"
               },
-              "fieldName": "method"
+              "default": "0",
+              "description": "Specify the progress of the file upload",
+              "fieldName": "progress"
             },
             {
-              "name": "target",
+              "name": "theme",
               "type": {
-                "text": "string | undefined"
+                "text": "'light' | 'dark' | undefined"
               },
-              "fieldName": "target"
+              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+              "fieldName": "theme"
             },
             {
-              "name": "enctype",
+              "name": "disabled",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "fieldName": "enctype"
+              "description": "Specify if the FileUpload is disabled",
+              "fieldName": "disabled"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "summary": "`bm-form`",
-          "tagName": "bm-form",
+          "tagName": "bm-file-upload-list-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "validators",
-          "declaration": {
-            "name": "validators",
-            "package": "@viasat/beam-shared/components/form"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "BmForm",
+          "name": "BmFileUploadListItem",
           "declaration": {
-            "name": "BmForm",
-            "module": "libs/web-components/src/lib/wip/Form/Form.ts"
+            "name": "BmFileUploadListItem",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.Item.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bm-form",
+          "name": "bm-file-upload-list-item",
           "declaration": {
-            "name": "BmForm",
-            "module": "libs/web-components/src/lib/wip/Form/Form.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/Form/Form.utils.ts",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "createId",
-          "return": {
-            "type": {
-              "text": "string"
+          "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": [
+            {
+              "description": "Specify the list items",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "thumbnail",
+              "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"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'md' | 'lg' | undefined"
+              },
+              "description": "Specify FileUpload List size",
+              "default": "'md'",
+              "attribute": "size"
+            },
+            {
+              "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"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Specify if the FileUpload is disabled",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "renderItem",
+              "type": {
+                "text": "(fileItem: FileItem, dismissFile: () => void) => void | undefined"
+              },
+              "description": "Specify a render function for the list item",
+              "attribute": "renderItem"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "thumbnail",
+              "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",
+              "fieldName": "thumbnail"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'md' | 'lg' | undefined"
+              },
+              "description": "Specify FileUpload List size",
+              "default": "'md'",
+              "fieldName": "size"
+            },
+            {
+              "name": "theme",
+              "type": {
+                "text": "'light' | 'dark' | undefined"
+              },
+              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
+              "fieldName": "theme"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Specify if the FileUpload is disabled",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "renderItem",
+              "type": {
+                "text": "(fileItem: FileItem, dismissFile: () => void) => void | undefined"
+              },
+              "description": "Specify a render function for the list item",
+              "fieldName": "renderItem"
             }
-          }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "bm-file-upload-list",
+          "customElement": true
         }
       ],
       "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": "*",
+          "name": "BmFileUploadList",
           "declaration": {
-            "name": "*",
-            "package": "./Form"
+            "name": "BmFileUploadList",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "*",
+          "kind": "custom-element-definition",
+          "name": "bm-file-upload-list",
           "declaration": {
-            "name": "*",
-            "package": "./Form.decorator"
+            "name": "BmFileUploadList",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.List.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "### Attributes:\n- **required**  - Specify if NativeSelect is a required input\n- **readOnly**  - Specify if NativeSelect displays in a read-only state\n- **disabled**  - Specify if NativeSelect displays in a disabled state\n- **error**  - Specify error text and display error state of a NativeSelect\n- **fluid**  - Specify if NativeSelect is fluid\n- **size**  - Specify the size of NativeSelect\n- **width**  - Specify the width of NativeSelect\n- **ellipse**  - Specify if overflow displays ellipsis\n- **hideRequiredMarker**  - Specify if the NativeSelect displays with an asterisk\n- **theme**  - Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
-          "name": "BmNativeSelect",
+          "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 Options for NativeSelect",
-              "name": "slot"
-            },
-            {
-              "description": "Specify Label for NativeSelect",
+              "description": "Specify Label for for FileUpload",
               "name": "label"
             },
             {
-              "description": "Specify HelperText for NativeSelect",
+              "description": "Specify HelperText for FileUpload",
               "name": "helper-text"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "required",
+              "name": "accept",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Specify if NativeSelect is a required input",
-              "attribute": "required"
+              "description": "Specify what types of files can be uploaded",
+              "attribute": "accept"
             },
             {
               "kind": "field",
-              "name": "readOnly",
+              "name": "error",
               "type": {
-                "text": "boolean"
+                "text": "string | boolean | undefined"
               },
-              "default": "false",
-              "description": "Specify if NativeSelect displays in a read-only state",
-              "attribute": "readOnly"
+              "description": "Specify error text and display error state of FileUpload",
+              "attribute": "error"
             },
             {
               "kind": "field",
               "name": "disabled",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
               "default": "false",
-              "description": "Specify if NativeSelect displays in a disabled state",
+              "description": "Specify if FileUpload is in disabled state",
               "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "error",
+              "name": "multiple",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Specify error text and display error state of a NativeSelect",
-              "attribute": "error"
+              "description": "Specify if more than one file can be can be uploaded",
+              "default": "false",
+              "attribute": "multiple"
             },
             {
               "kind": "field",
-              "name": "fluid",
+              "name": "fileLimit",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "description": "Specify if NativeSelect is fluid",
-              "attribute": "fluid"
+              "description": "Specify how many files can be uploaded",
+              "attribute": "fileLimit"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "maxFileSize",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "number | undefined"
               },
-              "default": "defaultInputSize",
-              "description": "Specify the size of NativeSelect",
-              "attribute": "size"
+              "description": "Specify the maximum file size that can be uploaded",
+              "attribute": "maxFileSize"
             },
             {
               "kind": "field",
-              "name": "width",
+              "name": "required",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Specify the width of NativeSelect",
-              "attribute": "width"
+              "description": "Specify if FileUpload is a required input",
+              "default": "false",
+              "attribute": "required"
             },
             {
               "kind": "field",
-              "name": "ellipse",
+              "name": "readOnly",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "default": "true",
-              "description": "Specify if overflow displays ellipsis",
-              "attribute": "ellipse"
+              "description": "Specify if FileUpload is in read-only state",
+              "attribute": "readOnly"
             },
             {
               "kind": "field",
               "name": "hideRequiredMarker",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
+              "description": "Specify if FileUpload displays with an asterisk",
               "default": "false",
-              "description": "Specify if the NativeSelect displays with an asterisk",
               "attribute": "hideRequiredMarker"
             },
             {
               "kind": "field",
-              "name": "theme",
+              "name": "validationRules",
               "type": {
-                "text": "'light' | 'dark' | undefined"
-              },
-              "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
-              "attribute": "theme"
-            },
-            {
-              "kind": "method",
-              "name": "finalizeAssociatedCallback",
-              "return": {
-                "type": {
-                  "text": "FinalizeAssociatedResult"
-                }
+                "text": "Array<FormValidator>"
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
+              "default": "[]",
+              "attribute": "validationRules",
+              "description": "Specify form validation rules for FileUpload",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
@@ -8523,12 +8383,38 @@
             },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "fluid",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
+              },
+              "description": "Specify if FileUpload is fluid",
+              "default": "false",
+              "attribute": "fluid"
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "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"
+            },
+            {
+              "kind": "field",
+              "name": "formContext",
+              "type": {
+                "text": "BmFormContext"
               },
-              "static": true,
-              "default": "true",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
@@ -8536,25 +8422,29 @@
             },
             {
               "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
+              "name": "pickerRef"
+            },
+            {
+              "kind": "method",
+              "name": "formAssociatedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "''",
-              "attribute": "id",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "formResetCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "''",
-              "attribute": "name",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
@@ -8562,12 +8452,12 @@
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "formAssociated",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "value",
+              "static": true,
+              "default": "true",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
@@ -8575,12 +8465,12 @@
             },
             {
               "kind": "field",
-              "name": "validationRules",
+              "name": "id",
               "type": {
-                "text": "Array<FormValidator>"
+                "text": "string"
               },
-              "default": "[]",
-              "attribute": "validationRules",
+              "default": "''",
+              "attribute": "id",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
@@ -8588,11 +8478,12 @@
             },
             {
               "kind": "field",
-              "name": "inputAriaLabel",
+              "name": "name",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "attribute": "input-aria-label",
+              "default": "''",
+              "attribute": "name",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
@@ -8600,23 +8491,24 @@
             },
             {
               "kind": "field",
-              "name": "formContext",
+              "name": "value",
               "type": {
-                "text": "BmFormContext"
+                "text": "string"
               },
+              "default": "''",
+              "attribute": "value",
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "formAssociatedCallback",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "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"
@@ -8624,104 +8516,145 @@
             },
             {
               "kind": "method",
-              "name": "formResetCallback",
+              "name": "finalizeAssociatedCallback",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "FinalizeAssociatedResult"
                 }
               },
+              "parameters": [
+                {
+                  "name": "ctxValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "FormField",
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             }
           ],
+          "events": [
+            {
+              "description": "Dispatched when a file is uploaded. Preventing default on this event will make upload asynchronous",
+              "name": "bm-selected"
+            }
+          ],
           "attributes": [
             {
-              "name": "required",
+              "name": "accept",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Specify if NativeSelect is a required input",
-              "fieldName": "required"
+              "description": "Specify what types of files can be uploaded",
+              "fieldName": "accept"
             },
             {
-              "name": "readOnly",
+              "name": "error",
               "type": {
-                "text": "boolean"
+                "text": "string | boolean | undefined"
               },
-              "default": "false",
-              "description": "Specify if NativeSelect displays in a read-only state",
-              "fieldName": "readOnly"
+              "description": "Specify error text and display error state of FileUpload",
+              "fieldName": "error"
             },
             {
               "name": "disabled",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
               "default": "false",
-              "description": "Specify if NativeSelect displays in a disabled state",
+              "description": "Specify if FileUpload is in disabled state",
               "fieldName": "disabled"
             },
             {
-              "name": "error",
+              "name": "multiple",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Specify error text and display error state of a NativeSelect",
-              "fieldName": "error"
+              "description": "Specify if more than one file can be can be uploaded",
+              "default": "false",
+              "fieldName": "multiple"
             },
             {
-              "name": "fluid",
+              "name": "fileLimit",
               "type": {
-                "text": "boolean"
+                "text": "number | undefined"
               },
-              "default": "false",
-              "description": "Specify if NativeSelect is fluid",
-              "fieldName": "fluid"
+              "description": "Specify how many files can be uploaded",
+              "fieldName": "fileLimit"
             },
             {
-              "name": "size",
+              "name": "maxFileSize",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "number | undefined"
               },
-              "default": "defaultInputSize",
-              "description": "Specify the size of NativeSelect",
-              "fieldName": "size"
+              "description": "Specify the maximum file size that can be uploaded",
+              "fieldName": "maxFileSize"
             },
             {
-              "name": "width",
+              "name": "required",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Specify the width of NativeSelect",
-              "fieldName": "width"
+              "description": "Specify if FileUpload is a required input",
+              "default": "false",
+              "fieldName": "required"
             },
             {
-              "name": "ellipse",
+              "name": "readOnly",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "default": "true",
-              "description": "Specify if overflow displays ellipsis",
-              "fieldName": "ellipse"
+              "description": "Specify if FileUpload is in read-only state",
+              "fieldName": "readOnly"
             },
             {
               "name": "hideRequiredMarker",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
+              "description": "Specify if FileUpload displays with an asterisk",
               "default": "false",
-              "description": "Specify if the NativeSelect displays with an asterisk",
               "fieldName": "hideRequiredMarker"
             },
+            {
+              "name": "validationRules",
+              "type": {
+                "text": "Array<FormValidator>"
+              },
+              "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",
               "type": {
                 "text": "'light' | 'dark' | undefined"
               },
-              "description": "Specify the theme of the NativeSelect. By default it inherits the theme from the parent",
+              "description": "Specify the theme of the FileUpload. By default it inherits the theme from the parent",
               "fieldName": "theme"
             },
             {
@@ -8760,18 +8693,6 @@
                 "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
               }
             },
-            {
-              "name": "validationRules",
-              "type": {
-                "text": "Array<FormValidator>"
-              },
-              "default": "[]",
-              "fieldName": "validationRules",
-              "inheritedFrom": {
-                "name": "FormField",
-                "module": "libs/web-components/src/lib/wip/Form/Form.decorator.ts"
-              }
-            },
             {
               "name": "input-aria-label",
               "type": {
@@ -8788,33 +8709,80 @@
             "name": "FormField",
             "module": "/libs/web-components/src/lib/wip/Form/Form.decorator"
           },
-          "summary": "`bm-native-select`",
-          "tagName": "bm-native-select",
+          "tagName": "bm-file-upload",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BmNativeSelect",
+          "name": "BmFileUploadFileSelectedEvent",
           "declaration": {
-            "name": "BmNativeSelect",
-            "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.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-native-select",
+          "name": "bm-file-upload",
           "declaration": {
-            "name": "BmNativeSelect",
-            "module": "libs/web-components/src/lib/wip/NativeSelect/NativeSelect.ts"
+            "name": "BmFileUpload",
+            "module": "libs/web-components/src/lib/wip/FileUpload/FileUpload.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/web-components/src/lib/wip/NativeSelect/index.ts",
+      "path": "libs/web-components/src/lib/wip/FileUpload/FileUploadContext.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": "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": [
         {
@@ -8822,7 +8790,39 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./NativeSelect"
+            "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"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./FileUpload.List.Item"
           }
         }
       ]