@nysds/nys-radiobutton 1.7.0 → 1.9.0

package/dist/nys-radiobutton.js

@@ -1,4 +1,4 @@
-import { css as pt, LitElement as rt, html as j } from "lit";
+import { css as bt, LitElement as nt, html as j } from "lit";
 /*!
    * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
@@ -14,10 +14,10 @@ import { css as pt, LitElement as rt, html as j } from "lit";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const H = globalThis, F = H.ShadowRoot && (H.ShadyCSS === void 0 || H.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, nt = Symbol(), K = /* @__PURE__ */ new WeakMap();
-let bt = class {
+const O = globalThis, F = O.ShadowRoot && (O.ShadyCSS === void 0 || O.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, at = Symbol(), K = /* @__PURE__ */ new WeakMap();
+let yt = class {
   constructor(t, e, o) {
-    if (this._$cssResult$ = !0, o !== nt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, o !== at) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
@@ -33,26 +33,26 @@ let bt = class {
     return this.cssText;
   }
 };
-const yt = (r) => new bt(typeof r == "string" ? r : r + "", void 0, nt), _t = (r, t) => {
+const _t = (r) => new yt(typeof r == "string" ? r : r + "", void 0, at), ft = (r, t) => {
   if (F) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const o = document.createElement("style"), s = H.litNonce;
-    s !== void 0 && o.setAttribute("nonce", s), o.textContent = e.cssText, r.appendChild(o);
+    const o = document.createElement("style"), i = O.litNonce;
+    i !== void 0 && o.setAttribute("nonce", i), o.textContent = e.cssText, r.appendChild(o);
   }
 }, J = F ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const o of t.cssRules) e += o.cssText;
-  return yt(e);
+  return _t(e);
 })(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: ft, defineProperty: vt, getOwnPropertyDescriptor: gt, getOwnPropertyNames: mt, getOwnPropertySymbols: $t, getPrototypeOf: At } = Object, w = globalThis, Y = w.trustedTypes, wt = Y ? Y.emptyScript : "", N = w.reactiveElementPolyfillSupport, P = (r, t) => r, O = { toAttribute(r, t) {
+const { is: vt, defineProperty: gt, getOwnPropertyDescriptor: mt, getOwnPropertyNames: $t, getOwnPropertySymbols: At, getPrototypeOf: wt } = Object, w = globalThis, Y = w.trustedTypes, kt = Y ? Y.emptyScript : "", N = w.reactiveElementPolyfillSupport, P = (r, t) => r, H = { toAttribute(r, t) {
   switch (t) {
     case Boolean:
-      r = r ? wt : null;
+      r = r ? kt : null;
       break;
     case Object:
     case Array:
@@ -77,7 +77,7 @@ const { is: ft, defineProperty: vt, getOwnPropertyDescriptor: gt, getOwnProperty
       }
   }
   return e;
-} }, W = (r, t) => !ft(r, t), Q = { attribute: !0, type: String, converter: O, reflect: !1, hasChanged: W };
+} }, W = (r, t) => !vt(r, t), Q = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: W };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), w.litPropertyMetadata ?? (w.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class C extends HTMLElement {
   static addInitializer(t) {
@@ -88,21 +88,21 @@ class C extends HTMLElement {
   }
   static createProperty(t, e = Q) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
-      const o = Symbol(), s = this.getPropertyDescriptor(t, o, e);
-      s !== void 0 && vt(this.prototype, t, s);
+      const o = Symbol(), i = this.getPropertyDescriptor(t, o, e);
+      i !== void 0 && gt(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, o) {
-    const { get: s, set: n } = gt(this.prototype, t) ?? { get() {
+    const { get: i, set: n } = mt(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(i) {
-      this[e] = i;
+    }, set(s) {
+      this[e] = s;
     } };
     return { get() {
-      return s == null ? void 0 : s.call(this);
-    }, set(i) {
-      const d = s == null ? void 0 : s.call(this);
-      n.call(this, i), this.requestUpdate(t, d, o);
+      return i == null ? void 0 : i.call(this);
+    }, set(s) {
+      const d = i == null ? void 0 : i.call(this);
+      n.call(this, s), this.requestUpdate(t, d, o);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
@@ -110,24 +110,24 @@ class C extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(P("elementProperties"))) return;
-    const t = At(this);
+    const t = wt(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(P("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(P("properties"))) {
-      const e = this.properties, o = [...mt(e), ...$t(e)];
-      for (const s of o) this.createProperty(s, e[s]);
+      const e = this.properties, o = [...$t(e), ...At(e)];
+      for (const i of o) this.createProperty(i, e[i]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
       const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [o, s] of e) this.elementProperties.set(o, s);
+      if (e !== void 0) for (const [o, i] of e) this.elementProperties.set(o, i);
     }
     this._$Eh = /* @__PURE__ */ new Map();
     for (const [e, o] of this.elementProperties) {
-      const s = this._$Eu(e, o);
-      s !== void 0 && this._$Eh.set(s, e);
+      const i = this._$Eu(e, o);
+      i !== void 0 && this._$Eh.set(i, e);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
@@ -135,7 +135,7 @@ class C extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const o = new Set(t.flat(1 / 0).reverse());
-      for (const s of o) e.unshift(J(s));
+      for (const i of o) e.unshift(J(i));
     } else t !== void 0 && e.push(J(t));
     return e;
   }
@@ -165,7 +165,7 @@ class C extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return _t(t, this.constructor.elementStyles), t;
+    return ft(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -188,18 +188,18 @@ class C extends HTMLElement {
   }
   _$EC(t, e) {
     var n;
-    const o = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, o);
-    if (s !== void 0 && o.reflect === !0) {
-      const i = (((n = o.converter) == null ? void 0 : n.toAttribute) !== void 0 ? o.converter : O).toAttribute(e, o.type);
-      this._$Em = t, i == null ? this.removeAttribute(s) : this.setAttribute(s, i), this._$Em = null;
+    const o = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, o);
+    if (i !== void 0 && o.reflect === !0) {
+      const s = (((n = o.converter) == null ? void 0 : n.toAttribute) !== void 0 ? o.converter : H).toAttribute(e, o.type);
+      this._$Em = t, s == null ? this.removeAttribute(i) : this.setAttribute(i, s), this._$Em = null;
     }
   }
   _$AK(t, e) {
     var n;
-    const o = this.constructor, s = o._$Eh.get(t);
-    if (s !== void 0 && this._$Em !== s) {
-      const i = o.getPropertyOptions(s), d = typeof i.converter == "function" ? { fromAttribute: i.converter } : ((n = i.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? i.converter : O;
-      this._$Em = s, this[s] = d.fromAttribute(e, i.type), this._$Em = null;
+    const o = this.constructor, i = o._$Eh.get(t);
+    if (i !== void 0 && this._$Em !== i) {
+      const s = o.getPropertyOptions(i), d = typeof s.converter == "function" ? { fromAttribute: s.converter } : ((n = s.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? s.converter : H;
+      this._$Em = i, this[i] = d.fromAttribute(e, s.type), this._$Em = null;
     }
   }
   requestUpdate(t, e, o) {
@@ -230,21 +230,21 @@ class C extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [n, i] of this._$Ep) this[n] = i;
+        for (const [n, s] of this._$Ep) this[n] = s;
         this._$Ep = void 0;
       }
-      const s = this.constructor.elementProperties;
-      if (s.size > 0) for (const [n, i] of s) i.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], i);
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [n, s] of i) s.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], s);
     }
     let t = !1;
     const e = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((s) => {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((i) => {
         var n;
-        return (n = s.hostUpdate) == null ? void 0 : n.call(s);
+        return (n = i.hostUpdate) == null ? void 0 : n.call(i);
       }), this.update(e)) : this._$EU();
-    } catch (s) {
-      throw t = !1, this._$EU(), s;
+    } catch (i) {
+      throw t = !1, this._$EU(), i;
     }
     t && this._$AE(e);
   }
@@ -253,8 +253,8 @@ class C extends HTMLElement {
   _$AE(t) {
     var e;
     (e = this._$EO) == null || e.forEach((o) => {
-      var s;
-      return (s = o.hostUpdated) == null ? void 0 : s.call(o);
+      var i;
+      return (i = o.hostUpdated) == null ? void 0 : i.call(o);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$EU() {
@@ -283,31 +283,31 @@ C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[P("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Et = { attribute: !0, type: String, converter: O, reflect: !1, hasChanged: W }, kt = (r = Et, t, e) => {
-  const { kind: o, metadata: s } = e;
-  let n = globalThis.litPropertyMetadata.get(s);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(s, n = /* @__PURE__ */ new Map()), n.set(e.name, r), o === "accessor") {
-    const { name: i } = e;
+const Et = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: W }, St = (r = Et, t, e) => {
+  const { kind: o, metadata: i } = e;
+  let n = globalThis.litPropertyMetadata.get(i);
+  if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), n.set(e.name, r), o === "accessor") {
+    const { name: s } = e;
     return { set(d) {
       const a = t.get.call(this);
-      t.set.call(this, d), this.requestUpdate(i, a, r);
+      t.set.call(this, d), this.requestUpdate(s, a, r);
     }, init(d) {
-      return d !== void 0 && this.P(i, void 0, r), d;
+      return d !== void 0 && this.P(s, void 0, r), d;
     } };
   }
   if (o === "setter") {
-    const { name: i } = e;
+    const { name: s } = e;
     return function(d) {
-      const a = this[i];
-      t.call(this, d), this.requestUpdate(i, a, r);
+      const a = this[s];
+      t.call(this, d), this.requestUpdate(s, a, r);
     };
   }
   throw Error("Unsupported decorator location: " + o);
 };
-function u(r) {
-  return (t, e) => typeof e == "object" ? kt(r, t, e) : ((o, s, n) => {
-    const i = s.hasOwnProperty(n);
-    return s.constructor.createProperty(n, i ? { ...o, wrapped: !0 } : o), i ? Object.getOwnPropertyDescriptor(s, n) : void 0;
+function c(r) {
+  return (t, e) => typeof e == "object" ? St(r, t, e) : ((o, i, n) => {
+    const s = i.hasOwnProperty(n);
+    return i.constructor.createProperty(n, s ? { ...o, wrapped: !0 } : o), s ? Object.getOwnPropertyDescriptor(i, n) : void 0;
   })(r, t, e);
 }
 /**
@@ -315,61 +315,61 @@ function u(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function at(r) {
-  return u({ ...r, state: !0, attribute: !1 });
+function dt(r) {
+  return c({ ...r, state: !0, attribute: !1 });
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const z = globalThis, D = z.trustedTypes, X = D ? D.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, dt = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, lt = "?" + A, St = `<${lt}>`, S = document, M = () => S.createComment(""), U = (r) => r === null || typeof r != "object" && typeof r != "function", Z = Array.isArray, xt = (r) => Z(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", V = `[ 	
-\f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, tt = /-->/g, et = />/g, E = RegExp(`>|${V}(?:([^\\s"'>=/]+)(${V}*=${V}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ot = /'/g, st = /"/g, ct = /^(?:script|style|textarea|title)$/i, T = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), it = /* @__PURE__ */ new WeakMap(), k = S.createTreeWalker(S, 129);
-function ht(r, t) {
+const z = globalThis, D = z.trustedTypes, X = D ? D.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, lt = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, ct = "?" + A, xt = `<${ct}>`, S = document, M = () => S.createComment(""), U = (r) => r === null || typeof r != "object" && typeof r != "function", Z = Array.isArray, Ct = (r) => Z(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", V = `[ 	
+\f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, tt = /-->/g, et = />/g, k = RegExp(`>|${V}(?:([^\\s"'>=/]+)(${V}*=${V}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ot = /'/g, it = /"/g, ht = /^(?:script|style|textarea|title)$/i, B = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), st = /* @__PURE__ */ new WeakMap(), E = S.createTreeWalker(S, 129);
+function ut(r, t) {
   if (!Z(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return X !== void 0 ? X.createHTML(t) : t;
 }
-const Ct = (r, t) => {
+const Rt = (r, t) => {
   const e = r.length - 1, o = [];
-  let s, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = R;
+  let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = R;
   for (let d = 0; d < e; d++) {
     const a = r[d];
-    let c, b, l = -1, g = 0;
-    for (; g < a.length && (i.lastIndex = g, b = i.exec(a), b !== null); ) g = i.lastIndex, i === R ? b[1] === "!--" ? i = tt : b[1] !== void 0 ? i = et : b[2] !== void 0 ? (ct.test(b[2]) && (s = RegExp("</" + b[2], "g")), i = E) : b[3] !== void 0 && (i = E) : i === E ? b[0] === ">" ? (i = s ?? R, l = -1) : b[1] === void 0 ? l = -2 : (l = i.lastIndex - b[2].length, c = b[1], i = b[3] === void 0 ? E : b[3] === '"' ? st : ot) : i === st || i === ot ? i = E : i === tt || i === et ? i = R : (i = E, s = void 0);
-    const $ = i === E && r[d + 1].startsWith("/>") ? " " : "";
-    n += i === R ? a + St : l >= 0 ? (o.push(c), a.slice(0, l) + dt + a.slice(l) + A + $) : a + A + (l === -2 ? d : $);
+    let h, b, l = -1, g = 0;
+    for (; g < a.length && (s.lastIndex = g, b = s.exec(a), b !== null); ) g = s.lastIndex, s === R ? b[1] === "!--" ? s = tt : b[1] !== void 0 ? s = et : b[2] !== void 0 ? (ht.test(b[2]) && (i = RegExp("</" + b[2], "g")), s = k) : b[3] !== void 0 && (s = k) : s === k ? b[0] === ">" ? (s = i ?? R, l = -1) : b[1] === void 0 ? l = -2 : (l = s.lastIndex - b[2].length, h = b[1], s = b[3] === void 0 ? k : b[3] === '"' ? it : ot) : s === it || s === ot ? s = k : s === tt || s === et ? s = R : (s = k, i = void 0);
+    const $ = s === k && r[d + 1].startsWith("/>") ? " " : "";
+    n += s === R ? a + xt : l >= 0 ? (o.push(h), a.slice(0, l) + lt + a.slice(l) + A + $) : a + A + (l === -2 ? d : $);
   }
-  return [ht(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
+  return [ut(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
 };
-class B {
+class T {
   constructor({ strings: t, _$litType$: e }, o) {
-    let s;
+    let i;
     this.parts = [];
-    let n = 0, i = 0;
-    const d = t.length - 1, a = this.parts, [c, b] = Ct(t, e);
-    if (this.el = B.createElement(c, o), k.currentNode = this.el.content, e === 2 || e === 3) {
+    let n = 0, s = 0;
+    const d = t.length - 1, a = this.parts, [h, b] = Rt(t, e);
+    if (this.el = T.createElement(h, o), E.currentNode = this.el.content, e === 2 || e === 3) {
       const l = this.el.content.firstChild;
       l.replaceWith(...l.childNodes);
     }
-    for (; (s = k.nextNode()) !== null && a.length < d; ) {
-      if (s.nodeType === 1) {
-        if (s.hasAttributes()) for (const l of s.getAttributeNames()) if (l.endsWith(dt)) {
-          const g = b[i++], $ = s.getAttribute(l).split(A), q = /([.?@])?(.*)/.exec(g);
-          a.push({ type: 1, index: n, name: q[2], strings: $, ctor: q[1] === "." ? Pt : q[1] === "?" ? zt : q[1] === "@" ? Ut : L }), s.removeAttribute(l);
-        } else l.startsWith(A) && (a.push({ type: 6, index: n }), s.removeAttribute(l));
-        if (ct.test(s.tagName)) {
-          const l = s.textContent.split(A), g = l.length - 1;
+    for (; (i = E.nextNode()) !== null && a.length < d; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(lt)) {
+          const g = b[s++], $ = i.getAttribute(l).split(A), q = /([.?@])?(.*)/.exec(g);
+          a.push({ type: 1, index: n, name: q[2], strings: $, ctor: q[1] === "." ? zt : q[1] === "?" ? Ut : q[1] === "@" ? Bt : L }), i.removeAttribute(l);
+        } else l.startsWith(A) && (a.push({ type: 6, index: n }), i.removeAttribute(l));
+        if (ht.test(i.tagName)) {
+          const l = i.textContent.split(A), g = l.length - 1;
           if (g > 0) {
-            s.textContent = D ? D.emptyScript : "";
-            for (let $ = 0; $ < g; $++) s.append(l[$], M()), k.nextNode(), a.push({ type: 2, index: ++n });
-            s.append(l[g], M());
+            i.textContent = D ? D.emptyScript : "";
+            for (let $ = 0; $ < g; $++) i.append(l[$], M()), E.nextNode(), a.push({ type: 2, index: ++n });
+            i.append(l[g], M());
           }
         }
-      } else if (s.nodeType === 8) if (s.data === lt) a.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === ct) a.push({ type: 2, index: n });
       else {
         let l = -1;
-        for (; (l = s.data.indexOf(A, l + 1)) !== -1; ) a.push({ type: 7, index: n }), l += A.length - 1;
+        for (; (l = i.data.indexOf(A, l + 1)) !== -1; ) a.push({ type: 7, index: n }), l += A.length - 1;
       }
       n++;
     }
@@ -380,13 +380,13 @@ class B {
   }
 }
 function x(r, t, e = r, o) {
-  var i, d;
-  if (t === T) return t;
-  let s = o !== void 0 ? (i = e._$Co) == null ? void 0 : i[o] : e._$Cl;
+  var s, d;
+  if (t === B) return t;
+  let i = o !== void 0 ? (s = e._$Co) == null ? void 0 : s[o] : e._$Cl;
   const n = U(t) ? void 0 : t._$litDirective$;
-  return (s == null ? void 0 : s.constructor) !== n && ((d = s == null ? void 0 : s._$AO) == null || d.call(s, !1), n === void 0 ? s = void 0 : (s = new n(r), s._$AT(r, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = s : e._$Cl = s), s !== void 0 && (t = x(r, s._$AS(r, t.values), s, o)), t;
+  return (i == null ? void 0 : i.constructor) !== n && ((d = i == null ? void 0 : i._$AO) == null || d.call(i, !1), n === void 0 ? i = void 0 : (i = new n(r), i._$AT(r, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = i : e._$Cl = i), i !== void 0 && (t = x(r, i._$AS(r, t.values), i, o)), t;
 }
-class Rt {
+class Pt {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -397,17 +397,17 @@ class Rt {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: o } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? S).importNode(e, !0);
-    k.currentNode = s;
-    let n = k.nextNode(), i = 0, d = 0, a = o[0];
+    const { el: { content: e }, parts: o } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? S).importNode(e, !0);
+    E.currentNode = i;
+    let n = E.nextNode(), s = 0, d = 0, a = o[0];
     for (; a !== void 0; ) {
-      if (i === a.index) {
-        let c;
-        a.type === 2 ? c = new I(n, n.nextSibling, this, t) : a.type === 1 ? c = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (c = new Tt(n, this, t)), this._$AV.push(c), a = o[++d];
+      if (s === a.index) {
+        let h;
+        a.type === 2 ? h = new I(n, n.nextSibling, this, t) : a.type === 1 ? h = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (h = new Tt(n, this, t)), this._$AV.push(h), a = o[++d];
       }
-      i !== (a == null ? void 0 : a.index) && (n = k.nextNode(), i++);
+      s !== (a == null ? void 0 : a.index) && (n = E.nextNode(), s++);
     }
-    return k.currentNode = S, s;
+    return E.currentNode = S, i;
   }
   p(t) {
     let e = 0;
@@ -419,8 +419,8 @@ class I {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
-  constructor(t, e, o, s) {
-    this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = o, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
+  constructor(t, e, o, i) {
+    this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = o, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -434,7 +434,7 @@ class I {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = x(this, t, e), U(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== T && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : xt(t) ? this.k(t) : this._(t);
+    t = x(this, t, e), U(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== B && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ct(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -447,29 +447,29 @@ class I {
   }
   $(t) {
     var n;
-    const { values: e, _$litType$: o } = t, s = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = B.createElement(ht(o.h, o.h[0]), this.options)), o);
-    if (((n = this._$AH) == null ? void 0 : n._$AD) === s) this._$AH.p(e);
+    const { values: e, _$litType$: o } = t, i = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = T.createElement(ut(o.h, o.h[0]), this.options)), o);
+    if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(e);
     else {
-      const i = new Rt(s, this), d = i.u(this.options);
-      i.p(e), this.T(d), this._$AH = i;
+      const s = new Pt(i, this), d = s.u(this.options);
+      s.p(e), this.T(d), this._$AH = s;
     }
   }
   _$AC(t) {
-    let e = it.get(t.strings);
-    return e === void 0 && it.set(t.strings, e = new B(t)), e;
+    let e = st.get(t.strings);
+    return e === void 0 && st.set(t.strings, e = new T(t)), e;
   }
   k(t) {
     Z(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
-    let o, s = 0;
-    for (const n of t) s === e.length ? e.push(o = new I(this.O(M()), this.O(M()), this, this.options)) : o = e[s], o._$AI(n), s++;
-    s < e.length && (this._$AR(o && o._$AB.nextSibling, s), e.length = s);
+    let o, i = 0;
+    for (const n of t) i === e.length ? e.push(o = new I(this.O(M()), this.O(M()), this, this.options)) : o = e[i], o._$AI(n), i++;
+    i < e.length && (this._$AR(o && o._$AB.nextSibling, i), e.length = i);
   }
   _$AR(t = this._$AA.nextSibling, e) {
     var o;
     for ((o = this._$AP) == null ? void 0 : o.call(this, !1, !0, e); t && t !== this._$AB; ) {
-      const s = t.nextSibling;
-      t.remove(), t = s;
+      const i = t.nextSibling;
+      t.remove(), t = i;
     }
   }
   setConnected(t) {
@@ -484,25 +484,25 @@ class L {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, o, s, n) {
-    this.type = 1, this._$AH = p, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = p;
+  constructor(t, e, o, i, n) {
+    this.type = 1, this._$AH = p, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = n, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = p;
   }
-  _$AI(t, e = this, o, s) {
+  _$AI(t, e = this, o, i) {
     const n = this.strings;
-    let i = !1;
-    if (n === void 0) t = x(this, t, e, 0), i = !U(t) || t !== this._$AH && t !== T, i && (this._$AH = t);
+    let s = !1;
+    if (n === void 0) t = x(this, t, e, 0), s = !U(t) || t !== this._$AH && t !== B, s && (this._$AH = t);
     else {
       const d = t;
-      let a, c;
-      for (t = n[0], a = 0; a < n.length - 1; a++) c = x(this, d[o + a], e, a), c === T && (c = this._$AH[a]), i || (i = !U(c) || c !== this._$AH[a]), c === p ? t = p : t !== p && (t += (c ?? "") + n[a + 1]), this._$AH[a] = c;
+      let a, h;
+      for (t = n[0], a = 0; a < n.length - 1; a++) h = x(this, d[o + a], e, a), h === B && (h = this._$AH[a]), s || (s = !U(h) || h !== this._$AH[a]), h === p ? t = p : t !== p && (t += (h ?? "") + n[a + 1]), this._$AH[a] = h;
     }
-    i && !s && this.j(t);
+    s && !i && this.j(t);
   }
   j(t) {
     t === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Pt extends L {
+class zt extends L {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -510,7 +510,7 @@ class Pt extends L {
     this.element[this.name] = t === p ? void 0 : t;
   }
 }
-class zt extends L {
+class Ut extends L {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -518,14 +518,14 @@ class zt extends L {
     this.element.toggleAttribute(this.name, !!t && t !== p);
   }
 }
-class Ut extends L {
-  constructor(t, e, o, s, n) {
-    super(t, e, o, s, n), this.type = 5;
+class Bt extends L {
+  constructor(t, e, o, i, n) {
+    super(t, e, o, i, n), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = x(this, t, e, 0) ?? p) === T) return;
-    const o = this._$AH, s = t === p && o !== p || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, n = t !== p && (o === p || s);
-    s && this.element.removeEventListener(this.name, this, o), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    if ((t = x(this, t, e, 0) ?? p) === B) return;
+    const o = this._$AH, i = t === p && o !== p || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, n = t !== p && (o === p || i);
+    i && this.element.removeEventListener(this.name, this, o), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var e;
@@ -544,20 +544,20 @@ class Tt {
   }
 }
 const G = z.litHtmlPolyfillSupport;
-G == null || G(B, I), (z.litHtmlVersions ?? (z.litHtmlVersions = [])).push("3.2.1");
+G == null || G(T, I), (z.litHtmlVersions ?? (z.litHtmlVersions = [])).push("3.2.1");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Bt = (r) => r ?? p, ut = pt`
+const rt = (r) => r ?? p, pt = bt`
   :host {
     /* Global Radiobutton Styles */
     --_nys-radiobutton-size: var(--nys-size-400, 32px);
-    --_nys-radiobutton-radius: var(--nys-radius-md, 4px);
-    --_nys-radiobutton-width-border: var(--nys-border-width-md, 2px);
-    --_nys-radiobutton-color-focus: var(--nys-color-focus, #004dd1);
-    --_nys-radiobutton-width-focus: var(--nys-border-width-md, 2px);
+    --_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);
+    --_nys-radiobutton-border-width: var(--nys-border-width-md, 2px);
+    --_nys-radiobutton-outline-color: var(--nys-color-focus, #004dd1);
+    --_nys-radiobutton-outline-width: var(--nys-border-width-md, 2px);
     --_nys-radiobutton-outline-offset: var(--nys-space-2px, 2px);
     /* space between radio and it's label */
     --_nys-radiobutton-gap: var(--nys-space-150, 12px);
@@ -577,8 +577,8 @@ const Bt = (r) => r ?? p, ut = pt`
       )
     );
     --_nys-radiobutton-font-size: var(--nys-font-size-ui-md, 16px);
-    --_nys-radiobutton-font-weight-label: var(--nys-font-weight-regular, 400);
-    --_nys-radiobutton-font-weight-description: var(
+    --_nys-radiobutton-font-weight--label: var(--nys-font-weight-regular, 400);
+    --_nys-radiobutton-font-weight--description: var(
       --nys-font-weight-regular,
       400
     );
@@ -586,59 +586,46 @@ const Bt = (r) => r ?? p, ut = pt`
 
     /* Global Radio Button Colors */
     --_nys-radiobutton-color: var(
-      --nys-color-ink,
-      var(--nys-color-neutral-900, #1b1b1b)
-    );
-    --_nys-radiobutton-color-text: var(
       --nys-color-text,
       var(--nys-color-neutral-900, #1b1b1b)
     );
 
     /* Default (Empty) */
-    --_nys-radiobutton-color-bg: var(--nys-color-ink-reverse, #ffffff);
-    --_nys-radiobutton-color-border: var(--nys-color-neutral-600, #62666a);
+    --_nys-radiobutton-background-color: var(--nys-color-ink-reverse, #ffffff);
+    --_nys-radiobutton-border-color: var(--nys-color-neutral-600, #62666a);
     /* Empty + Hovered */
-    --_nys-radiobutton-hover-color-bg: var(--nys-color-neutral-50, #ededed);
-    --_nys-radiobutton-hover-color-border: var(--nys-color-ink, #1b1b1b);
-    /* Empty + Pressed */
-    --_nys-radiobutton-pressed-color-bg: var(--nys-color-neutral-100, #d0d0ce);
-    --_nys-radiobutton-pressed-color-border: var(--nys-color-ink, #1b1b1b);
-    /* Checked */
-    --_nys-radiobutton-checked-color-bg: var(--nys-color-theme, #154973);
-    /* Checked + Hovered */
-    --_nys-radiobutton-checked-hover-color-bg: var(
-      --nys-color-theme-strong,
-      var(--nys-color-state-blue-800, #0e324f)
-    );
-    --_nys-radiobutton-checked-hover-color-border: var(
-      --nys-color-ink,
-      #1b1b1b
+    --_nys-radiobutton-background-color--hover: var(
+      --nys-color-neutral-50,
+      #ededed
     );
-    /* Checked + Pressed */
-    --_nys-radiobutton-checked-pressed-color-bg: var(
-      --nys-color-theme-strong,
-      var(--nys-color-state-blue-800, #0e324f)
+    --_nys-radiobutton-border-color--hover: var(--nys-color-ink, #1b1b1b);
+    /* Empty + Pressed */
+    --_nys-radiobutton-background-color--active: var(
+      --nys-color-neutral-100,
+      #d0d0ce
     );
-    --_nys-radiobutton-checked-pressed-color-border: var(
-      --nys-color-ink,
-      #1b1b1b
+    --_nys-radiobutton-border-color--active: var(--nys-color-ink, #1b1b1b);
+    /* Checked */
+    --_nys-radiobutton-background-color--checked: var(
+      --nys-color-theme,
+      #154973
     );
     /* Disabled */
-    --_nys-radiobutton-disabled-color-bg: var(--nys-color-ink-reverse, #f0f0f0);
-    --_nys-radiobutton-disabled-color-text: var(
-      --nys-color-text-disabled,
-      var(--nys-color-neutral-200, #bec0c1)
+    --_nys-radiobutton-background-color--disabled: var(
+      --nys-color-ink-reverse,
+      #f0f0f0
     );
-    --_nys-radiobutton-disabled-color-border: var(
+    --_nys-radiobutton-color--disabled: var(--nys-color-text-disabled, #bec0c1);
+    --_nys-radiobutton-border-color--disabled: var(
       --nys-color-neutral-100,
       #d0d0ce
     );
     /* Disabled Checked */
-    --_nys-radiobutton-disabled-checked-color-bg: var(
+    --_nys-radiobutton-background-color--checked--disabled: var(
       --nys-color-neutral-100,
       #d0d0ce
     );
-    --_nys-radiobutton-disabled-checked-color-border: var(
+    --_nys-radiobutton-border-color--checked--disabled: var(
       --nys-color-neutral-100,
       #d0d0ce
     );
@@ -647,81 +634,87 @@ const Bt = (r) => r ?? p, ut = pt`
   /* Small Variant */
   :host([size="sm"]) {
     --_nys-radiobutton-size: var(--nys-size-300, 24px);
-    --_nys-radiobutton-radius: var(--nys-radius-sm, 2px);
+    --_nys-radiobutton-border-radius: var(--nys-radius-sm, 2px);
     --_nys-radiogroup-gap: var(--nys-space-100, 8px);
     --_nys-radiobutton-gap: var(--nys-space-100, 8px);
   }
   /* Medium Variant */
   :host([size="md"]) {
     --_nys-radiobutton-size: var(--nys-size-400, 32px);
-    --_nys-radiobutton-radius: var(--nys-radius-md, 4px);
+    --_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);
     --_nys-radiogroup-gap: var(--nys-space-200, 16px);
     --_nys-radiobutton-gap: var(--nys-space-150, 12px);
   }
 
   /* Tile Variant */
   :host([tile]) {
-    --_nys-radiobutton-font-weight-label: var(--nys-font-weight-semibold, 600);
-    --_nys-radiobutton-tile-border-width: var(--nys-border-width-sm, 1px);
-    --_nys-radiobutton-tile-border-radius: var(--nys-radius-md, 4px);
-    --_nys-radiobutton-tile-border-color: var(--nys-color-neutral-100, #d0d0ce);
-    --_nys-radiobutton-tile-bg-color: var(--nys-color-ink-reverse, #ffffff);
-    --_nys-radiobutton-tile-padding-x: var(--nys-space-250, 20px);
-    --_nys-radiobutton-tile-padding-y: var(--nys-space-200, 16px);
+    --_nys-radiobutton-font-weight--label: var(--nys-font-weight-semibold, 600);
+    --_nys-radiobutton-border-width--tile: var(--nys-border-width-sm, 1px);
+    --_nys-radiobutton-border-radius--tile: var(--nys-radius-md, 4px);
+    --_nys-radiobutton-border-color--tile: var(
+      --nys-color-neutral-100,
+      #d0d0ce
+    );
+    --_nys-radiobutton-background-color--tile: var(
+      --nys-color-ink-reverse,
+      #ffffff
+    );
+    --_nys-radiobutton-padding--x--tile: var(--nys-space-250, 20px);
+    --_nys-radiobutton-padding--y--tile: var(--nys-space-200, 16px);
     /* Hover */
-    --_nys-radiobutton-hover-tile-border-color: var(
+    --_nys-radiobutton-border-color--tile--hover: var(
       --nys-color-neutral-700,
       #4a4d4f
     );
-    --_nys-radiobutton-hover-tile-bg-color: var(
+    --_nys-radiobutton-background-color--tile--hover: var(
       --nys-color-ink-reverse,
       #ffffff
     );
     /* Pressed */
-    --_nys-radiobutton-pressed-tile-border-color: var(
+    --_nys-radiobutton-border-color--tile--active: var(
       --nys-color-neutral-900,
       #1b1b1b
     );
-    --_nys-radiobutton-pressed-tile-bg-color: var(
+    --_nys-radiobutton-background-color--tile--active: var(
       --nys-color-ink-reverse,
       #ffffff
     );
     /* Checked */
-    --_nys-radiobutton-checked-tile-border-color: var(
+    --_nys-radiobutton-border-color--tile--checked: var(
       --nys-color-theme-mid,
       #457aa5
     );
-    --_nys-radiobutton-checked-tile-bg-color: var(
+    --_nys-radiobutton-background-color--tile--checked: var(
       --nys-color-theme-faint,
       #f7fafd
     );
     /* Disabled */
-    --_nys-radiobutton-disabled-tile-bg-color: var(
+    --_nys-radiobutton-border-color--tile--disabled: var(
       --nys-color-ink-reverse,
       #f0f0f0
     );
-    --_nys-radiobutton-disabled-tile-border-color: var(
+    --_nys-radiobutton-background-color--tile--disabled: var(
       --nys-color-neutral-100,
       #d0d0ce
     );
   }
 
   :host([tile][size="sm"]) {
-    --_nys-radiobutton-tile-padding-x: var(--nys-space-200, 16px);
-    --_nys-radiobutton-tile-padding-y: var(--nys-space-150, 12px);
+    --_nys-radiobutton-padding--x--tile: var(--nys-space-200, 16px);
+    --_nys-radiobutton-padding--y--tile: var(--nys-space-150, 12px);
   }
 
   :host([tile][showError]) {
-    --_nys-radiobutton-tile-border-color: var(--nys-color-danger, #b52c2c);
-    --_nys-radiobutton-hover-tile-border-color: var(
+    --_nys-radiobutton-border-color--tile: var(--nys-color-danger, #b52c2c);
+    --_nys-radiobutton-border-color--tile--hover: var(
       --nys-color-danger,
       #b52c2c
     );
-    --_nys-radiobutton-pressed-tile-border-color: var(
+    --_nys-radiobutton-border-color--tile--active: var(
       --nys-color-danger,
       #b52c2c
     );
-    --_nys-radiobutton-checked-tile-border-color: var(
+    --_nys-radiobutton-border-color--tile--checked: var(
       --nys-color-danger,
       #b52c2c
     );
@@ -750,12 +743,12 @@ const Bt = (r) => r ?? p, ut = pt`
     line-height: var(--_nys-radiobutton-line-height);
 
     /* Tile */
-    border-radius: var(--_nys-radiobutton-tile-border-radius);
-    border: var(--_nys-radiobutton-tile-border-width) solid
-      var(--_nys-radiobutton-tile-border-color);
-    background: var(--_nys-radiobutton-tile-bg-color);
-    padding: var(--_nys-radiobutton-tile-padding-y)
-      var(--_nys-radiobutton-tile-padding-x);
+    border-radius: var(--_nys-radiobutton-border-radius--tile);
+    border: var(--_nys-radiobutton-border-width--tile) solid
+      var(--_nys-radiobutton-border-color--tile);
+    background-color: var(--_nys-radiobutton-background-color--tile);
+    padding: var(--_nys-radiobutton-padding--y--tile)
+      var(--_nys-radiobutton-padding--x--tile);
   }
 
   .nys-radiobutton__radio {
@@ -766,9 +759,9 @@ const Bt = (r) => r ?? p, ut = pt`
     min-height: var(--_nys-radiobutton-size);
     max-width: var(--_nys-radiobutton-size);
     max-height: var(--_nys-radiobutton-size);
-    border: solid var(--_nys-radiobutton-width-border)
-      var(--_nys-radiobutton-color-border);
-    background-color: var(--_nys-radiobutton-color-bg);
+    border: solid var(--_nys-radiobutton-border-width)
+      var(--_nys-radiobutton-border-color);
+    background-color: var(--_nys-radiobutton-background-color);
     border-radius: 100%;
     background-repeat: no-repeat;
     background-position: center;
@@ -788,14 +781,14 @@ const Bt = (r) => r ?? p, ut = pt`
   /* Checked */
   input:not(:disabled):checked + .nys-radiobutton .nys-radiobutton__radio {
     background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');
-    background-color: var(--_nys-radiobutton-checked-color-bg);
+    background-color: var(--_nys-radiobutton-background-color--checked);
   }
   :host([tile])
     .nys-radiobutton:has(input:not(:disabled):checked)
     + .nys-radiobutton
     .nys-radiobutton__radio {
-    border-color: var(--_nys-radiobutton-checked-tile-border-color);
-    background-color: var(--_nys-radiobutton-checked-tile-bg-color);
+    border-color: var(--_nys-radiobutton-border-color--tile--checked);
+    background-color: var(--_nys-radiobutton-background-color--tile--checked);
   }
   :host([tile])
     .nys-radiobutton:has(input:not(:disabled):checked:hover)
@@ -807,29 +800,36 @@ const Bt = (r) => r ?? p, ut = pt`
   /* Checked + Disabled */
   input:disabled:checked + .nys-radiobutton .nys-radiobutton__radio {
     background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');
-    border-color: var(--_nys-radiobutton-disabled-checked-color-border);
-    background-color: var(--_nys-radiobutton-disabled-checked-color-bg);
+    border-color: var(--_nys-radiobutton-border-color--checked--disabled);
+    background-color: var(
+      --_nys-radiobutton-background-color--checked--disabled
+    );
   }
   :host([tile])
     .nys-radiobutton:has(input:disabled:checked)
     + .nys-radiobutton
     .nys-radiobutton__radio {
-    border-color: var(--_nys-radiobutton-disabled-tile-border-color);
-    background-color: var(--_nys-radiobutton-disabled-tile-bg-color);
+    border-color: var(--_nys-radiobutton-background-color--tile--disabled);
+    background-color: var(--_nys-radiobutton-border-color--tile--disabled);
   }
 
   /* Disabled */
+  input:disabled + .nys-radiobutton,
+  input:disabled + .nys-radiobutton * {
+    cursor: not-allowed;
+  }
+
   input:disabled + .nys-radiobutton .nys-radiobutton__radio {
-    background-color: var(--_nys-radiobutton-disabled-color-bg);
-    border-color: var(--_nys-radiobutton-disabled-color-border);
+    background-color: var(--_nys-radiobutton-background-color--disabled);
+    border-color: var(--_nys-radiobutton-border-color--disabled);
     cursor: not-allowed;
   }
   :host([tile])
     .nys-radiobutton:has(input:disabled)
     + .nys-radiobutton
     .nys-radiobutton__radio {
-    background-color: var(--_nys-radiobutton-disabled-color-bg);
-    border-color: var(--_nys-radiobutton-disabled-color-border);
+    background-color: var(--_nys-radiobutton-background-color--disabled);
+    border-color: var(--_nys-radiobutton-border-color--disabled);
     cursor: not-allowed;
   }
 
@@ -837,8 +837,8 @@ const Bt = (r) => r ?? p, ut = pt`
   input:hover:not(:disabled):not(:checked)
     + .nys-radiobutton
     .nys-radiobutton__radio {
-    border-color: var(--_nys-radiobutton-hover-color-border);
-    background-color: var(--_nys-radiobutton-hover-color-bg);
+    border-color: var(--_nys-radiobutton-border-color--hover);
+    background-color: var(--_nys-radiobutton-background-color--hover);
   }
   :host([tile])
     .nys-radiobutton:has(
@@ -846,18 +846,18 @@ const Bt = (r) => r ?? p, ut = pt`
         + .nys-radiobutton
         .nys-radiobutton__radio
     ) {
-    border-color: var(--_nys-radiobutton-hover-tile-border-color);
-    background-color: var(--_nys-radiobutton-hover-tile-bg-color);
-    outline: solid var(--_nys-radiobutton-tile-border-width)
-      var(--_nys-radiobutton-hover-tile-border-color);
+    border-color: var(--_nys-radiobutton-border-color--tile--hover);
+    background-color: var(--_nys-radiobutton-background-color--tile--hover);
+    outline: solid var(--_nys-radiobutton-border-width--tile)
+      var(--_nys-radiobutton-border-color--tile--hover);
   }
 
   /* Pressed - only allow pressed on unchecked */
   input:active:not(:disabled):not(:checked)
     + .nys-radiobutton
     .nys-radiobutton__radio {
-    border-color: var(--_nys-radiobutton-pressed-color-border);
-    background-color: var(--_nys-radiobutton-pressed-color-bg);
+    border-color: var(--_nys-radiobutton-border-color--active);
+    background-color: var(--_nys-radiobutton-background-color--active);
   }
   :host([tile])
     .nys-radiobutton:has(
@@ -865,17 +865,17 @@ const Bt = (r) => r ?? p, ut = pt`
         + .nys-radiobutton
         .nys-radiobutton__radio
     ) {
-    border-color: var(--_nys-radiobutton-pressed-tile-border-color);
-    background-color: var(--_nys-radiobutton-pressed-tile-bg-color);
-    outline: solid var(--_nys-radiobutton-tile-border-width)
-      var(--_nys-radiobutton-pressed-tile-border-color);
+    border-color: var(--_nys-radiobutton-border-color--tile--active);
+    background-color: var(--_nys-radiobutton-background-color--tile--active);
+    outline: solid var(--_nys-radiobutton-border-width--tile)
+      var(--_nys-radiobutton-border-color--tile--active);
   }
 
   /* Focused */
   :host:focus-visible,
   :host(.active-focus) {
-    outline: solid var(--_nys-radiobutton-width-focus)
-      var(--_nys-radiobutton-color-focus);
+    outline: solid var(--_nys-radiobutton-outline-width)
+      var(--_nys-radiobutton-outline-color);
   }
   /* Radiobutton Label Holder */
   .nys-radiobutton__text {
@@ -886,13 +886,13 @@ const Bt = (r) => r ?? p, ut = pt`
 
   /* Label styling */
   .nys-radiobutton__label {
-    font-weight: var(--_nys-radiobutton-font-weight-label);
-    color: var(--_nys-radiobutton-color-text);
+    font-weight: var(--_nys-radiobutton-font-weight--label);
+    color: var(--_nys-radiobutton-color);
   }
 
   /* Description styling */
   .nys-radiobutton__description {
-    font-weight: var(--_nys-radiobutton-font-weight-description);
+    font-weight: var(--_nys-radiobutton-font-weight--description);
     font-style: italic;
     text-align: left;
   }
@@ -909,7 +909,7 @@ const Bt = (r) => r ?? p, ut = pt`
   /* Disabled label */
   input:disabled + span + .nys-radiobutton__text .nys-radiobutton__label,
   input:disabled + span + .nys-radiobutton__text .nys-radiobutton__description {
-    color: var(--_nys-radiobutton-disabled-color-text);
+    color: var(--_nys-radiobutton-color--disabled);
     cursor: not-allowed;
   }
 
@@ -929,17 +929,17 @@ const Bt = (r) => r ?? p, ut = pt`
     border: 0;
   }
 `;
-var qt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, _ = (r, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? Ht(t, e) : t, n = r.length - 1, i; n >= 0; n--)
-    (i = r[n]) && (s = (o ? i(t, e, s) : i(s)) || s);
-  return o && s && qt(t, e, s), s;
+var qt = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, _ = (r, t, e, o) => {
+  for (var i = o > 1 ? void 0 : o ? Ot(t, e) : t, n = r.length - 1, s; n >= 0; n--)
+    (s = r[n]) && (i = (o ? s(t, e, i) : s(i)) || i);
+  return o && i && qt(t, e, i), i;
 };
-let Ot = 0;
+let Ht = 0;
 var m;
-const y = (m = class extends rt {
+const y = (m = class extends nt {
   // allows use of elementInternals' API
   constructor() {
-    super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this.selectedValue = null, this._slottedDescriptionText = "", this._size = "md", this._internals = this.attachInternals();
+    super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this._tooltip = "", this.form = null, this.selectedValue = null, this._slottedDescriptionText = "", this._size = "md", this._internals = this.attachInternals();
   }
   get size() {
     return this._size;
@@ -951,7 +951,7 @@ const y = (m = class extends rt {
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-radiogroup-${Date.now()}-${Ot++}`), this.addEventListener("nys-change", this._handleRadioButtonChange), this.addEventListener("invalid", this._handleInvalid);
+    super.connectedCallback(), this.id || (this.id = `nys-radiogroup-${Date.now()}-${Ht++}`), this.addEventListener("nys-change", this._handleRadioButtonChange), this.addEventListener("invalid", this._handleInvalid);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("nys-change", this._handleRadioButtonChange), this.removeEventListener("invalid", this._handleInvalid);
@@ -960,7 +960,7 @@ const y = (m = class extends rt {
     this._initializeCheckedRadioValue(), this._setValue(), this._setRadioButtonRequire(), this._updateRadioButtonsSize(), this._updateRadioButtonsTile(), this._updateRadioButtonsShowError(), this._getSlotDescriptionForAria(), await this.updateComplete, this._initializeChildAttributes(), this._updateGroupTabIndex();
   }
   updated(t) {
-    (t.has("required") || t.has("selectedValue")) && this._manageRequire(), t.has("size") && this._updateRadioButtonsSize(), t.has("tile") && this._updateRadioButtonsTile(), t.has("showError") && this._updateRadioButtonsShowError();
+    (t.has("required") || t.has("selectedValue")) && this._manageRequire(), t.has("size") && this._updateRadioButtonsSize(), t.has("tile") && this._updateRadioButtonsTile(), t.has("showError") && this._updateRadioButtonsShowError(), t.has("form") && this._updateRadioButtonsForm();
   }
   // This callback is automatically called when the parent form is reset.
   formResetCallback() {
@@ -980,11 +980,12 @@ const y = (m = class extends rt {
     });
   }
   async _manageRequire() {
-    const t = this.errorMessage || "Please select an option.", e = this.querySelector("nys-radiobutton"), o = e ? await e.getInputElement() : null;
+    const t = this.errorMessage || "Please select an option.", o = Array.from(this.querySelectorAll("nys-radiobutton"))[0];
     o && (this.required && !this.selectedValue ? this._internals.setValidity(
       { valueMissing: !0 },
       t,
       o
+      // pass the custom element, not shadow input
     ) : (this.showError = !1, this._internals.setValidity({}, "", o)));
   }
   checkValidity() {
@@ -1011,10 +1012,10 @@ const y = (m = class extends rt {
       "Enter"
     ].includes(t.key)) return;
     t.preventDefault();
-    const o = this._getAllRadios().filter((c) => !c.disabled), s = o.find((c) => c.checked) || o[0], n = t.key === " " || t.key === "Enter" ? 0 : ["ArrowUp", "ArrowLeft"].includes(t.key) ? -1 : 1;
-    let i = o.indexOf(s) + n;
-    i < 0 && (i = o.length - 1), i >= o.length && (i = 0);
-    const d = o[i], a = await d.getInputElement();
+    const o = this._getAllRadios().filter((h) => !h.disabled), i = o.find((h) => h.checked) || o[0], n = t.key === " " || t.key === "Enter" ? 0 : ["ArrowUp", "ArrowLeft"].includes(t.key) ? -1 : 1;
+    let s = o.indexOf(i) + n;
+    s < 0 && (s = o.length - 1), s >= o.length && (s = 0);
+    const d = o[s], a = await d.getInputElement();
     a == null || a.click(), this._updateGroupTabIndex(), d.focus();
   }
   _updateGroupTabIndex() {
@@ -1046,22 +1047,27 @@ const y = (m = class extends rt {
       this.showError ? e.setAttribute("showError", "") : e.removeAttribute("showError");
     });
   }
+  _updateRadioButtonsForm() {
+    this.querySelectorAll("nys-radiobutton").forEach((e) => {
+      this.showError && this.form !== null ? e.setAttribute("form", this.form) : e.removeAttribute("form");
+    });
+  }
   // Get the slotted text contents so native VO can attempt to announce it within the legend in the fieldset
   _getSlotDescriptionForAria() {
     var o;
     const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector(
       'slot[name="description"]'
     ), e = (t == null ? void 0 : t.assignedNodes({ flatten: !0 })) || [];
-    this._slottedDescriptionText = e.map((s) => {
+    this._slottedDescriptionText = e.map((i) => {
       var n;
-      return (n = s.textContent) == null ? void 0 : n.trim();
+      return (n = i.textContent) == null ? void 0 : n.trim();
     }).filter(Boolean).join(", ");
   }
   /******************** Event Handlers ********************/
   // Keeps radiogroup informed of the name and value of its current selected radiobutton at each change
   _handleRadioButtonChange(t) {
-    const e = t, { name: o, value: s } = e.detail;
-    this.name = o, this.selectedValue = s, this._internals.setFormValue(this.selectedValue), this._updateGroupTabIndex();
+    const e = t, { name: o, value: i } = e.detail;
+    this.name = o, this.selectedValue = i, this._internals.setFormValue(this.selectedValue), this._updateGroupTabIndex();
   }
   async _handleInvalid(t) {
     if (t.preventDefault(), this._internals.validity.valueMissing) {
@@ -1070,7 +1076,7 @@ const y = (m = class extends rt {
       if (e) {
         const o = this._internals.form;
         o ? Array.from(o.elements).find(
-          (i) => typeof i.checkValidity == "function" && !i.checkValidity()
+          (s) => typeof s.checkValidity == "function" && !s.checkValidity()
         ) === this && (e.focus(), e.classList.add("active-focus")) : (e.focus(), e.classList.add("active-focus"));
       }
     }
@@ -1082,6 +1088,7 @@ const y = (m = class extends rt {
         label=${this.label}
         description=${this.description}
         flag=${this.required ? "required" : this.optional ? "optional" : ""}
+        _tooltip=${this._tooltip}
       >
         <slot name="description" slot="description">${this.description}</slot>
       </nys-label>
@@ -1100,61 +1107,67 @@ const y = (m = class extends rt {
       ></nys-errormessage>
     </div>`;
   }
-}, m.VALID_SIZES = ["sm", "md"], m.styles = ut, m.formAssociated = !0, m);
+}, m.VALID_SIZES = ["sm", "md"], m.styles = pt, m.formAssociated = !0, m);
 _([
-  u({ type: String })
+  c({ type: String })
 ], y.prototype, "id", 2);
 _([
-  u({ type: String, reflect: !0 })
+  c({ type: String, reflect: !0 })
 ], y.prototype, "name", 2);
 _([
-  u({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], y.prototype, "required", 2);
 _([
-  u({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], y.prototype, "optional", 2);
 _([
-  u({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], y.prototype, "showError", 2);
 _([
-  u({ type: String })
+  c({ type: String })
 ], y.prototype, "errorMessage", 2);
 _([
-  u({ type: String })
+  c({ type: String })
 ], y.prototype, "label", 2);
 _([
-  u({ type: String })
+  c({ type: String })
 ], y.prototype, "description", 2);
 _([
-  u({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], y.prototype, "tile", 2);
 _([
-  at()
+  c({ type: String })
+], y.prototype, "_tooltip", 2);
+_([
+  c({ type: String, reflect: !0 })
+], y.prototype, "form", 2);
+_([
+  dt()
 ], y.prototype, "selectedValue", 2);
 _([
-  at()
+  dt()
 ], y.prototype, "_slottedDescriptionText", 2);
 _([
-  u({ reflect: !0 })
+  c({ reflect: !0 })
 ], y.prototype, "size", 1);
 let Dt = y;
 customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", Dt);
 var Mt = Object.defineProperty, It = Object.getOwnPropertyDescriptor, v = (r, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? It(t, e) : t, n = r.length - 1, i; n >= 0; n--)
-    (i = r[n]) && (s = (o ? i(t, e, s) : i(s)) || s);
-  return o && s && Mt(t, e, s), s;
+  for (var i = o > 1 ? void 0 : o ? It(t, e) : t, n = r.length - 1, s; n >= 0; n--)
+    (s = r[n]) && (i = (o ? s(t, e, i) : s(i)) || i);
+  return o && i && Mt(t, e, i), i;
 };
 let Lt = 0;
-var h;
-const f = (h = class extends rt {
+var u;
+const f = (u = class extends nt {
   constructor() {
-    super(...arguments), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this._size = "md", this.tile = !1;
+    super(...arguments), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this.form = null, this._size = "md", this.tile = !1;
   }
   get size() {
     return this._size;
   }
   set size(t) {
-    this._size = h.VALID_SIZES.includes(
+    this._size = u.VALID_SIZES.includes(
       t
     ) ? t : "md";
   }
@@ -1169,13 +1182,13 @@ const f = (h = class extends rt {
   /********************** Lifecycle updates **********************/
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${Lt++}`), this.checked && (h.buttonGroup[this.name] && (h.buttonGroup[this.name].checked = !1, h.buttonGroup[this.name].requestUpdate()), h.buttonGroup[this.name] = this), this.addEventListener("focus", this._handleFocus), this.addEventListener("blur", this._handleBlur), this.addEventListener("click", this._handleChange);
+    super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${Lt++}`), this.checked && (u.buttonGroup[this.name] && (u.buttonGroup[this.name].checked = !1, u.buttonGroup[this.name].requestUpdate()), u.buttonGroup[this.name] = this), this.addEventListener("focus", this._handleFocus), this.addEventListener("blur", this._handleBlur), this.addEventListener("click", this._handleChange);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("focus", this._handleFocus), this.removeEventListener("blur", this._handleBlur);
   }
   updated(t) {
-    t.has("checked") && this.checked && h.buttonGroup[this.name] !== this && (h.buttonGroup[this.name] && (h.buttonGroup[this.name].checked = !1, h.buttonGroup[this.name].requestUpdate()), h.buttonGroup[this.name] = this);
+    t.has("checked") && this.checked && u.buttonGroup[this.name] !== this && (u.buttonGroup[this.name] && (u.buttonGroup[this.name].checked = !1, u.buttonGroup[this.name].requestUpdate()), u.buttonGroup[this.name] = this);
   }
   /********************** Functions **********************/
   // This helper function is called to perform the element's native validation.
@@ -1191,6 +1204,7 @@ const f = (h = class extends rt {
     this.dispatchEvent(
       new CustomEvent("nys-change", {
         detail: {
+          id: this.id,
           checked: this.checked,
           name: this.name,
           value: this.value
@@ -1202,7 +1216,7 @@ const f = (h = class extends rt {
   }
   // Handle radiobutton change event & unselection of other options in group
   _handleChange() {
-    this.classList.remove("active-focus"), this.checked || (h.buttonGroup[this.name] && (h.buttonGroup[this.name].checked = !1, h.buttonGroup[this.name].requestUpdate()), h.buttonGroup[this.name] = this, this.checked = !0, this._emitChangeEvent());
+    this.classList.remove("active-focus"), !this.checked && !this.disabled && (u.buttonGroup[this.name] && (u.buttonGroup[this.name].checked = !1, u.buttonGroup[this.name].requestUpdate()), u.buttonGroup[this.name] = this, this.checked = !0, this._emitChangeEvent());
   }
   // Handle focus event
   _handleFocus() {
@@ -1225,23 +1239,22 @@ const f = (h = class extends rt {
       <input
         id="${this.id}"
         type="radio"
-        name="${Bt(this.name ? this.name : void 0)}"
+        name="${rt(this.name ? this.name : void 0)}"
         .checked=${this.checked}
         ?disabled=${this.disabled}
         .value=${this.value}
         ?required="${this.required}"
+        form=${rt(this.form || void 0)}
         @change="${this._handleChange}"
         hidden
         aria-hidden="true"
       />
-
       <label
         class="nys-radiobutton"
         for="${this.id}"
         @click="${this._callInputHandling}"
       >
         <span class="nys-radiobutton__radio"></span>
-
         ${this.label && j` <div class="nys-radiobutton__text">
           <div class="nys-radiobutton__label">${this.label}</div>
           <div class="nys-radiobutton__description">
@@ -1251,36 +1264,39 @@ const f = (h = class extends rt {
       </label>
     `;
   }
-}, h.VALID_SIZES = ["sm", "md"], h.buttonGroup = {}, h.styles = ut, h);
+}, u.VALID_SIZES = ["sm", "md"], u.buttonGroup = {}, u.styles = pt, u);
 v([
-  u({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], f.prototype, "checked", 2);
 v([
-  u({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], f.prototype, "disabled", 2);
 v([
-  u({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], f.prototype, "required", 2);
 v([
-  u({ type: String })
+  c({ type: String })
 ], f.prototype, "label", 2);
 v([
-  u({ type: String })
+  c({ type: String })
 ], f.prototype, "description", 2);
 v([
-  u({ type: String })
+  c({ type: String })
 ], f.prototype, "id", 2);
 v([
-  u({ type: String, reflect: !0 })
+  c({ type: String, reflect: !0 })
 ], f.prototype, "name", 2);
 v([
-  u({ type: String })
+  c({ type: String })
 ], f.prototype, "value", 2);
 v([
-  u({ reflect: !0 })
+  c({ type: String, reflect: !0 })
+], f.prototype, "form", 2);
+v([
+  c({ reflect: !0 })
 ], f.prototype, "size", 1);
 v([
-  u({ type: Boolean, reflect: !0 })
+  c({ type: Boolean, reflect: !0 })
 ], f.prototype, "tile", 2);
 let Nt = f;
 customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", Nt);