@nysds/nys-radiobutton 1.0.0 → 1.1.1

package/dist/nys-radiobutton.js

@@ -1,10 +1,10 @@
-import { css as b1, LitElement as t1, html as M } from "lit";
+import { css as a1, LitElement as F, html as _ } from "lit";
 /*!
    * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
    * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
    * 
-   * Radiobutton Component v1.0.0
+   * Radiobutton Component v1.1.1
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -14,18 +14,18 @@ import { css as b1, LitElement as t1, html as M } from "lit";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const D = globalThis, e1 = D.ShadowRoot && (D.ShadyCSS === void 0 || D.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, m1 = Symbol(), n1 = /* @__PURE__ */ new WeakMap();
-let P1 = class {
-  constructor(t, e, o) {
-    if (this._$cssResult$ = !0, o !== m1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+const Y = globalThis, f1 = Y.ShadowRoot && (Y.ShadyCSS === void 0 || Y.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Q1 = Symbol(), x1 = /* @__PURE__ */ new WeakMap();
+let d5 = class {
+  constructor(t, e, s) {
+    if (this._$cssResult$ = !0, s !== Q1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (e1 && t === void 0) {
-      const o = e !== void 0 && e.length === 1;
-      o && (t = n1.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && n1.set(e, t));
+    if (f1 && t === void 0) {
+      const s = e !== void 0 && e.length === 1;
+      s && (t = x1.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && x1.set(e, t));
     }
     return t;
   }
@@ -33,115 +33,115 @@ let P1 = class {
     return this.cssText;
   }
 };
-const k1 = (i) => new P1(typeof i == "string" ? i : i + "", void 0, m1), z1 = (i, t) => {
-  if (e1) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+const u5 = (o) => new d5(typeof o == "string" ? o : o + "", void 0, Q1), p5 = (o, t) => {
+  if (f1) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const o = document.createElement("style"), s = D.litNonce;
-    s !== void 0 && o.setAttribute("nonce", s), o.textContent = e.cssText, i.appendChild(o);
+    const s = document.createElement("style"), i = Y.litNonce;
+    i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, o.appendChild(s);
   }
-}, C1 = e1 ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
+}, A1 = f1 ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
   let e = "";
-  for (const o of t.cssRules) e += o.cssText;
-  return k1(e);
-})(i) : i;
+  for (const s of t.cssRules) e += s.cssText;
+  return u5(e);
+})(o) : o;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: U1, defineProperty: B1, getOwnPropertyDescriptor: O1, getOwnPropertyNames: R1, getOwnPropertySymbols: T1, getPrototypeOf: N1 } = Object, m = globalThis, l1 = m.trustedTypes, q1 = l1 ? l1.emptyScript : "", J = m.reactiveElementPolyfillSupport, B = (i, t) => i, I = { toAttribute(i, t) {
+const { is: v5, defineProperty: y5, getOwnPropertyDescriptor: f5, getOwnPropertyNames: g5, getOwnPropertySymbols: w5, getPrototypeOf: _5 } = Object, E = globalThis, P1 = E.trustedTypes, m5 = P1 ? P1.emptyScript : "", d1 = E.reactiveElementPolyfillSupport, q = (o, t) => o, e1 = { toAttribute(o, t) {
   switch (t) {
     case Boolean:
-      i = i ? q1 : null;
+      o = o ? m5 : null;
       break;
     case Object:
     case Array:
-      i = i == null ? i : JSON.stringify(i);
+      o = o == null ? o : JSON.stringify(o);
   }
-  return i;
-}, fromAttribute(i, t) {
-  let e = i;
+  return o;
+}, fromAttribute(o, t) {
+  let e = o;
   switch (t) {
     case Boolean:
-      e = i !== null;
+      e = o !== null;
       break;
     case Number:
-      e = i === null ? null : Number(i);
+      e = o === null ? null : Number(o);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(i);
+        e = JSON.parse(o);
       } catch {
         e = null;
       }
   }
   return e;
-} }, o1 = (i, t) => !U1(i, t), a1 = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: o1 };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), m.litPropertyMetadata ?? (m.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class P extends HTMLElement {
+} }, g1 = (o, t) => !v5(o, t), H1 = { attribute: !0, type: String, converter: e1, reflect: !1, hasChanged: g1 };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), E.litPropertyMetadata ?? (E.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let k = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = a1) {
+  static createProperty(t, e = H1) {
     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 && B1(this.prototype, t, s);
+      const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
+      i !== void 0 && y5(this.prototype, t, i);
     }
   }
