@viasat/beam-web-components 2.62.0 → 2.64.0

package/local/wip/Form/Form.decorator.js

@@ -1,48 +1,49 @@
-var x = (a) => {
-  throw TypeError(a);
+var V = (r) => {
+  throw TypeError(r);
 };
-var C = (a, r, t) => r.has(a) || x("Cannot " + t);
-var u = (a, r, t) => (C(a, r, "read from private field"), t ? t.call(a) : r.get(a)), g = (a, r, t) => r.has(a) ? x("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, t), V = (a, r, t, e) => (C(a, r, "write to private field"), e ? e.call(a, t) : r.set(a, t), t);
-import { c as y } from "../../chunks/consume.Ce9k1-wN.js";
-import { a as E, E as f, x as p } from "../../chunks/lit-element.CJtt9wj5.js";
-import { n as h } from "../../chunks/register-custom-element.AOEv8hcs.js";
-import { r as k } from "../../chunks/state.Dr3yBpId.js";
-import { e as A } from "../../chunks/ref.B7e1Hu4F.js";
-import { b as F } from "../../chunks/tokens.CTW8Tt94.js";
-import { bmFormInitials as c, bmFormContext as I } from "./Form.context.js";
-import { createId as m } from "./Form.utils.js";
+var y = (r, a, t) => a.has(r) || V("Cannot " + t);
+var f = (r, a, t) => (y(r, a, "read from private field"), t ? t.call(r) : a.get(r)), b = (r, a, t) => a.has(r) ? V("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(r) : a.set(r, t), m = (r, a, t, e) => (y(r, a, "write to private field"), e ? e.call(r, t) : a.set(r, t), t);
+import { c as E } from "../../chunks/consume.Ce9k1-wN.js";
+import { a as k, E as v, x } from "../../chunks/lit-element.CJtt9wj5.js";
+import { n as d } from "../../chunks/register-custom-element.AOEv8hcs.js";
+import { r as A } from "../../chunks/state.Dr3yBpId.js";
+import { e as F } from "../../chunks/ref.B7e1Hu4F.js";
+import { b as I } from "../../chunks/tokens.CTW8Tt94.js";
+import { bmFormInitials as u, bmFormContext as S } from "./Form.context.js";
+import { createId as p } from "./Form.utils.js";
 import "../../chunks/index.BoeGm2HZ.js";
-var S = Object.defineProperty, n = (a, r, t, e) => {
-  for (var i = void 0, s = a.length - 1, d; s >= 0; s--)
-    (d = a[s]) && (i = d(r, t, i) || i);
-  return i && S(r, t, i), i;
-}, l;
-const b = class b extends E {
+var R = Object.defineProperty, l = (r, a, t, e) => {
+  for (var i = void 0, s = r.length - 1, c; s >= 0; s--)
+    (c = r[s]) && (i = c(a, t, i) || i);
+  return i && R(a, t, i), i;
+}, n, h;
+const C = class C extends k {
   constructor() {
     super(...arguments);
-    g(this, l);
-    this.labelId = m(), this.errorId = m(), this.helperTextId = m(), this.validationErrorsId = m(), this.internals = this.attachInternals(), this.formFieldRef = A(), this.id = "", this.name = "", this.value = "", this.validationRules = [], this._validationErrors = [], this.validationErrors = () => this._validationErrors, this.setValidationErrors = (t) => {
+    b(this, n);
+    b(this, h);
+    this.labelId = p(), this.errorId = p(), this.helperTextId = p(), this.validationErrorsId = p(), this.internals = this.attachInternals(), this.formFieldRef = F(), this.id = "", this.name = "", this.value = "", this.validationRules = [], this._validationErrors = [], this.validationErrors = () => this._validationErrors, m(this, n, !1), this.setValidationErrors = (t) => {
       this._validationErrors = t;
-    }, this.validationErrorShown = () => this.validationErrors().some((t) => !!(t != null && t.length)), V(this, l, /* @__PURE__ */ new WeakMap()), this.submitFormByEnter = ({ key: t }) => {
+    }, this.validationErrorShown = () => this.validationErrors().some((t) => !!(t != null && t.length)), m(this, h, /* @__PURE__ */ new WeakMap()), this.submitFormByEnter = ({ key: t }) => {
       t === "Enter" && this.requestAssociatedSubmit();
     }, this.forwardLabelFocus = () => {
       const { value: t } = this.formFieldRef;
       t.focus();
     }, this.validateFieldOnBlur = (t) => {
-      const { formBlurHandler: e } = this.formContext || c;
+      const { formBlurHandler: e } = this.formContext || u;
       e(t);
     }, this.validateFieldOnChange = (t) => {
-      const { value: e } = t.target, { formChangeHandler: i } = this.formContext || c;
+      const { value: e } = t.target, { formChangeHandler: i } = this.formContext || u;
       i(t), this.setAssociatedValue(e);
     }, this.getContextValue = () => {
-      const { initialValues: t } = this.formContext || c;
+      const { initialValues: t } = this.formContext || u;
       return (t == null ? void 0 : t[this.name]) || this.value;
     }, this.setContextValue = () => {
       const { value: t } = this.formFieldRef, { ctxValue: e, finalizeCallback: i = () => {
       } } = this.finalizeAssociatedCallback(this.getContextValue()), s = t;
       s.value !== e && (s.value = e), this.setAssociatedValue(e), i();
     }, this.setContextValidation = () => {
-      const { value: t } = this.formFieldRef, { registerField: e } = this.formContext || c;
+      const { value: t } = this.formFieldRef, { registerField: e } = this.formContext || u;
       e({
         field: t,
         validators: this.validationRules,
@@ -50,16 +51,16 @@ const b = class b extends E {
         errorSetter: this.setValidationErrors
       });
     }, this.contextInitialsChanged = () => {
-      const { initialValues: t } = this.formContext || c, e = t == null ? void 0 : t[this.name], i = e !== this.contextInitialValue;
+      const { initialValues: t } = this.formContext || u, e = t == null ? void 0 : t[this.name], i = e !== this.contextInitialValue;
       return i && (this.contextInitialValue = e), i;
-    }, this.renderError = (t, e) => t ? p`
+    }, this.renderError = (t, e) => t ? x`
           <bm-helper-text
             text="${t}"
             id="${this.errorId}"
             appearance="negative"
             .disabled="${e}"
           ></bm-helper-text>
-        ` : f, this.renderValidationErrors = () => this.validationErrorShown() ? p`
+        ` : v, this.renderValidationErrors = () => this.validationErrorShown() ? x`
           <div
             role="log"
             aria-live="polite"
@@ -68,20 +69,20 @@ const b = class b extends E {
             id="${this.validationErrorsId}"
           >
             ${this.validationErrors().map(
-      (t) => t ? p`
+      (t) => t ? x`
                     <bm-helper-text
                       text="${t}"
                       appearance="negative"
-                      style="display: block; margin-top: ${F};"
+                      style="display: block; margin-top: ${I};"
                     ></bm-helper-text>
-                  ` : f
+                  ` : v
     )}
           </div>
-        ` : f;
+        ` : v;
   }
   setAssociatedValue(t) {
     if (typeof t == "string") {
-      if (this.value === t) return;
+      if (this.value === t && f(this, n)) return;
       this.value = t;
     }
     let e = null;
@@ -94,7 +95,7 @@ const b = class b extends E {
       t.forEach((s) => i.append(this.name, s.toString())), e = i;
     } else
       e = t;
-    this.internals.form && this.internals.setFormValue(e);
+    m(this, n, !0), this.internals.form && this.internals.setFormValue(e);
   }
   requestAssociatedSubmit() {
     this.internals.form && this.internals.form.requestSubmit();
@@ -103,14 +104,14 @@ const b = class b extends E {
     super.connectedCallback(), this.addEventListener("bm-label-click", this.forwardLabelFocus);
   }
   ctxValueChanged(t, e) {
-    const { value: i } = e, s = u(this, l).get(i), { initialValues: { [this.name]: d } = {} } = t, v = d !== s;
-    return v && u(this, l).set(i, d), v;
+    const { value: i } = e, s = f(this, h).get(i), { initialValues: { [this.name]: c } = {} } = t, g = c !== s;
+    return g && f(this, h).set(i, c), g;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("bm-label-click", this.forwardLabelFocus);
   }
   formAssociatedCallback() {
-    this.setAssociatedValue(this.value);
+    m(this, n, !1), this.setAssociatedValue(this.value);
   }
   formResetCallback() {
     this.setContextValue();
@@ -120,29 +121,29 @@ const b = class b extends E {
     } };
   }
 };
-l = new WeakMap(), b.formAssociated = !0;
-let o = b;
-n([
-  h({ type: String })
+n = new WeakMap(), h = new WeakMap(), C.formAssociated = !0;
+let o = C;
+l([
+  d({ type: String })
 ], o.prototype, "id");
-n([
-  h({ type: String })
+l([
+  d({ type: String, reflect: !0 })
 ], o.prototype, "name");
-n([
-  h({ type: String })
+l([
+  d({ type: String })
 ], o.prototype, "value");
-n([
-  h({ type: Array })
+l([
+  d({ type: Array })
 ], o.prototype, "validationRules");
-n([
-  h({ type: String, attribute: "input-aria-label" })
+l([
+  d({ type: String, attribute: "input-aria-label" })
 ], o.prototype, "inputAriaLabel");
-n([
-  y({ context: I, subscribe: !0 }),
-  h({ attribute: !1 })
+l([
+  E({ context: S, subscribe: !0 }),
+  d({ attribute: !1 })
 ], o.prototype, "formContext");
-n([
-  k()
+l([
+  A()
 ], o.prototype, "_validationErrors");
 export {
   o as FormField

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-web-components",
-  "version": "2.62.0",
+  "version": "2.64.0",
   "description": "Framework-agnostic web components for the Beam Design System built with Lit, compatible with Angular, Vue, Svelte, and vanilla JavaScript",
   "license": "MIT",
   "author": "Viasat",
@@ -64,11 +64,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.62.0",
-    "@viasat/beam-shared": "2.62.0",
-    "@viasat/beam-styles": "2.62.0",
-    "@viasat/beam-tokens": "2.62.0",
-    "@viasat/beam-icons": "2.62.0",
+    "@viasat/beam-fonts": "2.64.0",
+    "@viasat/beam-shared": "2.64.0",
+    "@viasat/beam-styles": "2.64.0",
+    "@viasat/beam-tokens": "2.64.0",
+    "@viasat/beam-icons": "2.64.0",
     "clsx": "^1.2.1",
     "lit": "^3.1.0",
     "@lit/context": "^1.1.1",

package/vscode.html-custom-data.json

@@ -62,37 +62,60 @@
       ]
     },
     {
-      "name": "bm-alert",
-      "description": "`bm-alert`\n\n### Attributes:\n- **heading**  - Specify the heading text for Alert\n- **body**  - Specify the body text for Alert\n- **size**  - Specify the size of the Alert\n- **fullWidth**  - Specify if the Alert has no border radius\n- **theme**  - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the Alert\n- **hidden**  - Specify if the Alert is hidden\n- **hideIcon**  - Specify if the icon displays on the Alert\n- **dismissible**  - Specify if the Alert can be dismissed\n- **disableAutoFocus**  - Prevent autofocus on show\n- **disableCloseOnEscape**  - Prevent Escape from closing\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the Alert has been dismissed\n\n### **Slots:**\n - **icon** - Specify a different icon for the Alert\n- **heading** - Specify the heading text for Alert or pass the `heading` attribute to set the heading\n- **body** - Specify the body text for Alert or pass the `body` attribute to set the body\n- **actions** - Specify if actions display on the Alert",
+      "name": "bm-badge",
+      "description": "`bm-badge`\n\n### Attributes:\n- **appearance**  - Specify the appearance of the Badge\n- **theme**  - Theme of the Badge\n- **size**  - Specify the size of the Badge\n- **emphasis**  - Specify the emphasis of the Badge\n- **hideIcon**  - Hides Badge icon\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Badge\n- **icon** - Specify a different icon for the Badge",
       "attributes": [
         {
-          "name": "heading",
-          "description": "Specify the heading text for Alert",
-          "values": []
+          "name": "appearance",
+          "description": "Specify the appearance of the Badge",
+          "values": [
+            { "name": "infoPrimary" },
+            { "name": "infoSecondary" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" }
+          ]
         },
         {
-          "name": "body",
-          "description": "Specify the body text for Alert",
-          "values": []
+          "name": "theme",
+          "description": "Theme of the Badge",
+          "values": [{ "name": "light" }, { "name": "dark" }]
         },
         {
           "name": "size",
-          "description": "Specify the size of the Alert",
+          "description": "Specify the size of the Badge",
           "values": [{ "name": "sm" }, { "name": "md" }]
         },
         {
-          "name": "fullWidth",
-          "description": "Specify if the Alert has no border radius",
-          "values": []
+          "name": "emphasis",
+          "description": "Specify the emphasis of the Badge",
+          "values": [
+            { "name": "strong" },
+            { "name": "medium" },
+            { "name": "subtle" }
+          ]
         },
+        { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
+        }
+      ]
+    },
+    {
+      "name": "bm-badge-dot",
+      "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\n---\n\n\n### **Slots:**\n - **default** - Provide text for the BadgeDot",
+      "attributes": [
         {
           "name": "theme",
-          "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
+          "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
           "values": [{ "name": "light" }, { "name": "dark" }]
         },
         {
           "name": "appearance",
-          "description": "Specify the appearance of the Alert",
+          "description": "Specify the appearance of the BadgeDot",
           "values": [
             { "name": "infoPrimary" },
             { "name": "infoSecondary" },
@@ -102,35 +125,20 @@
           ]
         },
         {
-          "name": "hidden",
-          "description": "Specify if the Alert is hidden",
-          "values": []
-        },
-        {
-          "name": "hideIcon",
-          "description": "Specify if the icon displays on the Alert",
-          "values": []
-        },
-        {
-          "name": "dismissible",
-          "description": "Specify if the Alert can be dismissed",
-          "values": []
-        },
-        {
-          "name": "disableAutoFocus",
-          "description": "Prevent autofocus on show",
-          "values": []
+          "name": "emphasis",
+          "description": "Specify the emphasis of the BadgeDot",
+          "values": [{ "name": "strong" }, { "name": "subtle" }]
         },
         {
-          "name": "disableCloseOnEscape",
-          "description": "Prevent Escape from closing",
+          "name": "overrideDotColor",
+          "description": "Overrides default dot color",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
         }
       ]
     },
@@ -233,50 +241,37 @@
       ]
     },
     {
-      "name": "bm-badge-dot",
-      "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\n---\n\n\n### **Slots:**\n - **default** - Provide text for the BadgeDot",
+      "name": "bm-alert",
+      "description": "`bm-alert`\n\n### Attributes:\n- **heading**  - Specify the heading text for Alert\n- **body**  - Specify the body text for Alert\n- **size**  - Specify the size of the Alert\n- **fullWidth**  - Specify if the Alert has no border radius\n- **theme**  - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance**  - Specify the appearance of the Alert\n- **hidden**  - Specify if the Alert is hidden\n- **hideIcon**  - Specify if the icon displays on the Alert\n- **dismissible**  - Specify if the Alert can be dismissed\n- **disableAutoFocus**  - Prevent autofocus on show\n- **disableCloseOnEscape**  - Prevent Escape from closing\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the Alert has been dismissed\n\n### **Slots:**\n - **icon** - Specify a different icon for the Alert\n- **heading** - Specify the heading text for Alert or pass the `heading` attribute to set the heading\n- **body** - Specify the body text for Alert or pass the `body` attribute to set the body\n- **actions** - Specify if actions display on the Alert",
       "attributes": [
         {
-          "name": "theme",
-          "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
-          "values": [{ "name": "light" }, { "name": "dark" }]
+          "name": "heading",
+          "description": "Specify the heading text for Alert",
+          "values": []
         },
         {
-          "name": "appearance",
-          "description": "Specify the appearance of the BadgeDot",
-          "values": [
-            { "name": "infoPrimary" },
-            { "name": "infoSecondary" },
-            { "name": "positive" },
-            { "name": "warning" },
-            { "name": "negative" }
-          ]
+          "name": "body",
+          "description": "Specify the body text for Alert",
+          "values": []
         },
         {
-          "name": "emphasis",
-          "description": "Specify the emphasis of the BadgeDot",
-          "values": [{ "name": "strong" }, { "name": "subtle" }]
+          "name": "size",
+          "description": "Specify the size of the Alert",
+          "values": [{ "name": "sm" }, { "name": "md" }]
         },
         {
-          "name": "overrideDotColor",
-          "description": "Overrides default dot color",
+          "name": "fullWidth",
+          "description": "Specify if the Alert has no border radius",
           "values": []
-        }
-      ],
-      "references": [
+        },
         {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
-        }
-      ]
-    },
-    {
-      "name": "bm-badge",
-      "description": "`bm-badge`\n\n### Attributes:\n- **appearance**  - Specify the appearance of the Badge\n- **theme**  - Theme of the Badge\n- **size**  - Specify the size of the Badge\n- **emphasis**  - Specify the emphasis of the Badge\n- **hideIcon**  - Hides Badge icon\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Badge\n- **icon** - Specify a different icon for the Badge",
-      "attributes": [
+          "name": "theme",
+          "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
         {
           "name": "appearance",
-          "description": "Specify the appearance of the Badge",
+          "description": "Specify the appearance of the Alert",
           "values": [
             { "name": "infoPrimary" },
             { "name": "infoSecondary" },
@@ -286,30 +281,35 @@
           ]
         },
         {
-          "name": "theme",
-          "description": "Theme of the Badge",
-          "values": [{ "name": "light" }, { "name": "dark" }]
+          "name": "hidden",
+          "description": "Specify if the Alert is hidden",
+          "values": []
         },
         {
-          "name": "size",
-          "description": "Specify the size of the Badge",
-          "values": [{ "name": "sm" }, { "name": "md" }]
+          "name": "hideIcon",
+          "description": "Specify if the icon displays on the Alert",
+          "values": []
         },
         {
-          "name": "emphasis",
-          "description": "Specify the emphasis of the Badge",
-          "values": [
-            { "name": "strong" },
-            { "name": "medium" },
-            { "name": "subtle" }
-          ]
+          "name": "dismissible",
+          "description": "Specify if the Alert can be dismissed",
+          "values": []
         },
-        { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
+        {
+          "name": "disableAutoFocus",
+          "description": "Prevent autofocus on show",
+          "values": []
+        },
+        {
+          "name": "disableCloseOnEscape",
+          "description": "Prevent Escape from closing",
+          "values": []
+        }
       ],
       "references": [
         {
           "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
+          "url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
         }
       ]
     },
@@ -2261,58 +2261,6 @@
         }
       ]
     },
-    {
-      "name": "bm-radio-button",
-      "description": "`bm-radio-button`\n\n### Attributes:\n- **label**  - Specify the text for the label\n- **error**  - Specify error text and display error state of a RadioButton\n- **readOnly**  - Specify if RadioButton displays in a read-only state\n- **disabled**  - Specify if RadioButton displays in a disabled state\n- **theme**  - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value**  - The value attribute for the input element\n- **checked**  - The checked attribute for the input element\n- **onKeyDown**  - A user-defined function to handle keydown events\n---\n",
-      "attributes": [
-        {
-          "name": "label",
-          "description": "Specify the text for the label",
-          "values": []
-        },
-        {
-          "name": "error",
-          "description": "Specify error text and display error state of a RadioButton",
-          "values": []
-        },
-        {
-          "name": "readOnly",
-          "description": "Specify if RadioButton displays in a read-only state",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Specify if RadioButton displays in a disabled state",
-          "values": []
-        },
-        {
-          "name": "theme",
-          "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
-          "values": [{ "name": "light" }, { "name": "dark" }]
-        },
-        {
-          "name": "value",
-          "description": "The value attribute for the input element",
-          "values": []
-        },
-        {
-          "name": "checked",
-          "description": "The checked attribute for the input element",
-          "values": []
-        },
-        {
-          "name": "onKeyDown",
-          "description": "A user-defined function to handle keydown events",
-          "values": [{ "name": "(event: KeyboardEvent) => void" }]
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
-        }
-      ]
-    },
     {
       "name": "bm-native-select",
       "description": "`bm-native-select`\n---\n\n\n### **Slots:**\n - **slot** - Specify Options for NativeSelect\n- **label** - Specify Label for NativeSelect\n- **helper-text** - Specify HelperText for NativeSelect",
@@ -2383,6 +2331,58 @@
         }
       ]
     },
+    {
+      "name": "bm-radio-button",
+      "description": "`bm-radio-button`\n\n### Attributes:\n- **label**  - Specify the text for the label\n- **error**  - Specify error text and display error state of a RadioButton\n- **readOnly**  - Specify if RadioButton displays in a read-only state\n- **disabled**  - Specify if RadioButton displays in a disabled state\n- **theme**  - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value**  - The value attribute for the input element\n- **checked**  - The checked attribute for the input element\n- **onKeyDown**  - A user-defined function to handle keydown events\n---\n",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Specify the text for the label",
+          "values": []
+        },
+        {
+          "name": "error",
+          "description": "Specify error text and display error state of a RadioButton",
+          "values": []
+        },
+        {
+          "name": "readOnly",
+          "description": "Specify if RadioButton displays in a read-only state",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Specify if RadioButton displays in a disabled state",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
+          "values": [{ "name": "light" }, { "name": "dark" }]
+        },
+        {
+          "name": "value",
+          "description": "The value attribute for the input element",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "description": "The checked attribute for the input element",
+          "values": []
+        },
+        {
+          "name": "onKeyDown",
+          "description": "A user-defined function to handle keydown events",
+          "values": [{ "name": "(event: KeyboardEvent) => void" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
+        }
+      ]
+    },
     {
       "name": "bm-switch",
       "description": "`bm-switch`\n\n### Attributes:\n- **onText**  - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText**  - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition**  - Specify the position of the side label\n- **readOnly**  - Specify if Switch displays in a read-only state\n- **disabled**  - Specify if Switch displays in a disabled state\n- **checked** \n- **value**  - The value attribute for the input element\n---\n\n\n### **Slots:**\n - **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",

package/wip/Checkbox/Checkbox.d.ts

@@ -45,7 +45,7 @@ export declare class BmCheckbox extends LitElement {
     checked?: boolean;
     inputChoiceGroupContext?: InputChoiceGroupContextProps;
     clickHandler(event: Event): void;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/wip/FileUpload/FileUpload.Button.d.ts

@@ -26,7 +26,7 @@ export declare class BmFileUploadButton extends BmButton {
     constructor();
     protected willUpdate(changedProperties: PropertyValues): void;
     private renderBmButtonWithAdditionalClassName;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/wip/FileUpload/FileUpload.Dropzone.d.ts

@@ -45,7 +45,7 @@ export declare class BmFileUploadDropzone extends LitElement {
     private handleDragEnter;
     private handleDragLeave;
     private handleDragOver;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/wip/FileUpload/FileUpload.List.Item.d.ts

@@ -52,7 +52,7 @@ export declare class BmFileUploadListItem extends LitElement {
     private listContext?;
     private tooltipRef;
     private fileNameRef;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/wip/FileUpload/FileUpload.List.d.ts

@@ -36,7 +36,7 @@ export declare class BmFileUploadList extends LitElement {
     willUpdate(): void;
     private internalRenderItem;
     private handleSlotChange;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/wip/FileUpload/FileUpload.d.ts

@@ -80,7 +80,7 @@ export declare class BmFileUpload extends FormField {
     theme?: ThemeTypes;
     formContext: BmFormContext;
     private fileUploadContext;
-    pickerRef: import('lit-html/directives/ref').Ref<BmFileUploadButton | BmFileUploadDropzone>;
+    pickerRef: import('lit/directives/ref.js').Ref<BmFileUploadButton | BmFileUploadDropzone>;
     private _textFieldLabel;
     private _textFieldHelperText;
     private filesState;
@@ -91,7 +91,7 @@ export declare class BmFileUpload extends FormField {
     formResetCallback(): void;
     private _hasPickerSlot;
     private _hasFilesListSlot;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {