@nysds/nys-radiobutton 1.6.0 → 1.7.0

package/dist/nys-radiobutton.js

@@ -1,4 +1,4 @@
-import { css as ut, LitElement as it, html as j } from "lit";
+import { css as pt, LitElement as rt, html as j } from "lit";
 /*!
    * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
@@ -14,7 +14,7 @@ import { css as ut, LitElement as it, html as j } from "lit";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const O = globalThis, W = O.ShadowRoot && (O.ShadyCSS === void 0 || O.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, nt = Symbol(), K = /* @__PURE__ */ new WeakMap();
+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 {
   constructor(t, e, o) {
     if (this._$cssResult$ = !0, o !== nt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -23,7 +23,7 @@ let bt = class {
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (W && t === void 0) {
+    if (F && t === void 0) {
       const o = e !== void 0 && e.length === 1;
       o && (t = K.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && K.set(e, t));
     }
@@ -33,26 +33,26 @@ let bt = class {
     return this.cssText;
   }
 };
-const pt = (r) => new bt(typeof r == "string" ? r : r + "", void 0, nt), yt = (r, t) => {
-  if (W) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+const yt = (r) => new bt(typeof r == "string" ? r : r + "", void 0, nt), _t = (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 = O.litNonce;
+    const o = document.createElement("style"), s = H.litNonce;
     s !== void 0 && o.setAttribute("nonce", s), o.textContent = e.cssText, r.appendChild(o);
   }
-}, J = W ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
+}, J = F ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const o of t.cssRules) e += o.cssText;
-  return pt(e);
+  return yt(e);
 })(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: _t, defineProperty: ft, getOwnPropertyDescriptor: vt, getOwnPropertyNames: gt, getOwnPropertySymbols: mt, getPrototypeOf: $t } = Object, w = globalThis, Q = w.trustedTypes, At = Q ? Q.emptyScript : "", D = w.reactiveElementPolyfillSupport, R = (r, t) => r, M = { toAttribute(r, t) {
+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) {
   switch (t) {
     case Boolean:
-      r = r ? At : null;
+      r = r ? wt : null;
       break;
     case Object:
     case Array:
@@ -77,7 +77,7 @@ const { is: _t, defineProperty: ft, getOwnPropertyDescriptor: vt, getOwnProperty
       }
   }
   return e;
-} }, F = (r, t) => !_t(r, t), X = { attribute: !0, type: String, converter: M, reflect: !1, hasChanged: F };
+} }, W = (r, t) => !ft(r, t), Q = { attribute: !0, type: String, converter: O, reflect: !1, hasChanged: W };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), w.litPropertyMetadata ?? (w.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class C extends HTMLElement {
   static addInitializer(t) {
@@ -86,14 +86,14 @@ class C extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = X) {
+  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 && ft(this.prototype, t, s);
+      s !== void 0 && vt(this.prototype, t, s);
     }
   }
   static getPropertyDescriptor(t, e, o) {
-    const { get: s, set: n } = vt(this.prototype, t) ?? { get() {
+    const { get: s, set: n } = gt(this.prototype, t) ?? { get() {
       return this[e];
     }, set(i) {
       this[e] = i;
@@ -106,17 +106,17 @@ class C extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? X;
+    return this.elementProperties.get(t) ?? Q;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(R("elementProperties"))) return;
-    const t = $t(this);
+    if (this.hasOwnProperty(P("elementProperties"))) return;
+    const t = At(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(R("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(R("properties"))) {
-      const e = this.properties, o = [...gt(e), ...mt(e)];
+    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 t = this[Symbol.metadata];
@@ -165,7 +165,7 @@ class C extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return yt(t, this.constructor.elementStyles), t;
+    return _t(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -190,7 +190,7 @@ class C extends HTMLElement {
     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 : M).toAttribute(e, o.type);
+      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;
     }
   }
@@ -198,13 +198,13 @@ class C extends HTMLElement {
     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 : M;
+      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;
     }
   }
   requestUpdate(t, e, o) {
     if (t !== void 0) {
-      if (o ?? (o = this.constructor.getPropertyOptions(t)), !(o.hasChanged ?? F)(this[t], e)) return;
+      if (o ?? (o = this.constructor.getPropertyOptions(t)), !(o.hasChanged ?? W)(this[t], e)) return;
       this.P(t, e, o);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
@@ -277,13 +277,13 @@ class C extends HTMLElement {
   firstUpdated(t) {
   }
 }
-C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[R("elementProperties")] = /* @__PURE__ */ new Map(), C[R("finalized")] = /* @__PURE__ */ new Map(), D == null || D({ ReactiveElement: C }), (w.reactiveElementVersions ?? (w.reactiveElementVersions = [])).push("2.0.4");
+C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[P("elementProperties")] = /* @__PURE__ */ new Map(), C[P("finalized")] = /* @__PURE__ */ new Map(), N == null || N({ ReactiveElement: C }), (w.reactiveElementVersions ?? (w.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const wt = { attribute: !0, type: String, converter: M, reflect: !1, hasChanged: F }, Et = (r = wt, t, e) => {
+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") {
@@ -304,8 +304,8 @@ const wt = { attribute: !0, type: String, converter: M, reflect: !1, hasChanged:
   }
   throw Error("Unsupported decorator location: " + o);
 };
-function c(r) {
-  return (t, e) => typeof e == "object" ? Et(r, t, e) : ((o, s, n) => {
+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;
   })(r, t, e);
@@ -315,30 +315,30 @@ function c(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function St(r) {
-  return c({ ...r, state: !0, attribute: !1 });
+function at(r) {
+  return u({ ...r, state: !0, attribute: !1 });
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const z = globalThis, T = z.trustedTypes, Y = T ? T.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, at = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, dt = "?" + A, kt = `<${dt}>`, k = document, V = () => k.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", L = `[ 	
-\f\r]`, P = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, tt = /-->/g, et = />/g, E = RegExp(`>|${L}(?:([^\\s"'>=/]+)(${L}*=${L}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ot = /'/g, st = /"/g, lt = /^(?:script|style|textarea|title)$/i, q = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), rt = /* @__PURE__ */ new WeakMap(), S = k.createTreeWalker(k, 129);
+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) {
   if (!Z(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Y !== void 0 ? Y.createHTML(t) : t;
+  return X !== void 0 ? X.createHTML(t) : t;
 }
 const Ct = (r, t) => {
   const e = r.length - 1, o = [];
-  let s, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = P;
+  let s, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = R;
   for (let d = 0; d < e; d++) {
     const a = r[d];
-    let b, p, h = -1, g = 0;
-    for (; g < a.length && (i.lastIndex = g, p = i.exec(a), p !== null); ) g = i.lastIndex, i === P ? p[1] === "!--" ? i = tt : p[1] !== void 0 ? i = et : p[2] !== void 0 ? (lt.test(p[2]) && (s = RegExp("</" + p[2], "g")), i = E) : p[3] !== void 0 && (i = E) : i === E ? p[0] === ">" ? (i = s ?? P, h = -1) : p[1] === void 0 ? h = -2 : (h = i.lastIndex - p[2].length, b = p[1], i = p[3] === void 0 ? E : p[3] === '"' ? st : ot) : i === st || i === ot ? i = E : i === tt || i === et ? i = P : (i = E, s = void 0);
+    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 === P ? a + kt : h >= 0 ? (o.push(b), a.slice(0, h) + at + a.slice(h) + A + $) : a + A + (h === -2 ? d : $);
+    n += i === R ? a + St : l >= 0 ? (o.push(c), a.slice(0, l) + dt + a.slice(l) + A + $) : a + A + (l === -2 ? d : $);
   }
   return [ht(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
 };
@@ -347,46 +347,46 @@ class B {
     let s;
     this.parts = [];
     let n = 0, i = 0;
-    const d = t.length - 1, a = this.parts, [b, p] = Ct(t, e);
-    if (this.el = B.createElement(b, o), S.currentNode = this.el.content, e === 2 || e === 3) {
-      const h = this.el.content.firstChild;
-      h.replaceWith(...h.childNodes);
+    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) {
+      const l = this.el.content.firstChild;
+      l.replaceWith(...l.childNodes);
     }
-    for (; (s = S.nextNode()) !== null && a.length < d; ) {
+    for (; (s = k.nextNode()) !== null && a.length < d; ) {
       if (s.nodeType === 1) {
-        if (s.hasAttributes()) for (const h of s.getAttributeNames()) if (h.endsWith(at)) {
-          const g = p[i++], $ = s.getAttribute(h).split(A), H = /([.?@])?(.*)/.exec(g);
-          a.push({ type: 1, index: n, name: H[2], strings: $, ctor: H[1] === "." ? Rt : H[1] === "?" ? zt : H[1] === "@" ? Ut : I }), s.removeAttribute(h);
-        } else h.startsWith(A) && (a.push({ type: 6, index: n }), s.removeAttribute(h));
-        if (lt.test(s.tagName)) {
-          const h = s.textContent.split(A), g = h.length - 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;
           if (g > 0) {
-            s.textContent = T ? T.emptyScript : "";
-            for (let $ = 0; $ < g; $++) s.append(h[$], V()), S.nextNode(), a.push({ type: 2, index: ++n });
-            s.append(h[g], V());
+            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());
           }
         }
-      } else if (s.nodeType === 8) if (s.data === dt) a.push({ type: 2, index: n });
+      } else if (s.nodeType === 8) if (s.data === lt) a.push({ type: 2, index: n });
       else {
-        let h = -1;
-        for (; (h = s.data.indexOf(A, h + 1)) !== -1; ) a.push({ type: 7, index: n }), h += A.length - 1;
+        let l = -1;
+        for (; (l = s.data.indexOf(A, l + 1)) !== -1; ) a.push({ type: 7, index: n }), l += A.length - 1;
       }
       n++;
     }
   }
   static createElement(t, e) {
-    const o = k.createElement("template");
+    const o = S.createElement("template");
     return o.innerHTML = t, o;
   }
 }
 function x(r, t, e = r, o) {
   var i, d;
-  if (t === q) return t;
+  if (t === T) return t;
   let s = o !== void 0 ? (i = e._$Co) == null ? void 0 : i[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;
 }
-class Pt {
+class Rt {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -397,30 +397,30 @@ class Pt {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: o } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? k).importNode(e, !0);
-    S.currentNode = s;
-    let n = S.nextNode(), i = 0, d = 0, a = o[0];
+    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];
     for (; a !== void 0; ) {
       if (i === a.index) {
-        let b;
-        a.type === 2 ? b = new N(n, n.nextSibling, this, t) : a.type === 1 ? b = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (b = new qt(n, this, t)), this._$AV.push(b), a = o[++d];
+        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];
       }
-      i !== (a == null ? void 0 : a.index) && (n = S.nextNode(), i++);
+      i !== (a == null ? void 0 : a.index) && (n = k.nextNode(), i++);
     }
-    return S.currentNode = k, s;
+    return k.currentNode = S, s;
   }
   p(t) {
     let e = 0;
     for (const o of this._$AV) o !== void 0 && (o.strings !== void 0 ? (o._$AI(t, o, e), e += o.strings.length - 2) : o._$AI(t[e])), e++;
   }
 }
-class N {
+class I {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
   constructor(t, e, o, s) {
-    this.type = 2, this._$AH = u, 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;
+    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;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -434,7 +434,7 @@ class N {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = x(this, t, e), U(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== q && 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 !== T && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : xt(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -443,26 +443,26 @@ class N {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== u && U(this._$AH) ? this._$AA.nextSibling.data = t : this.T(k.createTextNode(t)), this._$AH = t;
+    this._$AH !== p && U(this._$AH) ? this._$AA.nextSibling.data = t : this.T(S.createTextNode(t)), this._$AH = t;
   }
   $(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);
     else {
-      const i = new Pt(s, this), d = i.u(this.options);
+      const i = new Rt(s, this), d = i.u(this.options);
       i.p(e), this.T(d), this._$AH = i;
     }
   }
   _$AC(t) {
-    let e = rt.get(t.strings);
-    return e === void 0 && rt.set(t.strings, e = new B(t)), e;
+    let e = it.get(t.strings);
+    return e === void 0 && it.set(t.strings, e = new B(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 N(this.O(V()), this.O(V()), this, this.options)) : o = e[s], o._$AI(n), s++;
+    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);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -477,7 +477,7 @@ class N {
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
 }
-class I {
+class L {
   get tagName() {
     return this.element.tagName;
   }
@@ -485,46 +485,46 @@ class I {
     return this._$AM._$AU;
   }
   constructor(t, e, o, s, n) {
-    this.type = 1, this._$AH = u, 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 = u;
+    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;
   }
   _$AI(t, e = this, o, s) {
     const n = this.strings;
     let i = !1;
-    if (n === void 0) t = x(this, t, e, 0), i = !U(t) || t !== this._$AH && t !== q, i && (this._$AH = t);
+    if (n === void 0) t = x(this, t, e, 0), i = !U(t) || t !== this._$AH && t !== T, i && (this._$AH = t);
     else {
       const d = t;
-      let a, b;
-      for (t = n[0], a = 0; a < n.length - 1; a++) b = x(this, d[o + a], e, a), b === q && (b = this._$AH[a]), i || (i = !U(b) || b !== this._$AH[a]), b === u ? t = u : t !== u && (t += (b ?? "") + n[a + 1]), this._$AH[a] = b;
+      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;
     }
     i && !s && this.j(t);
   }
   j(t) {
-    t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Rt extends I {
+class Pt extends L {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === u ? void 0 : t;
+    this.element[this.name] = t === p ? void 0 : t;
   }
 }
-class zt extends I {
+class zt extends L {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== u);
+    this.element.toggleAttribute(this.name, !!t && t !== p);
   }
 }
-class Ut extends I {
+class Ut extends L {
   constructor(t, e, o, s, n) {
     super(t, e, o, s, n), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = x(this, t, e, 0) ?? u) === q) return;
-    const o = this._$AH, s = t === u && o !== u || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, n = t !== u && (o === u || s);
+    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;
   }
   handleEvent(t) {
@@ -532,7 +532,7 @@ class Ut extends I {
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class qt {
+class Tt {
   constructor(t, e, o) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = o;
   }
@@ -544,13 +544,13 @@ class qt {
   }
 }
 const G = z.litHtmlPolyfillSupport;
-G == null || G(B, N), (z.litHtmlVersions ?? (z.litHtmlVersions = [])).push("3.2.1");
+G == null || G(B, I), (z.litHtmlVersions ?? (z.litHtmlVersions = [])).push("3.2.1");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Bt = (r) => r ?? u, ct = ut`
+const Bt = (r) => r ?? p, ut = pt`
   :host {
     /* Global Radiobutton Styles */
     --_nys-radiobutton-size: var(--nys-size-400, 32px);
@@ -776,6 +776,7 @@ const Bt = (r) => r ?? u, ct = ut`
     outline-offset: var(--_nys-radiobutton-outline-offset);
     outline: none;
     margin: 0 0 auto 0; /* Causes centered radio button if single line of label but top aligned if multiline */
+    box-sizing: border-box;
   }
 
   /* Pointer cursor for unchecked radio button */
@@ -785,51 +786,65 @@ const Bt = (r) => r ?? u, ct = ut`
   }
 
   /* Checked */
-  .nys-radiobutton__radio:not(:disabled):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);
   }
   :host([tile])
-    .nys-radiobutton:has(.nys-radiobutton__radio:not(:disabled):checked) {
+    .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);
   }
   :host([tile])
-    .nys-radiobutton:has(.nys-radiobutton__radio:not(:disabled):checked:hover) {
+    .nys-radiobutton:has(input:not(:disabled):checked:hover)
+    + .nys-radiobutton
+    .nys-radiobutton__radio {
     cursor: default;
   }
 
   /* Checked + Disabled */
-  .nys-radiobutton__radio:disabled:checked {
+  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);
   }
-  :host([tile]) .nys-radiobutton:has(.nys-radiobutton__radio:disabled:checked) {
+  :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);
   }
 
   /* Disabled */
-  .nys-radiobutton__radio:disabled {
+  input:disabled + .nys-radiobutton .nys-radiobutton__radio {
     background-color: var(--_nys-radiobutton-disabled-color-bg);
     border-color: var(--_nys-radiobutton-disabled-color-border);
     cursor: not-allowed;
   }
-  :host([tile]) .nys-radiobutton:has(.nys-radiobutton__radio:disabled) {
+  :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);
     cursor: not-allowed;
   }
 
   /* Hover - only allow hover on unchecked */
-  .nys-radiobutton__radio:hover:not(:disabled):not(:checked) {
+  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);
   }
   :host([tile])
     .nys-radiobutton:has(
-      .nys-radiobutton__radio:hover:not(:disabled):not(:checked)
+      input:hover:not(:disabled):not(:checked)
+        + .nys-radiobutton
+        .nys-radiobutton__radio
     ) {
     border-color: var(--_nys-radiobutton-hover-tile-border-color);
     background-color: var(--_nys-radiobutton-hover-tile-bg-color);
@@ -838,13 +853,17 @@ const Bt = (r) => r ?? u, ct = ut`
   }
 
   /* Pressed - only allow pressed on unchecked */
-  .nys-radiobutton__radio:active:not(:disabled):not(:checked) {
+  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);
   }
   :host([tile])
     .nys-radiobutton:has(
-      .nys-radiobutton__radio:active:not(:disabled):not(:checked)
+      input:active:not(:disabled):not(:checked)
+        + .nys-radiobutton
+        .nys-radiobutton__radio
     ) {
     border-color: var(--_nys-radiobutton-pressed-tile-border-color);
     background-color: var(--_nys-radiobutton-pressed-tile-bg-color);
@@ -853,16 +872,11 @@ const Bt = (r) => r ?? u, ct = ut`
   }
 
   /* Focused */
-  :host(:not([tile])) .nys-radiobutton__radio:focus-visible {
+  :host:focus-visible,
+  :host(.active-focus) {
     outline: solid var(--_nys-radiobutton-width-focus)
       var(--_nys-radiobutton-color-focus);
   }
-  :host([tile]) .nys-radiobutton:has(*:focus-visible) {
-    outline: solid var(--_nys-radiobutton-tile-border-width)
-      var(--_nys-radiobutton-color-focus) !important;
-    border-color: var(--_nys-radiobutton-color-focus) !important;
-  }
-
   /* Radiobutton Label Holder */
   .nys-radiobutton__text {
     line-height: var(--_nys-radiobutton-line-height);
@@ -893,27 +907,39 @@ const Bt = (r) => r ?? u, ct = ut`
   }
 
   /* Disabled label */
-  .nys-radiobutton__radio:disabled
-    + .nys-radiobutton__text
-    .nys-radiobutton__label,
-  .nys-radiobutton__radio:disabled
-    + .nys-radiobutton__text
-    .nys-radiobutton__description {
+  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);
     cursor: not-allowed;
   }
+
+  /* Screen readers ONLY */
+  fieldset {
+    all: unset;
+    display: contents;
+  }
+
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    border: 0;
+  }
 `;
-var Ht = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, _ = (r, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? Ot(t, e) : t, n = r.length - 1, i; n >= 0; n--)
+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 && Ht(t, e, s), s;
+  return o && s && qt(t, e, s), s;
 };
-let Mt = 0;
+let Ot = 0;
 var m;
-const y = (m = class extends it {
+const y = (m = class extends rt {
   // 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.selectedValue = null, this._size = "md", this.tile = !1, 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.selectedValue = null, this._slottedDescriptionText = "", this._size = "md", this._internals = this.attachInternals();
   }
   get size() {
     return this._size;
@@ -925,13 +951,13 @@ const y = (m = class extends it {
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-radiogroup-${Date.now()}-${Mt++}`), this.addEventListener("nys-change", this._handleRadioButtonChange), this.addEventListener("invalid", this._handleInvalid);
+    super.connectedCallback(), this.id || (this.id = `nys-radiogroup-${Date.now()}-${Ot++}`), 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);
   }
-  firstUpdated() {
-    this._initializeCheckedRadioValue(), this._setValue(), this.setRadioButtonRequire(), this._updateRadioButtonsSize(), this._updateRadioButtonsTile(), this._updateRadioButtonsShowError();
+  async firstUpdated() {
+    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();
@@ -946,8 +972,9 @@ const y = (m = class extends it {
   _setValue() {
     this._internals.setFormValue(this.selectedValue);
   }
-  // Updates the "require" attribute of the first radiobutton underneath a radiogroup to ensure requirement for all radiobutton under the same name/group
-  setRadioButtonRequire() {
+  // Updates the "require" attribute of the first radiobutton underneath a radiogroup.
+  // This will make sure there's a requirement for all radiobutton under the same name/group
+  _setRadioButtonRequire() {
     this.querySelectorAll("nys-radiobutton").forEach((e, o) => {
       this.required && o === 0 && e.setAttribute("required", "required");
     });
@@ -960,12 +987,49 @@ const y = (m = class extends it {
       o
     ) : (this.showError = !1, this._internals.setValidity({}, "", o)));
   }
+  checkValidity() {
+    const t = Array.from(this.querySelectorAll("nys-radiobutton"));
+    return !this.required || t.some((o) => o.checked);
+  }
   // Need to account for if radiogroup already have a radiobutton checked at initialization
   _initializeCheckedRadioValue() {
     const t = this.querySelector("nys-radiobutton[checked]");
     t && (this.selectedValue = t.getAttribute("value"), this._internals.setFormValue(this.selectedValue));
   }
+  /********************** Core Keyboard & Click Logic **********************/
+  _getAllRadios() {
+    return Array.from(this.querySelectorAll("nys-radiobutton"));
+  }
+  // Arrow / Space / Enter navigation at group level
+  async _handleKeyDown(t) {
+    if (![
+      "ArrowUp",
+      "ArrowDown",
+      "ArrowLeft",
+      "ArrowRight",
+      " ",
+      "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();
+    a == null || a.click(), this._updateGroupTabIndex(), d.focus();
+  }
+  _updateGroupTabIndex() {
+    const t = this._getAllRadios(), e = t.find((o) => o.checked) || t[0];
+    t.forEach((o) => {
+      o.disabled ? o.tabIndex = -1 : o.tabIndex = o === e ? 0 : -1, o.setAttribute("aria-checked", o.checked ? "true" : "false"), o.setAttribute("aria-disabled", o.disabled ? "true" : "false"), o.setAttribute("aria-required", this.required ? "true" : "false");
+    });
+  }
   /********************** Functions **********************/
+  // Apply ARIA & initial tabindex to each child radio
+  _initializeChildAttributes() {
+    this._getAllRadios().forEach((e) => {
+      e.setAttribute("role", "radio"), e.setAttribute("aria-checked", String(e.checked)), e.setAttribute("aria-required", String(e.required)), e.setAttribute("aria-disabled", String(e.disabled)), e.setAttribute("tabindex", "-1");
+    });
+  }
   // Updates the size of each radiobutton underneath a radiogroup to ensure size standardization
   _updateRadioButtonsSize() {
     this.querySelectorAll("nys-radiobutton").forEach((e) => {
@@ -982,36 +1046,39 @@ const y = (m = class extends it {
       this.showError ? e.setAttribute("showError", "") : e.removeAttribute("showError");
     });
   }
+  // 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) => {
+      var n;
+      return (n = s.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.name = o, this.selectedValue = s, this._internals.setFormValue(this.selectedValue), this._updateGroupTabIndex();
   }
   async _handleInvalid(t) {
     if (t.preventDefault(), this._internals.validity.valueMissing) {
       this.showError = !0, this._manageRequire();
-      const e = this.querySelector("nys-radiobutton"), o = e ? await e.getInputElement() : null;
-      if (o) {
-        const s = this._internals.form;
-        s ? Array.from(s.elements).find((d) => {
-          if (d.tagName.toLowerCase() === "nys-radiogroup") {
-            if (!d.querySelector("nys-radiobutton").checkValidity())
-              return d;
-          } else
-            return typeof d.checkValidity == "function" && !d.checkValidity();
-        }) === this && o.focus() : o.focus();
+      const e = this.querySelector("nys-radiobutton");
+      if (e) {
+        const o = this._internals.form;
+        o ? Array.from(o.elements).find(
+          (i) => typeof i.checkValidity == "function" && !i.checkValidity()
+        ) === this && (e.focus(), e.classList.add("active-focus")) : (e.focus(), e.classList.add("active-focus"));
       }
     }
   }
   render() {
-    return j` <div
-      role="radiogroup"
-      class="nys-radiogroup"
-      aria-required="${this.required ? "true" : "false"}"
-      aria-invalid="${this.showError ? "true" : "false"}"
-    >
+    return j`<div class="nys-radiogroup">
       <nys-label
-        id=${this.id}
+        for=${this.id}
         label=${this.label}
         description=${this.description}
         flag=${this.required ? "required" : this.optional ? "optional" : ""}
@@ -1019,7 +1086,12 @@ const y = (m = class extends it {
         <slot name="description" slot="description">${this.description}</slot>
       </nys-label>
       <div class="nys-radiogroup__content">
-        <slot></slot>
+        <fieldset role="radiogroup" @keydown=${this._handleKeyDown}>
+          <legend class="sr-only">
+            ${this.label}${this._slottedDescriptionText ? ` ${this._slottedDescriptionText}` : this.description ? ` ${this.description}` : ""}
+          </legend>
+          <slot></slot>
+        </fieldset>
       </div>
       <nys-errormessage
         ?showError=${this.showError}
@@ -1028,50 +1100,53 @@ const y = (m = class extends it {
       ></nys-errormessage>
     </div>`;
   }
-}, m.VALID_SIZES = ["sm", "md"], m.styles = ct, m.formAssociated = !0, m);
+}, m.VALID_SIZES = ["sm", "md"], m.styles = ut, m.formAssociated = !0, m);
 _([
-  c({ type: String })
+  u({ type: String })
 ], y.prototype, "id", 2);
 _([
-  c({ type: String, reflect: !0 })
+  u({ type: String, reflect: !0 })
 ], y.prototype, "name", 2);
 _([
-  c({ type: Boolean, reflect: !0 })
+  u({ type: Boolean, reflect: !0 })
 ], y.prototype, "required", 2);
 _([
-  c({ type: Boolean, reflect: !0 })
+  u({ type: Boolean, reflect: !0 })
 ], y.prototype, "optional", 2);
 _([
-  c({ type: Boolean, reflect: !0 })
+  u({ type: Boolean, reflect: !0 })
 ], y.prototype, "showError", 2);
 _([
-  c({ type: String })
+  u({ type: String })
 ], y.prototype, "errorMessage", 2);
 _([
-  c({ type: String })
+  u({ type: String })
 ], y.prototype, "label", 2);
 _([
-  c({ type: String })
+  u({ type: String })
 ], y.prototype, "description", 2);
 _([
-  St()
+  u({ type: Boolean, reflect: !0 })
+], y.prototype, "tile", 2);
+_([
+  at()
 ], y.prototype, "selectedValue", 2);
 _([
-  c({ reflect: !0 })
-], y.prototype, "size", 1);
+  at()
+], y.prototype, "_slottedDescriptionText", 2);
 _([
-  c({ type: Boolean, reflect: !0 })
-], y.prototype, "tile", 2);
-let Tt = y;
-customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", Tt);
-var Vt = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, v = (r, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? Nt(t, e) : t, n = r.length - 1, i; n >= 0; n--)
+  u({ 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 && Vt(t, e, s), s;
+  return o && s && Mt(t, e, s), s;
 };
-let It = 0;
-var l;
-const f = (l = class extends it {
+let Lt = 0;
+var h;
+const f = (h = class extends rt {
   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;
   }
@@ -1079,7 +1154,7 @@ const f = (l = class extends it {
     return this._size;
   }
   set size(t) {
-    this._size = l.VALID_SIZES.includes(
+    this._size = h.VALID_SIZES.includes(
       t
     ) ? t : "md";
   }
@@ -1094,12 +1169,15 @@ const f = (l = class extends it {
   /********************** Lifecycle updates **********************/
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${It++}`), this.checked && (l.buttonGroup[this.name] && (l.buttonGroup[this.name].checked = !1, l.buttonGroup[this.name].requestUpdate()), l.buttonGroup[this.name] = this);
+    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);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("focus", this._handleFocus), this.removeEventListener("blur", this._handleBlur);
   }
   updated(t) {
-    t.has("checked") && this.checked && l.buttonGroup[this.name] !== this && (l.buttonGroup[this.name] && (l.buttonGroup[this.name].checked = !1, l.buttonGroup[this.name].requestUpdate()), l.buttonGroup[this.name] = this);
+    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);
   }
-  /******************** Function ********************/
+  /********************** Functions **********************/
   // This helper function is called to perform the element's native validation.
   checkValidity() {
     var e;
@@ -1124,7 +1202,7 @@ const f = (l = class extends it {
   }
   // Handle radiobutton change event & unselection of other options in group
   _handleChange() {
-    this.checked || (l.buttonGroup[this.name] && (l.buttonGroup[this.name].checked = !1, l.buttonGroup[this.name].requestUpdate()), l.buttonGroup[this.name] = this, this.checked = !0, this._emitChangeEvent());
+    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());
   }
   // Handle focus event
   _handleFocus() {
@@ -1132,78 +1210,82 @@ const f = (l = class extends it {
   }
   // Handle blur event
   _handleBlur() {
-    this.dispatchEvent(new Event("nys-blur"));
+    this.classList.remove("active-focus"), this.dispatchEvent(new Event("nys-blur"));
   }
-  // Handle keydown for keyboard accessibility
-  _handleKeydown(t) {
-    t.code === "Space" && (t.preventDefault(), !this.disabled && !this.checked && (l.buttonGroup[this.name] && (l.buttonGroup[this.name].checked = !1, l.buttonGroup[this.name].requestUpdate()), l.buttonGroup[this.name] = this, this.checked = !0, this._emitChangeEvent()));
+  _callInputHandling() {
+    var e;
+    if (this.disabled) return;
+    const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(
+      'input[type="radio"]'
+    );
+    t && (t.focus(), t.click());
   }
   render() {
     return j`
-      <label class="nys-radiobutton">
-        <input
-          id="${this.id}"
-          class="nys-radiobutton__radio"
-          type="radio"
-          name="${Bt(this.name ? this.name : void 0)}"
-          .checked=${this.checked}
-          ?disabled=${this.disabled}
-          .value=${this.value}
-          ?required="${this.required}"
-          aria-checked="${this.checked ? "true" : "false"}"
-          aria-disabled="${this.disabled ? "true" : "false"}"
-          aria-required="${this.required ? "true" : "false"}"
-          @change="${this._handleChange}"
-          @focus="${this._handleFocus}"
-          @blur="${this._handleBlur}"
-          @keydown="${this._handleKeydown}"
-        />
+      <input
+        id="${this.id}"
+        type="radio"
+        name="${Bt(this.name ? this.name : void 0)}"
+        .checked=${this.checked}
+        ?disabled=${this.disabled}
+        .value=${this.value}
+        ?required="${this.required}"
+        @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">
-          <label for=${this.id} class="nys-radiobutton__label"
-            >${this.label}</label
-          >
-          <label for=${this.id} class="nys-radiobutton__description">
+          <div class="nys-radiobutton__label">${this.label}</div>
+          <div class="nys-radiobutton__description">
             <slot name="description">${this.description}</slot>
-          </label>
+          </div>
         </div>`}
       </label>
     `;
   }
-}, l.VALID_SIZES = ["sm", "md"], l.buttonGroup = {}, l.styles = ct, l);
+}, h.VALID_SIZES = ["sm", "md"], h.buttonGroup = {}, h.styles = ut, h);
 v([
-  c({ type: Boolean, reflect: !0 })
+  u({ type: Boolean, reflect: !0 })
 ], f.prototype, "checked", 2);
 v([
-  c({ type: Boolean, reflect: !0 })
+  u({ type: Boolean, reflect: !0 })
 ], f.prototype, "disabled", 2);
 v([
-  c({ type: Boolean, reflect: !0 })
+  u({ type: Boolean, reflect: !0 })
 ], f.prototype, "required", 2);
 v([
-  c({ type: String })
+  u({ type: String })
 ], f.prototype, "label", 2);
 v([
-  c({ type: String })
+  u({ type: String })
 ], f.prototype, "description", 2);
 v([
-  c({ type: String })
+  u({ type: String })
 ], f.prototype, "id", 2);
 v([
-  c({ type: String, reflect: !0 })
+  u({ type: String, reflect: !0 })
 ], f.prototype, "name", 2);
 v([
-  c({ type: String })
+  u({ type: String })
 ], f.prototype, "value", 2);
 v([
-  c({ reflect: !0 })
+  u({ reflect: !0 })
 ], f.prototype, "size", 1);
 v([
-  c({ type: Boolean, reflect: !0 })
+  u({ type: Boolean, reflect: !0 })
 ], f.prototype, "tile", 2);
-let Dt = f;
-customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", Dt);
+let Nt = f;
+customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", Nt);
 export {
-  Dt as NysRadiobutton,
-  Tt as NysRadiogroup
+  Nt as NysRadiobutton,
+  Dt as NysRadiogroup
 };
 //# sourceMappingURL=nys-radiobutton.js.map