-  static getPropertyDescriptor(t, e, o) {
-    const { get: s, set: n } = O1(this.prototype, t) ?? { get() {
+  static getPropertyDescriptor(t, e, s) {
+    const { get: i, set: r } = f5(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(r) {
-      this[e] = r;
+    }, set(n) {
+      this[e] = n;
     } };
     return { get() {
-      return s == null ? void 0 : s.call(this);
-    }, set(r) {
-      const l = s == null ? void 0 : s.call(this);
-      n.call(this, r), this.requestUpdate(t, l, o);
+      return i == null ? void 0 : i.call(this);
+    }, set(n) {
+      const a = i == null ? void 0 : i.call(this);
+      r.call(this, n), this.requestUpdate(t, a, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? a1;
+    return this.elementProperties.get(t) ?? H1;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(B("elementProperties"))) return;
-    const t = N1(this);
+    if (this.hasOwnProperty(q("elementProperties"))) return;
+    const t = _5(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(B("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(B("properties"))) {
-      const e = this.properties, o = [...R1(e), ...T1(e)];
-      for (const s of o) this.createProperty(s, e[s]);
+    if (this.hasOwnProperty(q("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(q("properties"))) {
+      const e = this.properties, s = [...g5(e), ...w5(e)];
+      for (const i of s) 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 [s, i] of e) this.elementProperties.set(s, 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);
+    for (const [e, s] of this.elementProperties) {
+      const i = this._$Eu(e, s);
+      i !== void 0 && this._$Eh.set(i, e);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
   static finalizeStyles(t) {
     const e = [];
     if (Array.isArray(t)) {
-      const o = new Set(t.flat(1 / 0).reverse());
-      for (const s of o) e.unshift(C1(s));
-    } else t !== void 0 && e.push(C1(t));
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const i of s) e.unshift(A1(i));
+    } else t !== void 0 && e.push(A1(t));
     return e;
   }
   static _$Eu(t, e) {
-    const o = e.attribute;
-    return o === !1 ? void 0 : typeof o == "string" ? o : typeof t == "string" ? t.toLowerCase() : void 0;
+    const s = e.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -160,18 +160,18 @@ class P extends HTMLElement {
   }
   _$E_() {
     const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const o of e.keys()) this.hasOwnProperty(o) && (t.set(o, this[o]), delete this[o]);
+    for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
     t.size > 0 && (this._$Ep = t);
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return z1(t, this.constructor.elementStyles), t;
+    return p5(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
     this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
-      var o;
-      return (o = e.hostConnected) == null ? void 0 : o.call(e);
+      var s;
+      return (s = e.hostConnected) == null ? void 0 : s.call(e);
     });
   }
   enableUpdating(t) {
@@ -179,38 +179,38 @@ class P extends HTMLElement {
   disconnectedCallback() {
     var t;
     (t = this._$EO) == null || t.forEach((e) => {
-      var o;
-      return (o = e.hostDisconnected) == null ? void 0 : o.call(e);
+      var s;
+      return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
     });
   }
-  attributeChangedCallback(t, e, o) {
-    this._$AK(t, o);
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
   }
   _$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 r = (((n = o.converter) == null ? void 0 : n.toAttribute) !== void 0 ? o.converter : I).toAttribute(e, o.type);
-      this._$Em = t, r == null ? this.removeAttribute(s) : this.setAttribute(s, r), this._$Em = null;
+    var r;
+    const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);
+    if (i !== void 0 && s.reflect === !0) {
+      const n = (((r = s.converter) == null ? void 0 : r.toAttribute) !== void 0 ? s.converter : e1).toAttribute(e, s.type);
+      this._$Em = t, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), 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 r = o.getPropertyOptions(s), l = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((n = r.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? r.converter : I;
-      this._$Em = s, this[s] = l.fromAttribute(e, r.type), this._$Em = null;
+    var r;
+    const s = this.constructor, i = s._$Eh.get(t);
+    if (i !== void 0 && this._$Em !== i) {
+      const n = s.getPropertyOptions(i), a = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((r = n.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? n.converter : e1;
+      this._$Em = i, this[i] = a.fromAttribute(e, n.type), this._$Em = null;
     }
   }
-  requestUpdate(t, e, o) {
+  requestUpdate(t, e, s) {
     if (t !== void 0) {
-      if (o ?? (o = this.constructor.getPropertyOptions(t)), !(o.hasChanged ?? o1)(this[t], e)) return;
-      this.P(t, e, o);
+      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? g1)(this[t], e)) return;
+      this.P(t, e, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
   }
-  P(t, e, o) {
-    this._$AL.has(t) || this._$AL.set(t, e), o.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
+  P(t, e, s) {
+    this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
   }
   async _$ET() {
     this.isUpdatePending = !0;
@@ -226,25 +226,25 @@ class P extends HTMLElement {
     return this.performUpdate();
   }
   performUpdate() {
-    var o;
+    var s;
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [n, r] of this._$Ep) this[n] = r;
+        for (const [r, n] of this._$Ep) this[r] = n;
         this._$Ep = void 0;
       }
-      const s = this.constructor.elementProperties;
-      if (s.size > 0) for (const [n, r] of s) r.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], r);
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [r, n] of i) n.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], n);
     }
     let t = !1;
     const e = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((s) => {
-        var n;
-        return (n = s.hostUpdate) == null ? void 0 : n.call(s);
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((i) => {
+        var r;
+        return (r = i.hostUpdate) == null ? void 0 : r.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);
   }
@@ -252,9 +252,9 @@ class P 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);
+    (e = this._$EO) == null || e.forEach((s) => {
+      var i;
+      return (i = s.hostUpdated) == null ? void 0 : i.call(s);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$EU() {
@@ -276,117 +276,117 @@ class P extends HTMLElement {
   }
   firstUpdated(t) {
   }
-}
-P.elementStyles = [], P.shadowRootOptions = { mode: "open" }, P[B("elementProperties")] = /* @__PURE__ */ new Map(), P[B("finalized")] = /* @__PURE__ */ new Map(), J == null || J({ ReactiveElement: P }), (m.reactiveElementVersions ?? (m.reactiveElementVersions = [])).push("2.0.4");
+};
+k.elementStyles = [], k.shadowRootOptions = { mode: "open" }, k[q("elementProperties")] = /* @__PURE__ */ new Map(), k[q("finalized")] = /* @__PURE__ */ new Map(), d1 == null || d1({ ReactiveElement: k }), (E.reactiveElementVersions ?? (E.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const D1 = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: o1 }, j1 = (i = D1, 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, i), o === "accessor") {
-    const { name: r } = e;
-    return { set(l) {
-      const C = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(r, C, i);
-    }, init(l) {
-      return l !== void 0 && this.P(r, void 0, i), l;
+const b5 = { attribute: !0, type: String, converter: e1, reflect: !1, hasChanged: g1 }, $5 = (o = b5, t, e) => {
+  const { kind: s, metadata: i } = e;
+  let r = globalThis.litPropertyMetadata.get(i);
+  if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, o), s === "accessor") {
+    const { name: n } = e;
+    return { set(a) {
+      const l = t.get.call(this);
+      t.set.call(this, a), this.requestUpdate(n, l, o);
+    }, init(a) {
+      return a !== void 0 && this.P(n, void 0, o), a;
     } };
   }
-  if (o === "setter") {
-    const { name: r } = e;
-    return function(l) {
-      const C = this[r];
-      t.call(this, l), this.requestUpdate(r, C, i);
+  if (s === "setter") {
+    const { name: n } = e;
+    return function(a) {
+      const l = this[n];
+      t.call(this, a), this.requestUpdate(n, l, o);
     };
   }
-  throw Error("Unsupported decorator location: " + o);
+  throw Error("Unsupported decorator location: " + s);
 };
-function u(i) {
-  return (t, e) => typeof e == "object" ? j1(i, t, e) : ((o, s, n) => {
-    const r = s.hasOwnProperty(n);
-    return s.constructor.createProperty(n, r ? { ...o, wrapped: !0 } : o), r ? Object.getOwnPropertyDescriptor(s, n) : void 0;
-  })(i, t, e);
+function d(o) {
+  return (t, e) => typeof e == "object" ? $5(o, t, e) : ((s, i, r) => {
+    const n = i.hasOwnProperty(r);
+    return i.constructor.createProperty(r, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(i, r) : void 0;
+  })(o, t, e);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function $1(i) {
-  return u({ ...i, state: !0, attribute: !1 });
+function E5(o) {
+  return d({ ...o, state: !0, attribute: !1 });
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const O = globalThis, G = O.trustedTypes, c1 = G ? G.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, L1 = "$lit$", b = `lit$${Math.random().toFixed(9).slice(2)}$`, M1 = "?" + b, I1 = `<${M1}>`, Z = document, W = () => Z.createComment(""), T = (i) => i === null || typeof i != "object" && typeof i != "function", s1 = Array.isArray, G1 = (i) => s1(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", Y = `[ 	
-\f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, h1 = /-->/g, d1 = />/g, L = RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), u1 = /'/g, p1 = /"/g, x1 = /^(?:script|style|textarea|title)$/i, N = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), v1 = /* @__PURE__ */ new WeakMap(), x = Z.createTreeWalker(Z, 129);
-function Z1(i, t) {
-  if (!s1(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return c1 !== void 0 ? c1.createHTML(t) : t;
+const N = globalThis, s1 = N.trustedTypes, Z1 = s1 ? s1.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, t5 = "$lit$", $ = `lit$${Math.random().toFixed(9).slice(2)}$`, e5 = "?" + $, S5 = `<${e5}>`, M = document, i1 = () => M.createComment(""), G = (o) => o === null || typeof o != "object" && typeof o != "function", w1 = Array.isArray, L5 = (o) => w1(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", u1 = `[ 	
+\f\r]`, z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, V1 = /-->/g, U1 = />/g, S = RegExp(`>|${u1}(?:([^\\s"'>=/]+)(${u1}*=${u1}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), k1 = /'/g, z1 = /"/g, s5 = /^(?:script|style|textarea|title)$/i, W = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), O1 = /* @__PURE__ */ new WeakMap(), L = M.createTreeWalker(M, 129);
+function i5(o, t) {
+  if (!w1(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Z1 !== void 0 ? Z1.createHTML(t) : t;
 }
-const W1 = (i, t) => {
-  const e = i.length - 1, o = [];
-  let s, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = k;
-  for (let l = 0; l < e; l++) {
-    const C = i[l];
-    let d, p, c = -1, f = 0;
-    for (; f < C.length && (r.lastIndex = f, p = r.exec(C), p !== null); ) f = r.lastIndex, r === k ? p[1] === "!--" ? r = h1 : p[1] !== void 0 ? r = d1 : p[2] !== void 0 ? (x1.test(p[2]) && (s = RegExp("</" + p[2], "g")), r = L) : p[3] !== void 0 && (r = L) : r === L ? p[0] === ">" ? (r = s ?? k, c = -1) : p[1] === void 0 ? c = -2 : (c = r.lastIndex - p[2].length, d = p[1], r = p[3] === void 0 ? L : p[3] === '"' ? p1 : u1) : r === p1 || r === u1 ? r = L : r === h1 || r === d1 ? r = k : (r = L, s = void 0);
-    const _ = r === L && i[l + 1].startsWith("/>") ? " " : "";
-    n += r === k ? C + I1 : c >= 0 ? (o.push(d), C.slice(0, c) + L1 + C.slice(c) + b + _) : C + b + (c === -2 ? l : _);
-  }
-  return [Z1(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
+const M5 = (o, t) => {
+  const e = o.length - 1, s = [];
+  let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = z;
+  for (let a = 0; a < e; a++) {
+    const l = o[a];
+    let u, p, h = -1, g = 0;
+    for (; g < l.length && (n.lastIndex = g, p = n.exec(l), p !== null); ) g = n.lastIndex, n === z ? p[1] === "!--" ? n = V1 : p[1] !== void 0 ? n = U1 : p[2] !== void 0 ? (s5.test(p[2]) && (i = RegExp("</" + p[2], "g")), n = S) : p[3] !== void 0 && (n = S) : n === S ? p[0] === ">" ? (n = i ?? z, h = -1) : p[1] === void 0 ? h = -2 : (h = n.lastIndex - p[2].length, u = p[1], n = p[3] === void 0 ? S : p[3] === '"' ? z1 : k1) : n === z1 || n === k1 ? n = S : n === V1 || n === U1 ? n = z : (n = S, i = void 0);
+    const b = n === S && o[a + 1].startsWith("/>") ? " " : "";
+    r += n === z ? l + S5 : h >= 0 ? (s.push(u), l.slice(0, h) + t5 + l.slice(h) + $ + b) : l + $ + (h === -2 ? a : b);
+  }
+  return [i5(o, r + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
-let Q = class H1 {
-  constructor({ strings: t, _$litType$: e }, o) {
-    let s;
+let v1 = class o5 {
+  constructor({ strings: t, _$litType$: e }, s) {
+    let i;
     this.parts = [];
-    let n = 0, r = 0;
-    const l = t.length - 1, C = this.parts, [d, p] = W1(t, e);
-    if (this.el = H1.createElement(d, o), x.currentNode = this.el.content, e === 2 || e === 3) {
-      const c = this.el.content.firstChild;
-      c.replaceWith(...c.childNodes);
+    let r = 0, n = 0;
+    const a = t.length - 1, l = this.parts, [u, p] = M5(t, e);
+    if (this.el = o5.createElement(u, s), L.currentNode = this.el.content, e === 2 || e === 3) {
+      const h = this.el.content.firstChild;
+      h.replaceWith(...h.childNodes);
     }
-    for (; (s = x.nextNode()) !== null && C.length < l; ) {
-      if (s.nodeType === 1) {
-        if (s.hasAttributes()) for (const c of s.getAttributeNames()) if (c.endsWith(L1)) {
-          const f = p[r++], _ = s.getAttribute(c).split(b), q = /([.?@])?(.*)/.exec(f);
-          C.push({ type: 1, index: n, name: q[2], strings: _, ctor: q[1] === "." ? K1 : q[1] === "?" ? J1 : q[1] === "@" ? Y1 : K }), s.removeAttribute(c);
-        } else c.startsWith(b) && (C.push({ type: 6, index: n }), s.removeAttribute(c));
-        if (x1.test(s.tagName)) {
-          const c = s.textContent.split(b), f = c.length - 1;
-          if (f > 0) {
-            s.textContent = G ? G.emptyScript : "";
-            for (let _ = 0; _ < f; _++) s.append(c[_], W()), x.nextNode(), C.push({ type: 2, index: ++n });
-            s.append(c[f], W());
+    for (; (i = L.nextNode()) !== null && l.length < a; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(t5)) {
+          const g = p[n++], b = i.getAttribute(h).split($), J = /([.?@])?(.*)/.exec(g);
+          l.push({ type: 1, index: r, name: J[2], strings: b, ctor: J[1] === "." ? A5 : J[1] === "?" ? P5 : J[1] === "@" ? H5 : l1 }), i.removeAttribute(h);
+        } else h.startsWith($) && (l.push({ type: 6, index: r }), i.removeAttribute(h));
+        if (s5.test(i.tagName)) {
+          const h = i.textContent.split($), g = h.length - 1;
+          if (g > 0) {
+            i.textContent = s1 ? s1.emptyScript : "";
+            for (let b = 0; b < g; b++) i.append(h[b], i1()), L.nextNode(), l.push({ type: 2, index: ++r });
+            i.append(h[g], i1());
           }
         }
-      } else if (s.nodeType === 8) if (s.data === M1) C.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === e5) l.push({ type: 2, index: r });
       else {
-        let c = -1;
-        for (; (c = s.data.indexOf(b, c + 1)) !== -1; ) C.push({ type: 7, index: n }), c += b.length - 1;
+        let h = -1;
+        for (; (h = i.data.indexOf($, h + 1)) !== -1; ) l.push({ type: 7, index: r }), h += $.length - 1;
       }
-      n++;
+      r++;
     }
   }
   static createElement(t, e) {
-    const o = Z.createElement("template");
-    return o.innerHTML = t, o;
+    const s = M.createElement("template");
+    return s.innerHTML = t, s;
   }
 };
-function E(i, t, e = i, o) {
-  var r, l;
-  if (t === N) return t;
-  let s = o !== void 0 ? (r = e._$Co) == null ? void 0 : r[o] : e._$Cl;
-  const n = T(t) ? void 0 : t._$litDirective$;
-  return (s == null ? void 0 : s.constructor) !== n && ((l = s == null ? void 0 : s._$AO) == null || l.call(s, !1), n === void 0 ? s = void 0 : (s = new n(i), s._$AT(i, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = s : e._$Cl = s), s !== void 0 && (t = E(i, s._$AS(i, t.values), s, o)), t;
+function A(o, t, e = o, s) {
+  var n, a;
+  if (t === W) return t;
+  let i = s !== void 0 ? (n = e._$Co) == null ? void 0 : n[s] : e._$Cl;
+  const r = G(t) ? void 0 : t._$litDirective$;
+  return (i == null ? void 0 : i.constructor) !== r && ((a = i == null ? void 0 : i._$AO) == null || a.call(i, !1), r === void 0 ? i = void 0 : (i = new r(o), i._$AT(o, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = A(o, i._$AS(o, t.values), i, s)), t;
 }
-let F1 = class {
+let x5 = class {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -397,29 +397,29 @@ let F1 = class {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: o } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? Z).importNode(e, !0);
-    x.currentNode = s;
-    let n = x.nextNode(), r = 0, l = 0, C = o[0];
-    for (; C !== void 0; ) {
-      if (r === C.index) {
-        let d;
-        C.type === 2 ? d = new E1(n, n.nextSibling, this, t) : C.type === 1 ? d = new C.ctor(n, C.name, C.strings, this, t) : C.type === 6 && (d = new X1(n, this, t)), this._$AV.push(d), C = o[++l];
+    const { el: { content: e }, parts: s } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? M).importNode(e, !0);
+    L.currentNode = i;
+    let r = L.nextNode(), n = 0, a = 0, l = s[0];
+    for (; l !== void 0; ) {
+      if (n === l.index) {
+        let u;
+        l.type === 2 ? u = new r5(r, r.nextSibling, this, t) : l.type === 1 ? u = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (u = new Z5(r, this, t)), this._$AV.push(u), l = s[++a];
       }
-      r !== (C == null ? void 0 : C.index) && (n = x.nextNode(), r++);
+      n !== (l == null ? void 0 : l.index) && (r = L.nextNode(), n++);
     }
-    return x.currentNode = Z, s;
+    return L.currentNode = M, i;
   }
   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++;
+    for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
   }
-}, E1 = class S1 {
+}, r5 = class n5 {
   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 = h, 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, s, i) {
+    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -433,7 +433,7 @@ let F1 = class {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = E(this, t, e), T(t) ? t === h || t == null || t === "" ? (this._$AH !== h && this._$AR(), this._$AH = h) : t !== this._$AH && t !== N && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : G1(t) ? this.k(t) : this._(t);
+    t = A(this, t, e), G(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== W && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : L5(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -442,109 +442,109 @@ let F1 = class {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== h && T(this._$AH) ? this._$AA.nextSibling.data = t : this.T(Z.createTextNode(t)), this._$AH = t;
+    this._$AH !== c && G(this._$AH) ? this._$AA.nextSibling.data = t : this.T(M.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 = Q.createElement(Z1(o.h, o.h[0]), this.options)), o);
-    if (((n = this._$AH) == null ? void 0 : n._$AD) === s) this._$AH.p(e);
+    var r;
+    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = v1.createElement(i5(s.h, s.h[0]), this.options)), s);
+    if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
     else {
-      const r = new F1(s, this), l = r.u(this.options);
-      r.p(e), this.T(l), this._$AH = r;
+      const n = new x5(i, this), a = n.u(this.options);
+      n.p(e), this.T(a), this._$AH = n;
     }
   }
   _$AC(t) {
-    let e = v1.get(t.strings);
-    return e === void 0 && v1.set(t.strings, e = new Q(t)), e;
+    let e = O1.get(t.strings);
+    return e === void 0 && O1.set(t.strings, e = new v1(t)), e;
   }
   k(t) {
-    s1(this._$AH) || (this._$AH = [], this._$AR());
+    w1(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 S1(this.O(W()), this.O(W()), this, this.options)) : o = e[s], o._$AI(n), s++;
-    s < e.length && (this._$AR(o && o._$AB.nextSibling, s), e.length = s);
+    let s, i = 0;
+    for (const r of t) i === e.length ? e.push(s = new n5(this.O(i1()), this.O(i1()), this, this.options)) : s = e[i], s._$AI(r), i++;
+    i < e.length && (this._$AR(s && s._$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;
+    var s;
+    for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const i = t.nextSibling;
+      t.remove(), t = i;
     }
   }
   setConnected(t) {
     var e;
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
-}, K = class {
+}, l1 = class {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, o, s, n) {
-    this.type = 1, this._$AH = h, 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 = h;
+  constructor(t, e, s, i, r) {
+    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = c;
   }
-  _$AI(t, e = this, o, s) {
-    const n = this.strings;
-    let r = !1;
-    if (n === void 0) t = E(this, t, e, 0), r = !T(t) || t !== this._$AH && t !== N, r && (this._$AH = t);
+  _$AI(t, e = this, s, i) {
+    const r = this.strings;
+    let n = !1;
+    if (r === void 0) t = A(this, t, e, 0), n = !G(t) || t !== this._$AH && t !== W, n && (this._$AH = t);
     else {
-      const l = t;
-      let C, d;
-      for (t = n[0], C = 0; C < n.length - 1; C++) d = E(this, l[o + C], e, C), d === N && (d = this._$AH[C]), r || (r = !T(d) || d !== this._$AH[C]), d === h ? t = h : t !== h && (t += (d ?? "") + n[C + 1]), this._$AH[C] = d;
+      const a = t;
+      let l, u;
+      for (t = r[0], l = 0; l < r.length - 1; l++) u = A(this, a[s + l], e, l), u === W && (u = this._$AH[l]), n || (n = !G(u) || u !== this._$AH[l]), u === c ? t = c : t !== c && (t += (u ?? "") + r[l + 1]), this._$AH[l] = u;
     }
-    r && !s && this.j(t);
+    n && !i && this.j(t);
   }
   j(t) {
-    t === h ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
-}, K1 = class extends K {
+}, A5 = class extends l1 {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === h ? void 0 : t;
+    this.element[this.name] = t === c ? void 0 : t;
   }
-}, J1 = class extends K {
+}, P5 = class extends l1 {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== h);
+    this.element.toggleAttribute(this.name, !!t && t !== c);
   }
-}, Y1 = class extends K {
-  constructor(t, e, o, s, n) {
-    super(t, e, o, s, n), this.type = 5;
+}, H5 = class extends l1 {
+  constructor(t, e, s, i, r) {
+    super(t, e, s, i, r), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = E(this, t, e, 0) ?? h) === N) return;
-    const o = this._$AH, s = t === h && o !== h || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, n = t !== h && (o === h || s);
-    s && this.element.removeEventListener(this.name, this, o), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    if ((t = A(this, t, e, 0) ?? c) === W) return;
+    const s = this._$AH, i = t === c && s !== c || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== c && (s === c || i);
+    i && this.element.removeEventListener(this.name, this, s), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var e;
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
-}, X1 = class {
-  constructor(t, e, o) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = o;
+}, Z5 = class {
+  constructor(t, e, s) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    E(this, t);
+    A(this, t);
   }
 };
-const X = O.litHtmlPolyfillSupport;
-X == null || X(Q, E1), (O.litHtmlVersions ?? (O.litHtmlVersions = [])).push("3.2.1");
+const p1 = N.litHtmlPolyfillSupport;
+p1 == null || p1(v1, r5), (N.litHtmlVersions ?? (N.litHtmlVersions = [])).push("3.2.1");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Q1 = (i) => i ?? h, A1 = b1`
+const V5 = (o) => o ?? c, a5 = a1`
   :host {
     /* Global Radiobutton Styles */
     --_nys-radiobutton-size: var(--nys-size-400, 32px);
@@ -553,10 +553,6 @@ const Q1 = (i) => i ?? h, A1 = b1`
     --_nys-radiobutton-color-focus: var(--nys-color-focus, #004dd1);
     --_nys-radiobutton-width-focus: var(--nys-border-width-md, 2px);
     --_nys-radiobutton-offset-focus: var(--nys-space-2px, 2px);
-    --_nys-radiobutton-transition-duration: var(
-      --nys-transition-duration-sm,
-      0.1s
-    );
     --_nys-radiobutton-gap: var(
       --nys-space-150,
       12px
@@ -588,9 +584,9 @@ const Q1 = (i) => i ?? h, A1 = b1`
       --nys-color-ink,
       var(--nys-color-neutral-900, #1b1b1b)
     );
-    --_nys-radiobutton-error-color: var(
-      --nys-color-danger,
-      var(--nys-color-red-600, #b52c2c)
+    --_nys-radiobutton-color-text: var(
+      --nys-color-text,
+      var(--nys-color-neutral-900, #1b1b1b)
     );
 
     /* Default (Empty) */
@@ -625,8 +621,8 @@ const Q1 = (i) => i ?? h, A1 = b1`
     /* Disabled */
     --_nys-radiobutton-disabled-color-bg: var(--nys-color-ink-reverse, #f0f0f0);
     --_nys-radiobutton-disabled-color-text: var(
-      --nys-color-neutral-500,
-      #797c7f
+      --nys-color-text-disabled,
+      var(--nys-color-neutral-200, #bec0c1)
     );
     --_nys-radiobutton-disabled-color-border: var(
       --nys-color-neutral-100,
@@ -661,7 +657,7 @@ const Q1 = (i) => i ?? h, A1 = b1`
   .nys-radiogroup {
     display: flex;
     flex-direction: column;
-    gap: var(--nys-spacing-50, 4px);
+    gap: var(--nys-space-200, 16px);
     font-family: var(--_nys-radiobutton-font-family);
     font-size: var(--_nys-radiobutton-font-size);
     line-height: var(--_nys-radiobutton-line-height);
@@ -751,20 +747,16 @@ const Q1 = (i) => i ?? h, A1 = b1`
   }
 
   /* Label styling */
-  .nys-radiogroup__label {
-    font-weight: var(--_nys-radiobutton-font-weight-600);
-    color: var(--_nys-radiobutton-color);
-  }
   .nys-radiobutton__label {
     font-weight: var(--_nys-radiobutton-font-weight-400);
-    color: var(--_nys-radiobutton-color);
+    color: var(--_nys-radiobutton-color-text);
   }
 
   /* Description styling */
-  .nys-radiobutton__description,
-  .nys-radiogroup__description {
+  .nys-radiobutton__description {
     font-weight: var(--_nys-radiobutton-font-weight-400);
     font-style: italic;
+    text-align: left;
   }
 
   /* gap between radio and it's label */
@@ -783,39 +775,782 @@ const Q1 = (i) => i ?? h, A1 = b1`
     color: var(--_nys-radiobutton-disabled-color-text);
     cursor: not-allowed;
   }
+`;
+/*!
+   * Label v1.1.1
+   * Part of the New York State Design System
+   * A design system for New York State's digital products.
+   * Repository: https://github.com/its-hcd/nysds
+   * License: MIT
+*/
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const X = globalThis, _1 = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, l5 = Symbol(), R1 = /* @__PURE__ */ new WeakMap();
+let U5 = class {
+  constructor(t, e, s) {
+    if (this._$cssResult$ = !0, s !== l5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = e;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const e = this.t;
+    if (_1 && t === void 0) {
+      const s = e !== void 0 && e.length === 1;
+      s && (t = R1.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && R1.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const k5 = (o) => new U5(typeof o == "string" ? o : o + "", void 0, l5), z5 = (o, t) => {
+  if (_1) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  else for (const e of t) {
+    const s = document.createElement("style"), i = X.litNonce;
+    i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, o.appendChild(s);
+  }
+}, B1 = _1 ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const s of t.cssRules) e += s.cssText;
+  return k5(e);
+})(o) : o;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: O5, defineProperty: R5, getOwnPropertyDescriptor: B5, getOwnPropertyNames: T5, getOwnPropertySymbols: q5, getPrototypeOf: N5 } = Object, P = globalThis, T1 = P.trustedTypes, D5 = T1 ? T1.emptyScript : "", q1 = P.reactiveElementPolyfillSupport, D = (o, t) => o, o1 = { toAttribute(o, t) {
+  switch (t) {
+    case Boolean:
+      o = o ? D5 : null;
+      break;
+    case Object:
+    case Array:
+      o = o == null ? o : JSON.stringify(o);
+  }
+  return o;
+}, fromAttribute(o, t) {
+  let e = o;
+  switch (t) {
+    case Boolean:
+      e = o !== null;
+      break;
+    case Number:
+      e = o === null ? null : Number(o);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(o);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, m1 = (o, t) => !O5(o, t), N1 = { attribute: !0, type: String, converter: o1, reflect: !1, hasChanged: m1 };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), P.litPropertyMetadata ?? (P.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let O = class extends HTMLElement {
+  static addInitializer(t) {
+    this._$Ei(), (this.l ?? (this.l = [])).push(t);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t, e = N1) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
+      const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
+      i !== void 0 && R5(this.prototype, t, i);
+    }
+  }
+  static getPropertyDescriptor(t, e, s) {
+    const { get: i, set: r } = B5(this.prototype, t) ?? { get() {
+      return this[e];
+    }, set(n) {
+      this[e] = n;
+    } };
+    return { get() {
+      return i == null ? void 0 : i.call(this);
+    }, set(n) {
+      const a = i == null ? void 0 : i.call(this);
+      r.call(this, n), this.requestUpdate(t, a, s);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? N1;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(D("elementProperties"))) return;
+    const t = N5(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(D("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(D("properties"))) {
+      const e = this.properties, s = [...T5(e), ...q5(e)];
+      for (const i of s) this.createProperty(i, e[i]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const e = litPropertyMetadata.get(t);
+      if (e !== void 0) for (const [s, i] of e) this.elementProperties.set(s, i);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [e, s] of this.elementProperties) {
+      const i = this._$Eu(e, s);
+      i !== void 0 && this._$Eh.set(i, e);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const i of s) e.unshift(B1(i));
+    } else t !== void 0 && e.push(B1(t));
+    return e;
+  }
+  static _$Eu(t, e) {
+    const s = e.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    var t;
+    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
+  }
+  addController(t) {
+    var e;
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
+  }
+  removeController(t) {
+    var e;
+    (e = this._$EO) == null || e.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+    for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return z5(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
+      var s;
+      return (s = e.hostConnected) == null ? void 0 : s.call(e);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$EO) == null || t.forEach((e) => {
+      var s;
+      return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
+    });
+  }
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
+  }
+  _$EC(t, e) {
+    var s;
+    const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
+    if (r !== void 0 && i.reflect === !0) {
+      const n = (((s = i.converter) == null ? void 0 : s.toAttribute) !== void 0 ? i.converter : o1).toAttribute(e, i.type);
+      this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
+    }
+  }
+  _$AK(t, e) {
+    var s;
+    const i = this.constructor, r = i._$Eh.get(t);
+    if (r !== void 0 && this._$Em !== r) {
+      const n = i.getPropertyOptions(r), a = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((s = n.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? n.converter : o1;
+      this._$Em = r, this[r] = a.fromAttribute(e, n.type), this._$Em = null;
+    }
+  }
+  requestUpdate(t, e, s) {
+    if (t !== void 0) {
+      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? m1)(this[t], e)) return;
+      this.P(t, e, s);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$ET());
+  }
+  P(t, e, s) {
+    this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
+  }
+  async _$ET() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var t;
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+        for (const [r, n] of this._$Ep) this[r] = n;
+        this._$Ep = void 0;
+      }
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [r, n] of i) n.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], n);
+    }
+    let e = !1;
+    const s = this._$AL;
+    try {
+      e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$EO) == null || t.forEach((i) => {
+        var r;
+        return (r = i.hostUpdate) == null ? void 0 : r.call(i);
+      }), this.update(s)) : this._$EU();
+    } catch (i) {
+      throw e = !1, this._$EU(), i;
+    }
+    e && this._$AE(s);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var e;
+    (e = this._$EO) == null || e.forEach((s) => {
+      var i;
+      return (i = s.hostUpdated) == null ? void 0 : i.call(s);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EC(e, this[e]))), this._$EU();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+O.elementStyles = [], O.shadowRootOptions = { mode: "open" }, O[D("elementProperties")] = /* @__PURE__ */ new Map(), O[D("finalized")] = /* @__PURE__ */ new Map(), q1 == null || q1({ ReactiveElement: O }), (P.reactiveElementVersions ?? (P.reactiveElementVersions = [])).push("2.0.4");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const j5 = { attribute: !0, type: String, converter: o1, reflect: !1, hasChanged: m1 }, I5 = (o = j5, t, e) => {
+  const { kind: s, metadata: i } = e;
+  let r = globalThis.litPropertyMetadata.get(i);
+  if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, o), s === "accessor") {
+    const { name: n } = e;
+    return { set(a) {
+      const l = t.get.call(this);
+      t.set.call(this, a), this.requestUpdate(n, l, o);
+    }, init(a) {
+      return a !== void 0 && this.P(n, void 0, o), a;
+    } };
+  }
+  if (s === "setter") {
+    const { name: n } = e;
+    return function(a) {
+      const l = this[n];
+      t.call(this, a), this.requestUpdate(n, l, o);
+    };
+  }
+  throw Error("Unsupported decorator location: " + s);
+};
+function C1(o) {
+  return (t, e) => typeof e == "object" ? I5(o, t, e) : ((s, i, r) => {
+    const n = i.hasOwnProperty(r);
+    return i.constructor.createProperty(r, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(i, r) : void 0;
+  })(o, t, e);
+}
+const G5 = a1`
+  :host {
+    /* Label Typography */
+    --_nys-label-font-family: var(
+      --nys-font-family-ui,
+      var(
+        --nys-font-family-sans,
+        "Proxima Nova",
+        "Helvetica Neue",
+        "Helvetica",
+        "Arial",
+        sans-serif
+      )
+    );
+    --_nys-label-font-weight: var(--nys-font-weight-semibold, 600);
+    --_nys-label-font-size: var(--nys-font-size-ui-md, 16px);
+    --_nys-label-line-height: var(--nys-font-lineheight-ui-md, 24px);
+    --_nys-label-letter-spacing: var(--nys-font-letterspacing-ui-md, 0.044px);
+    --_nys-label-font-color: var(--nys-color-text, #1b1b1b);
 
-  /* Required */
-  .nys-radiobutton__required {
-    color: var(--_nys-radiobutton-error-color);
-    margin-left: var(--_nys-select-margin);
+    /* Description */
+    --nys-description-font-weight: var(--nys-font-weight-regular, 400);
+    --nys-description-font-style: italic;
+    --nys-description-font-color: var(--nys-color-text, #1b1b1b);
+
+    /* Required Flag */
+    --nys-required-font-color: var(--nys-color-danger, #b52c2c);
+
+    /* Optional Flag */
+    --nys-optional-font-weight: var(--nys-font-weight-regular, 400);
+    --nys-optional-font-color: var(--nys-color-text-weak, #4a4d4f);
+
+    /* Spacing */
+    --_nys-label-flag-gap: var(--nys-space-2px, 2px);
   }
 
-  .nys-radiobutton__requiredwrapper {
-    display: inline;
+  .nys-label {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    font-family: var(--_nys-label-font-family);
+    font-size: var(--_nys-label-font-size);
+    line-height: var(--_nys-label-line-height);
+    letter-spacing: var(--_nys-label-letter-spacing);
   }
 
-  /* Error Message Styling */
-  .nys-radiobutton__error {
+  .nys-label__labelwrapper {
     display: flex;
-    align-items: center;
-    gap: var(--nys-space-100, 8px);
-    color: var(--_nys-radiobutton-error-color);
+    gap: var(--_nys-label-flag-gap);
+  }
 
-    /* add divider line */
-    border-top: 1px solid var(--_nys-radiobutton-error-color);
-    padding-top: var(--nys-space-50, 4px);
-    margin-top: var(--nys-space-100, 8px);
+  .nys-label__label {
+    font-weight: var(--_nys-label-font-weight);
+    color: var(--_nys-label-font-color);
   }
 
-  /* Error Icon Styling */
-  nys-icon[name="error"] {
+  .nys-label__description {
+    font-weight: var(--nys-description-font-weight);
+    font-style: var(--nys-description-font-style);
+    color: var(--nys-description-font-color);
+  }
+
+  .nys-label__required {
+    font-weight: var(--_nys-label-font-weight);
+    color: var(--nys-required-font-color);
+  }
+
+  .nys-label__optional {
+    font-weight: var(--nys-optional-font-weight);
+    color: var(--nys-optional-font-color);
+  }
+`;
+var W5 = Object.defineProperty, h1 = (o, t, e, s) => {
+  for (var i = void 0, r = o.length - 1, n; r >= 0; r--)
+    (n = o[r]) && (i = n(t, e, i) || i);
+  return i && W5(t, e, i), i;
+};
+const C5 = class extends F {
+  constructor() {
+    super(...arguments), this.id = "", this.label = "", this.description = "", this.flag = "";
+  }
+  render() {
+    return _`
+      <div class="nys-label">
+        <label for=${this.id} class="nys-label__label"
+          >${this.label}
+          ${this.flag === "required" ? _`<label class="nys-label__required">*</label>` : ""}
+          ${this.flag === "optional" ? _`<label class="nys-label__optional">(Optional)</label>` : ""}</label
+        >
+        <label for=${this.id} class="nys-label__description">
+          <slot name="description">${this.description}</slot>
+        </label>
+      </div>
+    `;
+  }
+};
+C5.styles = G5;
+let K = C5;
+h1([
+  C1({ type: String })
+], K.prototype, "id");
+h1([
+  C1({ type: String })
+], K.prototype, "label");
+h1([
+  C1({ type: String })
+], K.prototype, "description");
+h1([
+  C1({ type: String })
+], K.prototype, "flag");
+customElements.get("nys-label") || customElements.define("nys-label", K);
+/*!
+   * Error Message v1.1.1
+   * Part of the New York State Design System
+   * A design system for New York State's digital products.
+   * Repository: https://github.com/its-hcd/nysds
+   * License: MIT
+*/
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Q = globalThis, b1 = Q.ShadowRoot && (Q.ShadyCSS === void 0 || Q.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, h5 = Symbol(), D1 = /* @__PURE__ */ new WeakMap();
+let F5 = class {
+  constructor(o, t, e) {
+    if (this._$cssResult$ = !0, e !== h5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = o, this.t = t;
+  }
+  get styleSheet() {
+    let o = this.o;
+    const t = this.t;
+    if (b1 && o === void 0) {
+      const e = t !== void 0 && t.length === 1;
+      e && (o = D1.get(t)), o === void 0 && ((this.o = o = new CSSStyleSheet()).replaceSync(this.cssText), e && D1.set(t, o));
+    }
+    return o;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const K5 = (o) => new F5(typeof o == "string" ? o : o + "", void 0, h5), J5 = (o, t) => {
+  if (b1) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  else for (const e of t) {
+    const s = document.createElement("style"), i = Q.litNonce;
+    i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, o.appendChild(s);
+  }
+}, j1 = b1 ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const s of t.cssRules) e += s.cssText;
+  return K5(e);
+})(o) : o;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: Y5, defineProperty: X5, getOwnPropertyDescriptor: Q5, getOwnPropertyNames: t2, getOwnPropertySymbols: e2, getPrototypeOf: s2 } = Object, H = globalThis, I1 = H.trustedTypes, i2 = I1 ? I1.emptyScript : "", G1 = H.reactiveElementPolyfillSupport, j = (o, t) => o, r1 = { toAttribute(o, t) {
+  switch (t) {
+    case Boolean:
+      o = o ? i2 : null;
+      break;
+    case Object:
+    case Array:
+      o = o == null ? o : JSON.stringify(o);
+  }
+  return o;
+}, fromAttribute(o, t) {
+  let e = o;
+  switch (t) {
+    case Boolean:
+      e = o !== null;
+      break;
+    case Number:
+      e = o === null ? null : Number(o);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(o);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, $1 = (o, t) => !Y5(o, t), W1 = { attribute: !0, type: String, converter: r1, reflect: !1, hasChanged: $1 };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), H.litPropertyMetadata ?? (H.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class R extends HTMLElement {
+  static addInitializer(t) {
+    this._$Ei(), (this.l ?? (this.l = [])).push(t);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t, e = W1) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
+      const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
+      i !== void 0 && X5(this.prototype, t, i);
+    }
+  }
+  static getPropertyDescriptor(t, e, s) {
+    const { get: i, set: r } = Q5(this.prototype, t) ?? { get() {
+      return this[e];
+    }, set(n) {
+      this[e] = n;
+    } };
+    return { get() {
+      return i == null ? void 0 : i.call(this);
+    }, set(n) {
+      const a = i == null ? void 0 : i.call(this);
+      r.call(this, n), this.requestUpdate(t, a, s);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? W1;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(j("elementProperties"))) return;
+    const t = s2(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(j("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(j("properties"))) {
+      const e = this.properties, s = [...t2(e), ...e2(e)];
+      for (const i of s) this.createProperty(i, e[i]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const e = litPropertyMetadata.get(t);
+      if (e !== void 0) for (const [s, i] of e) this.elementProperties.set(s, i);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [e, s] of this.elementProperties) {
+      const i = this._$Eu(e, s);
+      i !== void 0 && this._$Eh.set(i, e);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const i of s) e.unshift(j1(i));
+    } else t !== void 0 && e.push(j1(t));
+    return e;
+  }
+  static _$Eu(t, e) {
+    const s = e.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    var t;
+    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
+  }
+  addController(t) {
+    var e;
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
+  }
+  removeController(t) {
+    var e;
+    (e = this._$EO) == null || e.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+    for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return J5(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
+      var s;
+      return (s = e.hostConnected) == null ? void 0 : s.call(e);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$EO) == null || t.forEach((e) => {
+      var s;
+      return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
+    });
+  }
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
+  }
+  _$EC(t, e) {
+    var s;
+    const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
+    if (r !== void 0 && i.reflect === !0) {
+      const n = (((s = i.converter) == null ? void 0 : s.toAttribute) !== void 0 ? i.converter : r1).toAttribute(e, i.type);
+      this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
+    }
+  }
+  _$AK(t, e) {
+    var s;
+    const i = this.constructor, r = i._$Eh.get(t);
+    if (r !== void 0 && this._$Em !== r) {
+      const n = i.getPropertyOptions(r), a = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((s = n.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? n.converter : r1;
+      this._$Em = r, this[r] = a.fromAttribute(e, n.type), this._$Em = null;
+    }
+  }
+  requestUpdate(t, e, s) {
+    if (t !== void 0) {
+      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? $1)(this[t], e)) return;
+      this.P(t, e, s);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$ET());
+  }
+  P(t, e, s) {
+    this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
+  }
+  async _$ET() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var t;
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+        for (const [r, n] of this._$Ep) this[r] = n;
+        this._$Ep = void 0;
+      }
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [r, n] of i) n.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], n);
+    }
+    let e = !1;
+    const s = this._$AL;
+    try {
+      e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$EO) == null || t.forEach((i) => {
+        var r;
+        return (r = i.hostUpdate) == null ? void 0 : r.call(i);
+      }), this.update(s)) : this._$EU();
+    } catch (i) {
+      throw e = !1, this._$EU(), i;
+    }
+    e && this._$AE(s);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var e;
+    (e = this._$EO) == null || e.forEach((s) => {
+      var i;
+      return (i = s.hostUpdated) == null ? void 0 : i.call(s);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EC(e, this[e]))), this._$EU();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+}
+R.elementStyles = [], R.shadowRootOptions = { mode: "open" }, R[j("elementProperties")] = /* @__PURE__ */ new Map(), R[j("finalized")] = /* @__PURE__ */ new Map(), G1 == null || G1({ ReactiveElement: R }), (H.reactiveElementVersions ?? (H.reactiveElementVersions = [])).push("2.0.4");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const o2 = { attribute: !0, type: String, converter: r1, reflect: !1, hasChanged: $1 }, r2 = (o = o2, t, e) => {
+  const { kind: s, metadata: i } = e;
+  let r = globalThis.litPropertyMetadata.get(i);
+  if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, o), s === "accessor") {
+    const { name: n } = e;
+    return { set(a) {
+      const l = t.get.call(this);
+      t.set.call(this, a), this.requestUpdate(n, l, o);
+    }, init(a) {
+      return a !== void 0 && this.P(n, void 0, o), a;
+    } };
+  }
+  if (s === "setter") {
+    const { name: n } = e;
+    return function(a) {
+      const l = this[n];
+      t.call(this, a), this.requestUpdate(n, l, o);
+    };
+  }
+  throw Error("Unsupported decorator location: " + s);
+};
+function E1(o) {
+  return (t, e) => typeof e == "object" ? r2(o, t, e) : ((s, i, r) => {
+    const n = i.hasOwnProperty(r);
+    return i.constructor.createProperty(r, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(i, r) : void 0;
+  })(o, t, e);
+}
+const n2 = a1`
+  :host {
+    --_nys-errormessage-font-family: var(
+      --nys-font-family-ui,
+      var(
+        --nys-font-family-sans,
+        "Proxima Nova",
+        "Helvetica Neue",
+        "Helvetica",
+        "Arial",
+        sans-serif
+      )
+    );
+    --_nys-errormessage-font-weight: var(--nys-font-weight-regular, 400);
+    --_nys-errormessage-font-size: var(--nys-font-size-ui-md, 16px);
+    --_nys-errormessage-line-height: var(--nys-font-lineheight-ui-md, 24px);
+    --_nys-errormessage-letter-spacing: var(
+      --nys-font-letterspacing-ui-md,
+      0.044px
+    );
+    --_nys-errormessage-color: var(
+      --nys-color-danger,
+      var(--nys-color-red-600, #b52c2c)
+    );
+
+    /* Spacing */
+    --_nys-errormessage-gap: var(--nys-space-100, 8px);
+    --_nys-errormessage-divider-gap: var(--nys-space-50, 4px);
+    --_nys-errormessage-divider-width: var(--nys-border-width-sm, 1px);
+  }
+
+  .nys-errormessage {
     display: flex;
     align-items: center;
-    justify-content: center;
-    margin-bottom: auto;
-    box-sizing: border-box;
-    height: var(--_nys-radiobutton-line-height);
-    text-align: center;
+    gap: var(--_nys-errormessage-gap);
+    font-family: var(--_nys-errormessage-font-family);
+    font-weight: var(--_nys-errormessage-font-weight);
+    font-size: var(--_nys-errormessage-font-size);
+    line-height: var(--_nys-errormessage-line-height);
+    letter-spacing: var(--_nys-errormessage-letter-spacing);
+    color: var(--_nys-errormessage-color);
+  }
+
+  .nys-errormessage[showDivider] {
+    padding-top: var(--_nys-errormessage-divider-gap);
+    margin-top: var(--_nys-errormessage-divider-gap);
+    border-top: var(--_nys-errormessage-divider-width) solid
+      var(--_nys-errormessage-color);
   }
 `;
 /*!
@@ -823,7 +1558,7 @@ const Q1 = (i) => i ?? h, A1 = b1`
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
    * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
    * 
-   * Icon Component v1.0.0
+   * Icon Component v1.1.1
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -833,134 +1568,134 @@ const Q1 = (i) => i ?? h, A1 = b1`
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const j = globalThis, i1 = j.ShadowRoot && (j.ShadyCSS === void 0 || j.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, V1 = Symbol(), g1 = /* @__PURE__ */ new WeakMap();
-let t5 = class {
-  constructor(i, t, e) {
-    if (this._$cssResult$ = !0, e !== V1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = i, this.t = t;
+const t1 = globalThis, S1 = t1.ShadowRoot && (t1.ShadyCSS === void 0 || t1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, c5 = Symbol(), F1 = /* @__PURE__ */ new WeakMap();
+let a2 = class {
+  constructor(o, t, e) {
+    if (this._$cssResult$ = !0, e !== c5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = o, this.t = t;
   }
   get styleSheet() {
-    let i = this.o;
+    let o = this.o;
     const t = this.t;
-    if (i1 && i === void 0) {
+    if (S1 && o === void 0) {
       const e = t !== void 0 && t.length === 1;
-      e && (i = g1.get(t)), i === void 0 && ((this.o = i = new CSSStyleSheet()).replaceSync(this.cssText), e && g1.set(t, i));
+      e && (o = F1.get(t)), o === void 0 && ((this.o = o = new CSSStyleSheet()).replaceSync(this.cssText), e && F1.set(t, o));
     }
-    return i;
+    return o;
   }
   toString() {
     return this.cssText;
   }
 };
-const e5 = (i) => new t5(typeof i == "string" ? i : i + "", void 0, V1), o5 = (i, t) => {
-  if (i1) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+const l2 = (o) => new a2(typeof o == "string" ? o : o + "", void 0, c5), C2 = (o, t) => {
+  if (S1) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const o = document.createElement("style"), s = j.litNonce;
-    s !== void 0 && o.setAttribute("nonce", s), o.textContent = e.cssText, i.appendChild(o);
+    const s = document.createElement("style"), i = t1.litNonce;
+    i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, o.appendChild(s);
   }
-}, y1 = i1 ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
+}, K1 = S1 ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
   let e = "";
-  for (const o of t.cssRules) e += o.cssText;
-  return e5(e);
-})(i) : i;
+  for (const s of t.cssRules) e += s.cssText;
+  return l2(e);
+})(o) : o;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: s5, defineProperty: i5, getOwnPropertyDescriptor: r5, getOwnPropertyNames: n5, getOwnPropertySymbols: C5, getPrototypeOf: l5 } = Object, S = globalThis, f1 = S.trustedTypes, a5 = f1 ? f1.emptyScript : "", w1 = S.reactiveElementPolyfillSupport, R = (i, t) => i, F = { toAttribute(i, t) {
+const { is: h2, defineProperty: c2, getOwnPropertyDescriptor: d2, getOwnPropertyNames: u2, getOwnPropertySymbols: p2, getPrototypeOf: v2 } = Object, Z = globalThis, J1 = Z.trustedTypes, y2 = J1 ? J1.emptyScript : "", Y1 = Z.reactiveElementPolyfillSupport, I = (o, t) => o, n1 = { toAttribute(o, t) {
   switch (t) {
     case Boolean:
-      i = i ? a5 : null;
+      o = o ? y2 : null;
       break;
     case Object:
     case Array:
-      i = i == null ? i : JSON.stringify(i);
+      o = o == null ? o : JSON.stringify(o);
   }
-  return i;
-}, fromAttribute(i, t) {
-  let e = i;
+  return o;
+}, fromAttribute(o, t) {
+  let e = o;
   switch (t) {
     case Boolean:
-      e = i !== null;
+      e = o !== null;
       break;
     case Number:
-      e = i === null ? null : Number(i);
+      e = o === null ? null : Number(o);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(i);
+        e = JSON.parse(o);
       } catch {
         e = null;
       }
   }
   return e;
-} }, r1 = (i, t) => !s5(i, t), _1 = { attribute: !0, type: String, converter: F, reflect: !1, hasChanged: r1 };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), S.litPropertyMetadata ?? (S.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class z extends HTMLElement {
+} }, L1 = (o, t) => !h2(o, t), X1 = { attribute: !0, type: String, converter: n1, reflect: !1, hasChanged: L1 };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Z.litPropertyMetadata ?? (Z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class B extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = _1) {
+  static createProperty(t, e = X1) {
     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 && i5(this.prototype, t, s);
+      const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
+      i !== void 0 && c2(this.prototype, t, i);
     }
   }
-  static getPropertyDescriptor(t, e, o) {
-    const { get: s, set: n } = r5(this.prototype, t) ?? { get() {
+  static getPropertyDescriptor(t, e, s) {
+    const { get: i, set: r } = d2(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(r) {
-      this[e] = r;
+    }, set(n) {
+      this[e] = n;
     } };
     return { get() {
-      return s == null ? void 0 : s.call(this);
-    }, set(r) {
-      const l = s == null ? void 0 : s.call(this);
-      n.call(this, r), this.requestUpdate(t, l, o);
+      return i == null ? void 0 : i.call(this);
+    }, set(n) {
+      const a = i == null ? void 0 : i.call(this);
+      r.call(this, n), this.requestUpdate(t, a, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? _1;
+    return this.elementProperties.get(t) ?? X1;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(R("elementProperties"))) return;
-    const t = l5(this);
+    if (this.hasOwnProperty(I("elementProperties"))) return;
+    const t = v2(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 = [...n5(e), ...C5(e)];
-      for (const s of o) this.createProperty(s, e[s]);
+    if (this.hasOwnProperty(I("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(I("properties"))) {
+      const e = this.properties, s = [...u2(e), ...p2(e)];
+      for (const i of s) 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 [s, i] of e) this.elementProperties.set(s, 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);
+    for (const [e, s] of this.elementProperties) {
+      const i = this._$Eu(e, s);
+      i !== void 0 && this._$Eh.set(i, e);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
   static finalizeStyles(t) {
     const e = [];
     if (Array.isArray(t)) {
-      const o = new Set(t.flat(1 / 0).reverse());
-      for (const s of o) e.unshift(y1(s));
-    } else t !== void 0 && e.push(y1(t));
+      const s = new Set(t.flat(1 / 0).reverse());
+      for (const i of s) e.unshift(K1(i));
+    } else t !== void 0 && e.push(K1(t));
     return e;
   }
   static _$Eu(t, e) {
-    const o = e.attribute;
-    return o === !1 ? void 0 : typeof o == "string" ? o : typeof t == "string" ? t.toLowerCase() : void 0;
+    const s = e.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -979,18 +1714,18 @@ class z extends HTMLElement {
   }
   _$E_() {
     const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const o of e.keys()) this.hasOwnProperty(o) && (t.set(o, this[o]), delete this[o]);
+    for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
     t.size > 0 && (this._$Ep = t);
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return o5(t, this.constructor.elementStyles), t;
+    return C2(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
     this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
-      var o;
-      return (o = e.hostConnected) == null ? void 0 : o.call(e);
+      var s;
+      return (s = e.hostConnected) == null ? void 0 : s.call(e);
     });
   }
   enableUpdating(t) {
@@ -998,38 +1733,38 @@ class z extends HTMLElement {
   disconnectedCallback() {
     var t;
     (t = this._$EO) == null || t.forEach((e) => {
-      var o;
-      return (o = e.hostDisconnected) == null ? void 0 : o.call(e);
+      var s;
+      return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
     });
   }
-  attributeChangedCallback(t, e, o) {
-    this._$AK(t, o);
+  attributeChangedCallback(t, e, s) {
+    this._$AK(t, s);
   }
   _$EC(t, e) {
-    var o;
-    const s = this.constructor.elementProperties.get(t), n = this.constructor._$Eu(t, s);
-    if (n !== void 0 && s.reflect === !0) {
-      const r = (((o = s.converter) == null ? void 0 : o.toAttribute) !== void 0 ? s.converter : F).toAttribute(e, s.type);
-      this._$Em = t, r == null ? this.removeAttribute(n) : this.setAttribute(n, r), this._$Em = null;
+    var s;
+    const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
+    if (r !== void 0 && i.reflect === !0) {
+      const n = (((s = i.converter) == null ? void 0 : s.toAttribute) !== void 0 ? i.converter : n1).toAttribute(e, i.type);
+      this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
     }
   }
   _$AK(t, e) {
-    var o;
-    const s = this.constructor, n = s._$Eh.get(t);
-    if (n !== void 0 && this._$Em !== n) {
-      const r = s.getPropertyOptions(n), l = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((o = r.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? r.converter : F;
-      this._$Em = n, this[n] = l.fromAttribute(e, r.type), this._$Em = null;
+    var s;
+    const i = this.constructor, r = i._$Eh.get(t);
+    if (r !== void 0 && this._$Em !== r) {
+      const n = i.getPropertyOptions(r), a = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((s = n.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? n.converter : n1;
+      this._$Em = r, this[r] = a.fromAttribute(e, n.type), this._$Em = null;
     }
   }
-  requestUpdate(t, e, o) {
+  requestUpdate(t, e, s) {
     if (t !== void 0) {
-      if (o ?? (o = this.constructor.getPropertyOptions(t)), !(o.hasChanged ?? r1)(this[t], e)) return;
-      this.P(t, e, o);
+      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? L1)(this[t], e)) return;
+      this.P(t, e, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
   }
-  P(t, e, o) {
-    this._$AL.has(t) || this._$AL.set(t, e), o.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
+  P(t, e, s) {
+    this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
   }
   async _$ET() {
     this.isUpdatePending = !0;
@@ -1049,31 +1784,31 @@ class z extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [n, r] of this._$Ep) this[n] = r;
+        for (const [r, n] of this._$Ep) this[r] = n;
         this._$Ep = void 0;
       }
-      const s = this.constructor.elementProperties;
-      if (s.size > 0) for (const [n, r] of s) r.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], r);
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [r, n] of i) n.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], n);
     }
     let e = !1;
-    const o = this._$AL;
+    const s = this._$AL;
     try {
-      e = this.shouldUpdate(o), e ? (this.willUpdate(o), (t = this._$EO) == null || t.forEach((s) => {
-        var n;
-        return (n = s.hostUpdate) == null ? void 0 : n.call(s);
-      }), this.update(o)) : this._$EU();
-    } catch (s) {
-      throw e = !1, this._$EU(), s;
+      e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$EO) == null || t.forEach((i) => {
+        var r;
+        return (r = i.hostUpdate) == null ? void 0 : r.call(i);
+      }), this.update(s)) : this._$EU();
+    } catch (i) {
+      throw e = !1, this._$EU(), i;
     }
-    e && this._$AE(o);
+    e && this._$AE(s);
   }
   willUpdate(t) {
   }
   _$AE(t) {
     var e;
-    (e = this._$EO) == null || e.forEach((o) => {
-      var s;
-      return (s = o.hostUpdated) == null ? void 0 : s.call(o);
+    (e = this._$EO) == null || e.forEach((s) => {
+      var i;
+      return (i = s.hostUpdated) == null ? void 0 : i.call(s);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$EU() {
@@ -1096,40 +1831,40 @@ class z extends HTMLElement {
   firstUpdated(t) {
   }
 }
-z.elementStyles = [], z.shadowRootOptions = { mode: "open" }, z[R("elementProperties")] = /* @__PURE__ */ new Map(), z[R("finalized")] = /* @__PURE__ */ new Map(), w1 == null || w1({ ReactiveElement: z }), (S.reactiveElementVersions ?? (S.reactiveElementVersions = [])).push("2.0.4");
+B.elementStyles = [], B.shadowRootOptions = { mode: "open" }, B[I("elementProperties")] = /* @__PURE__ */ new Map(), B[I("finalized")] = /* @__PURE__ */ new Map(), Y1 == null || Y1({ ReactiveElement: B }), (Z.reactiveElementVersions ?? (Z.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const c5 = { attribute: !0, type: String, converter: F, reflect: !1, hasChanged: r1 }, h5 = (i = c5, 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, i), o === "accessor") {
-    const { name: r } = e;
-    return { set(l) {
-      const C = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(r, C, i);
-    }, init(l) {
-      return l !== void 0 && this.P(r, void 0, i), l;
+const f2 = { attribute: !0, type: String, converter: n1, reflect: !1, hasChanged: L1 }, g2 = (o = f2, t, e) => {
+  const { kind: s, metadata: i } = e;
+  let r = globalThis.litPropertyMetadata.get(i);
+  if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, o), s === "accessor") {
+    const { name: n } = e;
+    return { set(a) {
+      const l = t.get.call(this);
+      t.set.call(this, a), this.requestUpdate(n, l, o);
+    }, init(a) {
+      return a !== void 0 && this.P(n, void 0, o), a;
     } };
   }
-  if (o === "setter") {
-    const { name: r } = e;
-    return function(l) {
-      const C = this[r];
-      t.call(this, l), this.requestUpdate(r, C, i);
+  if (s === "setter") {
+    const { name: n } = e;
+    return function(a) {
+      const l = this[n];
+      t.call(this, a), this.requestUpdate(n, l, o);
     };
   }
-  throw Error("Unsupported decorator location: " + o);
+  throw Error("Unsupported decorator location: " + s);
 };
-function A(i) {
-  return (t, e) => typeof e == "object" ? h5(i, t, e) : ((o, s, n) => {
-    const r = s.hasOwnProperty(n);
-    return s.constructor.createProperty(n, r ? { ...o, wrapped: !0 } : o), r ? Object.getOwnPropertyDescriptor(s, n) : void 0;
-  })(i, t, e);
+function V(o) {
+  return (t, e) => typeof e == "object" ? g2(o, t, e) : ((s, i, r) => {
+    const n = i.hasOwnProperty(r);
+    return i.constructor.createProperty(r, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(i, r) : void 0;
+  })(o, t, e);
 }
-const d5 = {
+const w2 = {
   // --------- UX Team Main Library (below) --------- //
   // *** CORE *** //
   account_circle: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
@@ -1328,7 +2063,7 @@ const d5 = {
   lock_filled: `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="23" viewBox="0 0 18 23" fill="none">
   <path d="M3.30002 22.7751C2.43369 22.7751 1.69211 22.4667 1.07527 21.8498C0.458441 21.2328 0.150024 20.4913 0.150024 19.6251V10.2251C0.150024 9.35893 0.458441 8.61735 1.07527 8.00035C1.69211 7.38351 2.43369 7.0751 3.30002 7.0751H3.62502V5.8001C3.62502 4.28343 4.14586 2.99593 5.18752 1.9376C6.22919 0.879264 7.50002 0.350098 9.00002 0.350098C10.5 0.350098 11.7709 0.879264 12.8125 1.9376C13.8542 2.99593 14.375 4.28343 14.375 5.8001V7.0751H14.7C15.5662 7.0751 16.3078 7.38351 16.9248 8.00035C17.5416 8.61735 17.85 9.35893 17.85 10.2251V19.6251C17.85 20.4913 17.5416 21.2328 16.9248 21.8498C16.3078 22.4667 15.5662 22.7751 14.7 22.7751H3.30002ZM9.00002 16.9251C9.55002 16.9251 10.0209 16.7293 10.4125 16.3376C10.8042 15.9459 11 15.4751 11 14.9251C11 14.3751 10.8042 13.9043 10.4125 13.5126C10.0209 13.1209 9.55002 12.9251 9.00002 12.9251C8.45002 12.9251 7.97919 13.1209 7.58752 13.5126C7.19586 13.9043 7.00002 14.3751 7.00002 14.9251C7.00002 15.4751 7.19586 15.9459 7.58752 16.3376C7.97919 16.7293 8.45002 16.9251 9.00002 16.9251ZM6.77502 7.0751H11.225V5.8001C11.225 5.16126 11.0125 4.61818 10.5875 4.17085C10.1625 3.72368 9.63336 3.5001 9.00002 3.5001C8.36669 3.5001 7.83752 3.72368 7.41252 4.17085C6.98752 4.61818 6.77502 5.16126 6.77502 5.8001V7.0751Z" fill="var(--nys-icon-color, currentcolor)"/>
 </svg>`
-}, u5 = b1`
+}, _2 = a1`
   :host {
     display: inline-block;
     --_nys-icon-size: 0.7em; /* If cap isn't supported, a fallback value of 0.7em is used, as it closely approximates the height of capital letters in most fonts. */
@@ -1425,34 +2160,34 @@ const d5 = {
     transform: scale(-1, -1);
   }
 `;
-var p5 = Object.defineProperty, v5 = Object.getOwnPropertyDescriptor, V = (i, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? v5(t, e) : t, n = i.length - 1, r; n >= 0; n--)
-    (r = i[n]) && (s = (o ? r(t, e, s) : r(s)) || s);
-  return o && s && p5(t, e, s), s;
-}, U;
-const H = (U = class extends t1 {
+var m2 = Object.defineProperty, b2 = Object.getOwnPropertyDescriptor, U = (o, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? b2(t, e) : t, r = o.length - 1, n; r >= 0; r--)
+    (n = o[r]) && (i = (s ? n(t, e, i) : n(i)) || i);
+  return s && i && m2(t, e, i), i;
+}, T;
+const x = (T = class extends F {
   constructor() {
     super(...arguments), this.name = "", this.label = "", this.rotate = "0", this.flip = "", this.color = "", this._size = "sm";
   }
   get size() {
     return this._size;
   }
-  set size(i) {
-    this._size = U.VALID_TYPES.includes(
-      i
-    ) ? i : "sm";
+  set size(o) {
+    this._size = T.VALID_TYPES.includes(
+      o
+    ) ? o : "sm";
   }
   getIcon() {
-    const i = d5[this.name], t = !!this.label;
-    if (!i) return null;
-    const e = new DOMParser().parseFromString(i, "image/svg+xml").documentElement;
+    const o = w2[this.name], t = !!this.label;
+    if (!o) return null;
+    const e = new DOMParser().parseFromString(o, "image/svg+xml").documentElement;
     return e instanceof SVGElement ? (e.setAttribute("role", "img"), e.setAttribute("aria-label", t ? this.label : ""), e.setAttribute("aria-hidden", t ? "false" : "true"), e.style.rotate = `${this.rotate}deg`, e.style.color = this.color || "currentcolor", e.classList.add(`nys-icon--${this.size}`), e.classList.add("nys-icon--svg"), this.flip && e.classList.add(`nys-icon--flip-${this.flip}`), e) : null;
   }
   render() {
-    const i = this.getIcon();
-    return i ? M`${i}` : null;
+    const o = this.getIcon();
+    return o ? _`${o}` : null;
   }
-}, U.styles = u5, U.VALID_TYPES = [
+}, T.styles = _2, T.VALID_TYPES = [
   "2xs",
   "xs",
   "sm",
@@ -1468,137 +2203,211 @@ const H = (U = class extends t1 {
   "32",
   "48",
   "64"
-], U);
-V([
-  A({ type: String })
-], H.prototype, "name", 2);
-V([
-  A({ type: String })
-], H.prototype, "label", 2);
-V([
-  A({ type: String })
-], H.prototype, "rotate", 2);
-V([
-  A({ type: String })
-], H.prototype, "flip", 2);
-V([
-  A({ type: String })
-], H.prototype, "color", 2);
-V([
-  A({ reflect: !0 })
-], H.prototype, "size", 1);
-let g5 = H;
-customElements.get("nys-icon") || customElements.define("nys-icon", g5);
-var y5 = Object.defineProperty, f5 = Object.getOwnPropertyDescriptor, g = (i, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? f5(t, e) : t, n = i.length - 1, r; n >= 0; n--)
-    (r = i[n]) && (s = (o ? r(t, e, s) : r(s)) || s);
-  return o && s && y5(t, e, s), s;
+], T);
+U([
+  V({ type: String, reflect: !0 })
+], x.prototype, "name", 2);
+U([
+  V({ type: String })
+], x.prototype, "label", 2);
+U([
+  V({ type: String })
+], x.prototype, "rotate", 2);
+U([
+  V({ type: String })
+], x.prototype, "flip", 2);
+U([
+  V({ type: String })
+], x.prototype, "color", 2);
+U([
+  V({ reflect: !0 })
+], x.prototype, "size", 1);
+let $2 = x;
+customElements.get("nys-icon") || customElements.define("nys-icon", $2);
+var E2 = Object.defineProperty, M1 = (o, t, e, s) => {
+  for (var i = void 0, r = o.length - 1, n; r >= 0; r--)
+    (n = o[r]) && (i = n(t, e, i) || i);
+  return i && E2(t, e, i), i;
 };
-let w5 = 0;
-var $;
-const v = ($ = class extends t1 {
+const y1 = class extends F {
+  // allows use of elementInternals' API
   constructor() {
-    super(...arguments), this.id = "", this.name = "", this.required = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.selectedName = null, this.selectedValue = null, this._size = "md";
+    super(), this.showError = !1, this.errorMessage = "", this.showDivider = !1, this._internals = this.attachInternals();
+  }
+  render() {
+    return _`${this.showError ? _`<div class="nys-errormessage" ?showDivider=${this.showDivider}>
+          <nys-icon name="error" size="xl"></nys-icon>
+          ${this._internals.validationMessage || this.errorMessage}
+        </div>` : ""}`;
+  }
+};
+y1.styles = n2, y1.formAssociated = !0;
+let c1 = y1;
+M1([
+  E1({ type: Boolean })
+], c1.prototype, "showError");
+M1([
+  E1({ type: String })
+], c1.prototype, "errorMessage");
+M1([
+  E1({ type: Boolean, reflect: !0 })
+], c1.prototype, "showDivider");
+customElements.get("nys-errormessage") || customElements.define("nys-errormessage", c1);
+var S2 = Object.defineProperty, L2 = Object.getOwnPropertyDescriptor, y = (o, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? L2(t, e) : t, r = o.length - 1, n; r >= 0; r--)
+    (n = o[r]) && (i = (s ? n(t, e, i) : n(i)) || i);
+  return s && i && S2(t, e, i), i;
+};
+let M2 = 0;
+var w;
+const v = (w = class extends F {
+  // 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._internals = this.attachInternals();
   }
   get size() {
     return this._size;
   }
   set size(t) {
-    this._size = $.VALID_SIZES.includes(
+    this._size = w.VALID_SIZES.includes(
       t
     ) ? t : "md";
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-radiogroup-${Date.now()}-${w5++}`), this.addEventListener("change", this._handleRadioButtonChange);
+    super.connectedCallback(), this.id || (this.id = `nys-radiogroup-${Date.now()}-${M2++}`), this.addEventListener("change", this._handleRadioButtonChange), this.addEventListener("invalid", this._handleInvalid);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("change", this._handleRadioButtonChange);
+    super.disconnectedCallback(), this.removeEventListener("change", this._handleRadioButtonChange), this.removeEventListener("invalid", this._handleInvalid);
+  }
+  firstUpdated() {
+    this._initializeCheckedRadioValue(), this._setValue(), this.setRadioButtonRequire();
   }
   updated(t) {
-    t.has("required") && this.updateRadioButtonsRequire(), t.has("size") && this.updateRadioButtonsSize();
+    (t.has("required") || t.has("selectedValue")) && this._manageRequire(), t.has("size") && this._updateRadioButtonsSize();
   }
-  // Updates the "require" attribute of a radiobutton underneath a radiogroup to ensure requirement for all radiobutton under the same name/group
-  updateRadioButtonsRequire() {
-    this.querySelectorAll("nys-radiobutton").forEach((e, o) => {
-      this.required && o === 0 && e.setAttribute("required", "required");
+  // This callback is automatically called when the parent form is reset.
+  formResetCallback() {
+    this.querySelectorAll("nys-radiobutton").forEach((e) => {
+      e.formResetUpdate();
     });
   }
+  /********************** Form Integration **********************/
+  _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() {
+    this.querySelectorAll("nys-radiobutton").forEach((e, s) => {
+      this.required && s === 0 && e.setAttribute("required", "required");
+    });
+  }
+  async _manageRequire() {
+    const t = this.errorMessage || "Please select an option.", e = this.querySelector("nys-radiobutton"), s = e ? await e.getInputElement() : null;
+    this.required && !this.selectedValue ? this._internals.setValidity(
+      { valueMissing: !0 },
+      t,
+      s
+    ) : (this.showError = !1, this._internals.setValidity({}, "", s));
+  }
+  // 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));
+  }
+  /********************** Functions **********************/
   // Updates the size of each radiobutton underneath a radiogroup to ensure size standardization
-  updateRadioButtonsSize() {
+  _updateRadioButtonsSize() {
     this.querySelectorAll("nys-radiobutton").forEach((e) => {
       e.setAttribute("size", this.size);
     });
   }
-  // Keeps radiogroup informed of the name and value of its current selected radiobutton
+  // 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.selectedName = o, this.selectedValue = s, console.log("you have selected:", this.selectedName, this.selectedValue);
+    const e = t, { name: s, value: i } = e.detail;
+    this.name = s, this.selectedValue = i, this._internals.setFormValue(this.selectedValue);
+  }
+  async _handleInvalid(t) {
+    if (t.preventDefault(), this._internals.validity.valueMissing) {
+      this.showError = !0, this._manageRequire();
+      const e = this.querySelector("nys-radiobutton"), s = e ? await e.getInputElement() : null;
+      if (s) {
+        const i = this._internals.form;
+        i ? Array.from(i.elements).find((a) => {
+          if (a.tagName.toLowerCase() === "nys-radiogroup") {
+            if (!a.querySelector("nys-radiobutton").checkValidity())
+              return a;
+          } else
+            return typeof a.checkValidity == "function" && !a.checkValidity();
+        }) === this && s.focus() : s.focus();
+      }
+    }
   }
   render() {
-    return M` <div role="radiogroup" class="nys-radiogroup">
-      ${this.label && M` <div class="nys-radiobutton__text">
-        <div class="nys-radiobutton__requiredwrapper">
-          <label for=${this.id} class="nys-radiogroup__label"
-            >${this.label}</label
-          >
-          ${this.required ? M`<label class="nys-radiobutton__required">*</label>` : ""}
-        </div>
-        <div class="nys-radiogroup__description">
-          ${this.description}
-          <slot name="description"></slot>
-        </div>
-      </div>`}
+    return _` <div
+      role="radiogroup"
+      class="nys-radiogroup"
+      aria-required="${this.required ? "true" : "false"}"
+      aria-invalid="${this.showError ? "true" : "false"}"
+    >
+      <nys-label
+        label=${this.label}
+        description=${this.description}
+        flag=${this.required ? "required" : this.optional ? "optional" : ""}
+      >
+        <slot name="description" slot="description">${this.description}</slot>
+      </nys-label>
       <div class="nys-radiogroup__content">
         <slot></slot>
       </div>
-      ${this.showError && this.errorMessage ? M`<div class="nys-radiobutton__error">
-            <nys-icon name="error" size="xl"></nys-icon>
-            ${this.errorMessage}
-          </div>` : ""}
+      <nys-errormessage
+        ?showError=${this.showError}
+        errorMessage=${this._internals.validationMessage || this.errorMessage}
+        showDivider
+      ></nys-errormessage>
     </div>`;
   }
-}, $.VALID_SIZES = ["sm", "md"], $.styles = A1, $);
-g([
-  u({ type: String })
+}, w.VALID_SIZES = ["sm", "md"], w.styles = a5, w.formAssociated = !0, w);
+y([
+  d({ type: String })
 ], v.prototype, "id", 2);
-g([
-  u({ type: String })
+y([
+  d({ type: String, reflect: !0 })
 ], v.prototype, "name", 2);
-g([
-  u({ type: Boolean })
+y([
+  d({ type: Boolean, reflect: !0 })
 ], v.prototype, "required", 2);
-g([
-  u({ type: Boolean })
+y([
+  d({ type: Boolean, reflect: !0 })
+], v.prototype, "optional", 2);
+y([
+  d({ type: Boolean, reflect: !0 })
 ], v.prototype, "showError", 2);
-g([
-  u({ type: String })
+y([
+  d({ type: String })
 ], v.prototype, "errorMessage", 2);
-g([
-  u({ type: String })
+y([
+  d({ type: String })
 ], v.prototype, "label", 2);
-g([
-  u({ type: String })
+y([
+  d({ type: String })
 ], v.prototype, "description", 2);
-g([
-  $1()
-], v.prototype, "selectedName", 2);
-g([
-  $1()
+y([
+  E5()
 ], v.prototype, "selectedValue", 2);
-g([
-  u({ reflect: !0 })
+y([
+  d({ reflect: !0 })
 ], v.prototype, "size", 1);
-let _5 = v;
-customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", _5);
-var b5 = Object.defineProperty, m5 = Object.getOwnPropertyDescriptor, w = (i, t, e, o) => {
-  for (var s = o > 1 ? void 0 : o ? m5(t, e) : t, n = i.length - 1, r; n >= 0; n--)
-    (r = i[n]) && (s = (o ? r(t, e, s) : r(s)) || s);
-  return o && s && b5(t, e, s), s;
+let x2 = v;
+customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", x2);
+var A2 = Object.defineProperty, P2 = Object.getOwnPropertyDescriptor, m = (o, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? P2(t, e) : t, r = o.length - 1, n; r >= 0; r--)
+    (n = o[r]) && (i = (s ? n(t, e, i) : n(i)) || i);
+  return s && i && A2(t, e, i), i;
 };
-let $5 = 0;
-var a;
-const y = (a = class extends t1 {
+let H2 = 0;
+var C;
+const f = (C = class extends F {
   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";
   }
@@ -1606,20 +2415,39 @@ const y = (a = class extends t1 {
     return this._size;
   }
   set size(t) {
-    this._size = a.VALID_SIZES.includes(
+    this._size = C.VALID_SIZES.includes(
       t
     ) ? t : "md";
   }
+  async getInputElement() {
+    var t;
+    return await this.updateComplete, ((t = this.shadowRoot) == null ? void 0 : t.querySelector("input")) || null;
+  }
+  // This callback is automatically called when the parent form is reset.
+  formResetUpdate() {
+    this.checked = !1;
+  }
+  /********************** Lifecycle updates **********************/
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${$5++}`), this.checked && (a.buttonGroup[this.name] && (a.buttonGroup[this.name].checked = !1, a.buttonGroup[this.name].requestUpdate()), a.buttonGroup[this.name] = this);
+    super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${H2++}`), this.checked && (C.buttonGroup[this.name] && (C.buttonGroup[this.name].checked = !1, C.buttonGroup[this.name].requestUpdate()), C.buttonGroup[this.name] = this);
   }
   updated(t) {
-    t.has("checked") && this.checked && a.buttonGroup[this.name] !== this && (a.buttonGroup[this.name] && (a.buttonGroup[this.name].checked = !1, a.buttonGroup[this.name].requestUpdate()), a.buttonGroup[this.name] = this);
+    t.has("checked") && this.checked && C.buttonGroup[this.name] !== this && (C.buttonGroup[this.name] && (C.buttonGroup[this.name].checked = !1, C.buttonGroup[this.name].requestUpdate()), C.buttonGroup[this.name] = this);
   }
+  /******************** Function ********************/
+  // This helper function is called to perform the element's native validation.
+  checkValidity() {
+    var e;
+    if (this.required && !this.checked)
+      return !1;
+    const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("input");
+    return t ? t.checkValidity() : !0;
+  }
+  /******************** Event Handlers ********************/
   // Handle radiobutton change event & unselection of other options in group
   _handleChange() {
-    this.checked || (a.buttonGroup[this.name] && (a.buttonGroup[this.name].checked = !1, a.buttonGroup[this.name].requestUpdate()), a.buttonGroup[this.name] = this, this.checked = !0, this.dispatchEvent(
+    this.checked || (C.buttonGroup[this.name] && (C.buttonGroup[this.name].checked = !1, C.buttonGroup[this.name].requestUpdate()), C.buttonGroup[this.name] = this, this.checked = !0, this.dispatchEvent(
       new CustomEvent("change", {
         detail: { checked: this.checked, name: this.name, value: this.value },
         bubbles: !0,
@@ -1637,7 +2465,7 @@ const y = (a = class extends t1 {
   }
   // Handle keydown for keyboard accessibility
   _handleKeydown(t) {
-    t.code === "Space" && (t.preventDefault(), !this.disabled && !this.checked && (a.buttonGroup[this.name] && (a.buttonGroup[this.name].checked = !1, a.buttonGroup[this.name].requestUpdate()), a.buttonGroup[this.name] = this, this.checked = !0, this.dispatchEvent(
+    t.code === "Space" && (t.preventDefault(), !this.disabled && !this.checked && (C.buttonGroup[this.name] && (C.buttonGroup[this.name].checked = !1, C.buttonGroup[this.name].requestUpdate()), C.buttonGroup[this.name] = this, this.checked = !0, this.dispatchEvent(
       new CustomEvent("change", {
         detail: {
           checked: this.checked,
@@ -1650,13 +2478,13 @@ const y = (a = class extends t1 {
     )));
   }
   render() {
-    return M`
+    return _`
       <label class="nys-radiobutton">
         <input
           id="${this.id}"
           class="nys-radiobutton__radio"
           type="radio"
-          name="${Q1(this.name ? this.name : void 0)}"
+          name="${V5(this.name ? this.name : void 0)}"
           .checked=${this.checked}
           ?disabled=${this.disabled}
           .value=${this.value}
@@ -1669,51 +2497,49 @@ const y = (a = class extends t1 {
           @blur="${this._handleBlur}"
           @keydown="${this._handleKeydown}"
         />
-        ${this.label && M` <div class="nys-radiobutton__text">
-          <div class="nys-radiobutton__requiredwrapper">
-            <label for=${this.id} class="nys-radiobutton__label"
-              >${this.label}</label
-            >
-          </div>
+        ${this.label && _` <div class="nys-radiobutton__text">
+          <label for=${this.id} class="nys-radiobutton__label"
+            >${this.label}</label
+          >
           <label for=${this.id} class="nys-radiobutton__description">
-            ${this.description}
-            <slot name="description"></slot>
+            <slot name="description">${this.description}</slot>
           </label>
         </div>`}
       </label>
     `;
   }
-}, a.VALID_SIZES = ["sm", "md"], a.buttonGroup = {}, a.styles = A1, a);
-w([
-  u({ type: Boolean })
-], y.prototype, "checked", 2);
-w([
-  u({ type: Boolean })
-], y.prototype, "disabled", 2);
-w([
-  u({ type: Boolean })
-], y.prototype, "required", 2);
-w([
-  u({ type: String })
-], y.prototype, "label", 2);
-w([
-  u({ type: String })
-], y.prototype, "description", 2);
-w([
-  u({ type: String })
-], y.prototype, "id", 2);
-w([
-  u({ type: String })
-], y.prototype, "name", 2);
-w([
-  u({ type: String })
-], y.prototype, "value", 2);
-w([
-  u({ reflect: !0 })
-], y.prototype, "size", 1);
-let L5 = y;
-customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", L5);
+}, C.VALID_SIZES = ["sm", "md"], C.buttonGroup = {}, C.styles = a5, C);
+m([
+  d({ type: Boolean, reflect: !0 })
+], f.prototype, "checked", 2);
+m([
+  d({ type: Boolean, reflect: !0 })
+], f.prototype, "disabled", 2);
+m([
+  d({ type: Boolean, reflect: !0 })
+], f.prototype, "required", 2);
+m([
+  d({ type: String })
+], f.prototype, "label", 2);
+m([
+  d({ type: String })
+], f.prototype, "description", 2);
+m([
+  d({ type: String })
+], f.prototype, "id", 2);
+m([
+  d({ type: String, reflect: !0 })
+], f.prototype, "name", 2);
+m([
+  d({ type: String })
+], f.prototype, "value", 2);
+m([
+  d({ reflect: !0 })
+], f.prototype, "size", 1);
+let Z2 = f;
+customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", Z2);
 export {
-  L5 as NysRadiobutton
+  Z2 as NysRadiobutton,
+  x2 as NysRadiogroup
 };
 //# sourceMappingURL=nys-radiobutton.js.map