@nysds/nys-checkbox 1.6.0 → 1.8.0

package/dist/nys-checkbox.js

@@ -15,7 +15,7 @@ import { css as be, LitElement as ie, html as S } from "lit";
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const I = globalThis, W = I.ShadowRoot && (I.ShadyCSS === void 0 || I.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ce = Symbol(), K = /* @__PURE__ */ new WeakMap();
-let ye = class {
+let ue = class {
   constructor(e, t, s) {
     if (this._$cssResult$ = !0, s !== ce) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
@@ -33,51 +33,51 @@ let ye = class {
     return this.cssText;
   }
 };
-const pe = (i) => new ye(typeof i == "string" ? i : i + "", void 0, ce), ue = (i, e) => {
-  if (W) i.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+const pe = (r) => new ue(typeof r == "string" ? r : r + "", void 0, ce), ye = (r, e) => {
+  if (W) r.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
     const s = document.createElement("style"), o = I.litNonce;
-    o !== void 0 && s.setAttribute("nonce", o), s.textContent = t.cssText, i.appendChild(s);
+    o !== void 0 && s.setAttribute("nonce", o), s.textContent = t.cssText, r.appendChild(s);
   }
-}, J = W ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((e) => {
+}, J = W ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const s of e.cssRules) t += s.cssText;
   return pe(t);
-})(i) : i;
+})(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: _e, defineProperty: fe, getOwnPropertyDescriptor: ke, getOwnPropertyNames: xe, getOwnPropertySymbols: ve, getPrototypeOf: ge } = Object, $ = globalThis, Q = $.trustedTypes, me = Q ? Q.emptyScript : "", B = $.reactiveElementPolyfillSupport, q = (i, e) => i, R = { toAttribute(i, e) {
+const { is: _e, defineProperty: ke, getOwnPropertyDescriptor: fe, getOwnPropertyNames: ve, getOwnPropertySymbols: xe, getPrototypeOf: ge } = Object, $ = globalThis, Y = $.trustedTypes, me = Y ? Y.emptyScript : "", B = $.reactiveElementPolyfillSupport, q = (r, e) => r, R = { toAttribute(r, e) {
   switch (e) {
     case Boolean:
-      i = i ? me : null;
+      r = r ? me : null;
       break;
     case Object:
     case Array:
-      i = i == null ? i : JSON.stringify(i);
+      r = r == null ? r : JSON.stringify(r);
   }
-  return i;
-}, fromAttribute(i, e) {
-  let t = i;
+  return r;
+}, fromAttribute(r, e) {
+  let t = r;
   switch (e) {
     case Boolean:
-      t = i !== null;
+      t = r !== null;
       break;
     case Number:
-      t = i === null ? null : Number(i);
+      t = r === null ? null : Number(r);
       break;
     case Object:
     case Array:
       try {
-        t = JSON.parse(i);
+        t = JSON.parse(r);
       } catch {
         t = null;
       }
   }
   return t;
-} }, Z = (i, e) => !_e(i, e), X = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: Z };
+} }, Z = (r, e) => !_e(r, e), Q = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: Z };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class P extends HTMLElement {
   static addInitializer(e) {
@@ -86,27 +86,27 @@ class P extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, t = X) {
+  static createProperty(e, t = Q) {
     if (t.state && (t.attribute = !1), this._$Ei(), this.elementProperties.set(e, t), !t.noAccessor) {
       const s = Symbol(), o = this.getPropertyDescriptor(e, s, t);
-      o !== void 0 && fe(this.prototype, e, o);
+      o !== void 0 && ke(this.prototype, e, o);
     }
   }
   static getPropertyDescriptor(e, t, s) {
-    const { get: o, set: c } = ke(this.prototype, e) ?? { get() {
+    const { get: o, set: c } = fe(this.prototype, e) ?? { get() {
       return this[t];
-    }, set(r) {
-      this[t] = r;
+    }, set(i) {
+      this[t] = i;
     } };
     return { get() {
       return o == null ? void 0 : o.call(this);
-    }, set(r) {
+    }, set(i) {
       const h = o == null ? void 0 : o.call(this);
-      c.call(this, r), this.requestUpdate(e, h, s);
+      c.call(this, i), this.requestUpdate(e, h, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? X;
+    return this.elementProperties.get(e) ?? Q;
   }
   static _$Ei() {
     if (this.hasOwnProperty(q("elementProperties"))) return;
@@ -116,7 +116,7 @@ class P extends HTMLElement {
   static finalize() {
     if (this.hasOwnProperty(q("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(q("properties"))) {
-      const t = this.properties, s = [...xe(t), ...ve(t)];
+      const t = this.properties, s = [...ve(t), ...xe(t)];
       for (const o of s) this.createProperty(o, t[o]);
     }
     const e = this[Symbol.metadata];
@@ -165,7 +165,7 @@ class P extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return ue(e, this.constructor.elementStyles), e;
+    return ye(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -190,16 +190,16 @@ class P extends HTMLElement {
     var c;
     const s = this.constructor.elementProperties.get(e), o = this.constructor._$Eu(e, s);
     if (o !== void 0 && s.reflect === !0) {
-      const r = (((c = s.converter) == null ? void 0 : c.toAttribute) !== void 0 ? s.converter : R).toAttribute(t, s.type);
-      this._$Em = e, r == null ? this.removeAttribute(o) : this.setAttribute(o, r), this._$Em = null;
+      const i = (((c = s.converter) == null ? void 0 : c.toAttribute) !== void 0 ? s.converter : R).toAttribute(t, s.type);
+      this._$Em = e, i == null ? this.removeAttribute(o) : this.setAttribute(o, i), this._$Em = null;
     }
   }
   _$AK(e, t) {
     var c;
     const s = this.constructor, o = s._$Eh.get(e);
     if (o !== void 0 && this._$Em !== o) {
-      const r = s.getPropertyOptions(o), h = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((c = r.converter) == null ? void 0 : c.fromAttribute) !== void 0 ? r.converter : R;
-      this._$Em = o, this[o] = h.fromAttribute(t, r.type), this._$Em = null;
+      const i = s.getPropertyOptions(o), h = typeof i.converter == "function" ? { fromAttribute: i.converter } : ((c = i.converter) == null ? void 0 : c.fromAttribute) !== void 0 ? i.converter : R;
+      this._$Em = o, this[o] = h.fromAttribute(t, i.type), this._$Em = null;
     }
   }
   requestUpdate(e, t, s) {
@@ -230,11 +230,11 @@ class P extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [c, r] of this._$Ep) this[c] = r;
+        for (const [c, i] of this._$Ep) this[c] = i;
         this._$Ep = void 0;
       }
       const o = this.constructor.elementProperties;
-      if (o.size > 0) for (const [c, r] of o) r.wrapped !== !0 || this._$AL.has(c) || this[c] === void 0 || this.P(c, this[c], r);
+      if (o.size > 0) for (const [c, i] of o) i.wrapped !== !0 || this._$AL.has(c) || this[c] === void 0 || this.P(c, this[c], i);
     }
     let e = !1;
     const t = this._$AL;
@@ -283,63 +283,71 @@ P.elementStyles = [], P.shadowRootOptions = { mode: "open" }, P[q("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const $e = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: Z }, Ae = (i = $e, e, t) => {
+const $e = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: Z }, Ae = (r = $e, e, t) => {
   const { kind: s, metadata: o } = t;
   let c = globalThis.litPropertyMetadata.get(o);
-  if (c === void 0 && globalThis.litPropertyMetadata.set(o, c = /* @__PURE__ */ new Map()), c.set(t.name, i), s === "accessor") {
-    const { name: r } = t;
+  if (c === void 0 && globalThis.litPropertyMetadata.set(o, c = /* @__PURE__ */ new Map()), c.set(t.name, r), s === "accessor") {
+    const { name: i } = t;
     return { set(h) {
       const n = e.get.call(this);
-      e.set.call(this, h), this.requestUpdate(r, n, i);
+      e.set.call(this, h), this.requestUpdate(i, n, r);
     }, init(h) {
-      return h !== void 0 && this.P(r, void 0, i), h;
+      return h !== void 0 && this.P(i, void 0, r), h;
     } };
   }
   if (s === "setter") {
-    const { name: r } = t;
+    const { name: i } = t;
     return function(h) {
-      const n = this[r];
-      e.call(this, h), this.requestUpdate(r, n, i);
+      const n = this[i];
+      e.call(this, h), this.requestUpdate(i, n, r);
     };
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function l(i) {
-  return (e, t) => typeof t == "object" ? Ae(i, e, t) : ((s, o, c) => {
-    const r = o.hasOwnProperty(c);
-    return o.constructor.createProperty(c, r ? { ...s, wrapped: !0 } : s), r ? Object.getOwnPropertyDescriptor(o, c) : void 0;
-  })(i, e, t);
+function l(r) {
+  return (e, t) => typeof t == "object" ? Ae(r, e, t) : ((s, o, c) => {
+    const i = o.hasOwnProperty(c);
+    return o.constructor.createProperty(c, i ? { ...s, wrapped: !0 } : s), i ? Object.getOwnPropertyDescriptor(o, c) : void 0;
+  })(r, e, t);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const M = globalThis, N = M.trustedTypes, Y = N ? N.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, ne = "$lit$", m = `lit$${Math.random().toFixed(9).slice(2)}$`, he = "?" + m, Ee = `<${he}>`, w = document, V = () => w.createComment(""), U = (i) => i === null || typeof i != "object" && typeof i != "function", G = Array.isArray, we = (i) => G(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", j = `[ 	
+function Ee(r) {
+  return l({ ...r, state: !0, attribute: !1 });
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const M = globalThis, D = M.trustedTypes, X = D ? D.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ne = "$lit$", m = `lit$${Math.random().toFixed(9).slice(2)}$`, he = "?" + m, we = `<${he}>`, w = document, N = () => w.createComment(""), U = (r) => r === null || typeof r != "object" && typeof r != "function", G = Array.isArray, Se = (r) => G(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", j = `[ 	
 \f\r]`, z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ee = /-->/g, te = />/g, A = RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), se = /'/g, oe = /"/g, ae = /^(?:script|style|textarea|title)$/i, H = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), re = /* @__PURE__ */ new WeakMap(), E = w.createTreeWalker(w, 129);
-function le(i, e) {
-  if (!G(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Y !== void 0 ? Y.createHTML(e) : e;
+\f\r"'\`<>=]|("|')|))|$)`, "g"), se = /'/g, oe = /"/g, ae = /^(?:script|style|textarea|title)$/i, T = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), re = /* @__PURE__ */ new WeakMap(), E = w.createTreeWalker(w, 129);
+function le(r, e) {
+  if (!G(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return X !== void 0 ? X.createHTML(e) : e;
 }
-const Se = (i, e) => {
-  const t = i.length - 1, s = [];
-  let o, c = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", r = z;
+const Ce = (r, e) => {
+  const t = r.length - 1, s = [];
+  let o, c = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", i = z;
   for (let h = 0; h < t; h++) {
-    const n = i[h];
-    let d, y, a = -1, k = 0;
-    for (; k < n.length && (r.lastIndex = k, y = r.exec(n), y !== null); ) k = r.lastIndex, r === z ? y[1] === "!--" ? r = ee : y[1] !== void 0 ? r = te : y[2] !== void 0 ? (ae.test(y[2]) && (o = RegExp("</" + y[2], "g")), r = A) : y[3] !== void 0 && (r = A) : r === A ? y[0] === ">" ? (r = o ?? z, a = -1) : y[1] === void 0 ? a = -2 : (a = r.lastIndex - y[2].length, d = y[1], r = y[3] === void 0 ? A : y[3] === '"' ? oe : se) : r === oe || r === se ? r = A : r === ee || r === te ? r = z : (r = A, o = void 0);
-    const g = r === A && i[h + 1].startsWith("/>") ? " " : "";
-    c += r === z ? n + Ee : a >= 0 ? (s.push(d), n.slice(0, a) + ne + n.slice(a) + m + g) : n + m + (a === -2 ? h : g);
+    const n = r[h];
+    let d, u, a = -1, f = 0;
+    for (; f < n.length && (i.lastIndex = f, u = i.exec(n), u !== null); ) f = i.lastIndex, i === z ? u[1] === "!--" ? i = ee : u[1] !== void 0 ? i = te : u[2] !== void 0 ? (ae.test(u[2]) && (o = RegExp("</" + u[2], "g")), i = A) : u[3] !== void 0 && (i = A) : i === A ? u[0] === ">" ? (i = o ?? z, a = -1) : u[1] === void 0 ? a = -2 : (a = i.lastIndex - u[2].length, d = u[1], i = u[3] === void 0 ? A : u[3] === '"' ? oe : se) : i === oe || i === se ? i = A : i === ee || i === te ? i = z : (i = A, o = void 0);
+    const g = i === A && r[h + 1].startsWith("/>") ? " " : "";
+    c += i === z ? n + we : a >= 0 ? (s.push(d), n.slice(0, a) + ne + n.slice(a) + m + g) : n + m + (a === -2 ? h : g);
   }
-  return [le(i, c + (i[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
+  return [le(r, c + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
 };
 class O {
   constructor({ strings: e, _$litType$: t }, s) {
     let o;
     this.parts = [];
-    let c = 0, r = 0;
-    const h = e.length - 1, n = this.parts, [d, y] = Se(e, t);
+    let c = 0, i = 0;
+    const h = e.length - 1, n = this.parts, [d, u] = Ce(e, t);
     if (this.el = O.createElement(d, s), E.currentNode = this.el.content, t === 2 || t === 3) {
       const a = this.el.content.firstChild;
       a.replaceWith(...a.childNodes);
@@ -347,15 +355,15 @@ class O {
     for (; (o = E.nextNode()) !== null && n.length < h; ) {
       if (o.nodeType === 1) {
         if (o.hasAttributes()) for (const a of o.getAttributeNames()) if (a.endsWith(ne)) {
-          const k = y[r++], g = o.getAttribute(a).split(m), T = /([.?@])?(.*)/.exec(k);
-          n.push({ type: 1, index: c, name: T[2], strings: g, ctor: T[1] === "." ? Pe : T[1] === "?" ? ze : T[1] === "@" ? qe : L }), o.removeAttribute(a);
+          const f = u[i++], g = o.getAttribute(a).split(m), H = /([.?@])?(.*)/.exec(f);
+          n.push({ type: 1, index: c, name: H[2], strings: g, ctor: H[1] === "." ? ze : H[1] === "?" ? qe : H[1] === "@" ? Me : L }), o.removeAttribute(a);
         } else a.startsWith(m) && (n.push({ type: 6, index: c }), o.removeAttribute(a));
         if (ae.test(o.tagName)) {
-          const a = o.textContent.split(m), k = a.length - 1;
-          if (k > 0) {
-            o.textContent = N ? N.emptyScript : "";
-            for (let g = 0; g < k; g++) o.append(a[g], V()), E.nextNode(), n.push({ type: 2, index: ++c });
-            o.append(a[k], V());
+          const a = o.textContent.split(m), f = a.length - 1;
+          if (f > 0) {
+            o.textContent = D ? D.emptyScript : "";
+            for (let g = 0; g < f; g++) o.append(a[g], N()), E.nextNode(), n.push({ type: 2, index: ++c });
+            o.append(a[f], N());
           }
         }
       } else if (o.nodeType === 8) if (o.data === he) n.push({ type: 2, index: c });
@@ -371,14 +379,14 @@ class O {
     return s.innerHTML = e, s;
   }
 }
-function C(i, e, t = i, s) {
-  var r, h;
-  if (e === H) return e;
-  let o = s !== void 0 ? (r = t._$Co) == null ? void 0 : r[s] : t._$Cl;
+function C(r, e, t = r, s) {
+  var i, h;
+  if (e === T) return e;
+  let o = s !== void 0 ? (i = t._$Co) == null ? void 0 : i[s] : t._$Cl;
   const c = U(e) ? void 0 : e._$litDirective$;
-  return (o == null ? void 0 : o.constructor) !== c && ((h = o == null ? void 0 : o._$AO) == null || h.call(o, !1), c === void 0 ? o = void 0 : (o = new c(i), o._$AT(i, t, s)), s !== void 0 ? (t._$Co ?? (t._$Co = []))[s] = o : t._$Cl = o), o !== void 0 && (e = C(i, o._$AS(i, e.values), o, s)), e;
+  return (o == null ? void 0 : o.constructor) !== c && ((h = o == null ? void 0 : o._$AO) == null || h.call(o, !1), c === void 0 ? o = void 0 : (o = new c(r), o._$AT(r, t, s)), s !== void 0 ? (t._$Co ?? (t._$Co = []))[s] = o : t._$Cl = o), o !== void 0 && (e = C(r, o._$AS(r, e.values), o, s)), e;
 }
-class Ce {
+class Pe {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -391,13 +399,13 @@ class Ce {
   u(e) {
     const { el: { content: t }, parts: s } = this._$AD, o = ((e == null ? void 0 : e.creationScope) ?? w).importNode(t, !0);
     E.currentNode = o;
-    let c = E.nextNode(), r = 0, h = 0, n = s[0];
+    let c = E.nextNode(), i = 0, h = 0, n = s[0];
     for (; n !== void 0; ) {
-      if (r === n.index) {
+      if (i === n.index) {
         let d;
-        n.type === 2 ? d = new D(c, c.nextSibling, this, e) : n.type === 1 ? d = new n.ctor(c, n.name, n.strings, this, e) : n.type === 6 && (d = new Me(c, this, e)), this._$AV.push(d), n = s[++h];
+        n.type === 2 ? d = new V(c, c.nextSibling, this, e) : n.type === 1 ? d = new n.ctor(c, n.name, n.strings, this, e) : n.type === 6 && (d = new Ue(c, this, e)), this._$AV.push(d), n = s[++h];
       }
-      r !== (n == null ? void 0 : n.index) && (c = E.nextNode(), r++);
+      i !== (n == null ? void 0 : n.index) && (c = E.nextNode(), i++);
     }
     return E.currentNode = w, o;
   }
@@ -406,7 +414,7 @@ class Ce {
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(e, s, t), t += s.strings.length - 2) : s._$AI(e[t])), t++;
   }
 }
-class D {
+class V {
   get _$AU() {
     var e;
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
@@ -426,7 +434,7 @@ class D {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = C(this, e, t), U(e) ? e === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : e !== this._$AH && e !== H && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : we(e) ? this.k(e) : this._(e);
+    e = C(this, e, t), U(e) ? e === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : e !== this._$AH && e !== T && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Se(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -442,8 +450,8 @@ class D {
     const { values: t, _$litType$: s } = e, o = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = O.createElement(le(s.h, s.h[0]), this.options)), s);
     if (((c = this._$AH) == null ? void 0 : c._$AD) === o) this._$AH.p(t);
     else {
-      const r = new Ce(o, this), h = r.u(this.options);
-      r.p(t), this.T(h), this._$AH = r;
+      const i = new Pe(o, this), h = i.u(this.options);
+      i.p(t), this.T(h), this._$AH = i;
     }
   }
   _$AC(e) {
@@ -454,7 +462,7 @@ class D {
     G(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let s, o = 0;
-    for (const c of e) o === t.length ? t.push(s = new D(this.O(V()), this.O(V()), this, this.options)) : s = t[o], s._$AI(c), o++;
+    for (const c of e) o === t.length ? t.push(s = new V(this.O(N()), this.O(N()), this, this.options)) : s = t[o], s._$AI(c), o++;
     o < t.length && (this._$AR(s && s._$AB.nextSibling, o), t.length = o);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -481,20 +489,20 @@ class L {
   }
   _$AI(e, t = this, s, o) {
     const c = this.strings;
-    let r = !1;
-    if (c === void 0) e = C(this, e, t, 0), r = !U(e) || e !== this._$AH && e !== H, r && (this._$AH = e);
+    let i = !1;
+    if (c === void 0) e = C(this, e, t, 0), i = !U(e) || e !== this._$AH && e !== T, i && (this._$AH = e);
     else {
       const h = e;
       let n, d;
-      for (e = c[0], n = 0; n < c.length - 1; n++) d = C(this, h[s + n], t, n), d === H && (d = this._$AH[n]), r || (r = !U(d) || d !== this._$AH[n]), d === b ? e = b : e !== b && (e += (d ?? "") + c[n + 1]), this._$AH[n] = d;
+      for (e = c[0], n = 0; n < c.length - 1; n++) d = C(this, h[s + n], t, n), d === T && (d = this._$AH[n]), i || (i = !U(d) || d !== this._$AH[n]), d === b ? e = b : e !== b && (e += (d ?? "") + c[n + 1]), this._$AH[n] = d;
     }
-    r && !o && this.j(e);
+    i && !o && this.j(e);
   }
   j(e) {
     e === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Pe extends L {
+class ze extends L {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -502,7 +510,7 @@ class Pe extends L {
     this.element[this.name] = e === b ? void 0 : e;
   }
 }
-class ze extends L {
+class qe extends L {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -510,12 +518,12 @@ class ze extends L {
     this.element.toggleAttribute(this.name, !!e && e !== b);
   }
 }
-class qe extends L {
+class Me extends L {
   constructor(e, t, s, o, c) {
     super(e, t, s, o, c), this.type = 5;
   }
   _$AI(e, t = this) {
-    if ((e = C(this, e, t, 0) ?? b) === H) return;
+    if ((e = C(this, e, t, 0) ?? b) === T) return;
     const s = this._$AH, o = e === b && s !== b || e.capture !== s.capture || e.once !== s.once || e.passive !== s.passive, c = e !== b && (s === b || o);
     o && this.element.removeEventListener(this.name, this, s), c && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
@@ -524,7 +532,7 @@ class qe extends L {
     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Me {
+class Ue {
   constructor(e, t, s) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = s;
   }
@@ -536,22 +544,22 @@ class Me {
   }
 }
 const F = M.litHtmlPolyfillSupport;
-F == null || F(O, D), (M.litHtmlVersions ?? (M.litHtmlVersions = [])).push("3.2.1");
+F == null || F(O, V), (M.litHtmlVersions ?? (M.litHtmlVersions = [])).push("3.2.1");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ue = (i) => i ?? b, de = be`
+const Te = (r) => r ?? b, de = be`
   :host {
     /* Anything that can be overridden should be defined here */
 
     /* Global Checkbox Styles */
     --_nys-checkbox-size: var(--nys-size-400, 32px);
-    --_nys-checkbox-radius: var(--nys-radius-md, 4px);
-    --_nys-checkbox-width-border: var(--nys-border-width-md, 2px);
-    --_nys-checkbox-color-focus: var(--nys-color-focus, #004dd1);
-    --_nys-checkbox-width-focus: var(--nys-border-width-md, 2px);
+    --_nys-checkbox-border-radius: var(--nys-radius-md, 4px);
+    --_nys-checkbox-border-width: var(--nys-border-width-md, 2px);
+    --_nys-checkbox-outline-color: var(--nys-color-focus, #004dd1);
+    --_nys-checkbox-outline-width: var(--nys-border-width-md, 2px);
     --_nys-checkbox-outline-offset: var(--nys-space-2px, 2px);
     /* space between checkbox and it's label */
     --_nys-checkbox-gap: var(--nys-space-150, 12px);
@@ -571,8 +579,7 @@ const Ue = (i) => i ?? b, de = be`
       )
     );
     --_nys-checkbox-font-size: var(--nys-font-size-ui-md, 16px);
-    --_nys-checkbox-font-weight-400: var(--nys-font-weight-regular, 400);
-    --_nys-checkbox-font-weight-600: var(--nys-font-weight-semibold, 600);
+    --_nys-checkbox-font-weight: var(--nys-font-weight-regular, 400);
     --_nys-checkbox-line-height: var(--nys-font-lineheight-ui-md, 24px);
 
     /* Global Checkbox Colors */
@@ -580,57 +587,59 @@ const Ue = (i) => i ?? b, de = be`
       --nys-color-ink,
       var(--nys-color-neutral-900, #1b1b1b)
     );
-    --_nys-checkbox-required-color: var(
-      --nys-color-danger,
-      var(--nys-color-red-600, #b52c2c)
-    );
 
     /* Default (Empty) */
-    --_nys-checkbox-color-bg: var(--nys-color-ink-reverse, #ffffff);
-    --_nys-checkbox-color-border: var(--nys-color-neutral-600, #62666a);
+    --_nys-checkbox-background-color: var(--nys-color-ink-reverse, #ffffff);
+    --_nys-checkbox-border-color: var(--nys-color-neutral-600, #62666a);
     /* Empty + Hovered */
-    --_nys-checkbox-hover-color-bg: var(--nys-color-neutral-50, #ededed);
-    --_nys-checkbox-hover-color-border: var(--nys-color-ink, #1b1b1b);
+    --_nys-checkbox-background-color--hover: var(
+      --nys-color-neutral-50,
+      #ededed
+    );
+    --_nys-checkbox-border-color--hover: var(--nys-color-ink, #1b1b1b);
     /* Empty + Pressed */
-    --_nys-checkbox-pressed-color-bg: var(--nys-color-neutral-100, #d0d0ce);
-    --_nys-checkbox-pressed-color-border: var(--nys-color-ink, #1b1b1b);
+    --_nys-checkbox-background-color--active: var(
+      --nys-color-neutral-100,
+      #d0d0ce
+    );
+    --_nys-checkbox-border-color--active: var(--nys-color-ink, #1b1b1b);
     /* Checked */
-    --_nys-checkbox-checked-color-bg: var(--nys-color-theme, #154973);
-    --_nys-checkbox-checked-color-border: var(--nys-color-theme, #154973);
+    --_nys-checkbox-background-color--checked: var(--nys-color-theme, #154973);
+    --_nys-checkbox-border-color--checked: var(--nys-color-theme, #154973);
     /* Checked + Hovered */
-    --_nys-checkbox-checked-hover-color-bg: var(
+    --_nys-checkbox-background-color--checked--hover: var(
       --nys-color-theme-strong,
       #0e324f
     );
-    --_nys-checkbox-checked-hover-color-border: var(
+    --_nys-checkbox-border-color--checked--hover: var(
       --nys-color-theme-strong,
       #0e324f
     );
     /* Checked + Pressed */
-    --_nys-checkbox-checked-pressed-color-bg: var(
+    --_nys-checkbox-background-color--checked--active: var(
       --nys-color-theme-stronger,
       #081b2b
     );
-    --_nys-checkbox-checked-pressed-color-border: var(
+    --_nys-checkbox-border-color--checked--active: var(
       --nys-color-theme-stronger,
       #081b2b
     );
     /* Disabled */
-    --_nys-checkbox-disabled-color-bg: var(--nys-color-ink-reverse, #f0f0f0);
-    --_nys-checkbox-disabled-color-border: var(
+    --_nys-checkbox-background-color--disabled: var(
+      --nys-color-ink-reverse,
+      #f0f0f0
+    );
+    --_nys-checkbox-border-color--disabled: var(
       --nys-color-neutral-400,
       #757575
     );
-    --_nys-checkbox-disabled-color-text: var(
-      --nys-color-text-disabled,
-      #bec0c1
-    );
+    --_nys-checkbox-color--disabled: var(--nys-color-text-disabled, #bec0c1);
     /* Disabled Checked */
-    --_nys-checkbox-disabled-checked-color-bg: var(
+    --_nys-checkbox-background-color--checked--disabled: var(
       --nys-color-neutral-100,
       #d0d0ce
     );
-    --_nys-checkbox-disabled-checked-color-border: var(
+    --_nys-checkbox-border-color--checked--disabled: var(
       --nys-color-neutral-100,
       #d0d0ce
     );
@@ -639,70 +648,81 @@ const Ue = (i) => i ?? b, de = be`
   /* Small Variant */
   :host([size="sm"]) {
     --_nys-checkbox-size: var(--nys-size-300, 24px);
-    --_nys-checkbox-radius: var(--nys-radius-sm, 2px);
+    --_nys-checkbox-border-radius: var(--nys-radius-sm, 2px);
     --_nys-checkboxgroup-gap: var(--nys-space-100, 8px);
     --_nys-checkbox-gap: var(--nys-space-100, 8px);
   }
   /* Medium Variant */
   :host([size="md"]) {
     --_nys-checkbox-size: var(--nys-size-400, 32px);
-    --_nys-checkbox-radius: var(--nys-radius-md, 4px);
+    --_nys-checkbox-border-radius: var(--nys-radius-md, 4px);
   }
 
   /* Tile Variant */
   :host([tile]) {
-    --_nys-checkbox-font-weight-label: var(--nys-font-weight-semibold, 600);
-    --_nys-checkbox-tile-border-width: var(--nys-border-width-sm, 1px);
-    --_nys-checkbox-tile-border-radius: var(--nys-radius-md, 4px);
-    --_nys-checkbox-tile-border-color: var(--nys-color-neutral-100, #d0d0ce);
-    --_nys-checkbox-tile-bg-color: var(--nys-color-ink-reverse, #ffffff);
-    --_nys-checkbox-tile-padding-x: var(--nys-space-250, 20px);
-    --_nys-checkbox-tile-padding-y: var(--nys-space-200, 16px);
+    --_nys-checkbox-border-width--tile: var(--nys-border-width-sm, 1px);
+    --_nys-checkbox-border-radius--tile: var(--nys-radius-md, 4px);
+    --_nys-checkbox-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);
+    --_nys-checkbox-background-color--tile: var(
+      --nys-color-ink-reverse,
+      #ffffff
+    );
+    --_nys-checkbox-padding--x--tile: var(--nys-space-250, 20px);
+    --_nys-checkbox-padding--y--tile: var(--nys-space-200, 16px);
     /* Hover */
-    --_nys-checkbox-hover-tile-border-color: var(
+    --_nys-checkbox-border-color--tile--hover: var(
       --nys-color-neutral-700,
       #4a4d4f
     );
-    --_nys-checkbox-hover-tile-bg-color: var(--nys-color-ink-reverse, #ffffff);
+    --_nys-checkbox-background-color--tile--hover: var(
+      --nys-color-ink-reverse,
+      #ffffff
+    );
     /* Pressed */
-    --_nys-checkbox-pressed-tile-border-color: var(
+    --_nys-checkbox-border-color--tile--active: var(
       --nys-color-neutral-900,
       #1b1b1b
     );
-    --_nys-checkbox-pressed-tile-bg-color: var(
+    --_nys-checkbox-background-color--tile--active: var(
       --nys-color-ink-reverse,
       #ffffff
     );
     /* Checked */
-    --_nys-checkbox-checked-tile-border-color: var(
+    --_nys-checkbox-border-color--tile--checked: var(
       --nys-color-theme-mid,
       #457aa5
     );
-    --_nys-checkbox-checked-tile-bg-color: var(
+    --_nys-checkbox-background-color--tile--checked: var(
       --nys-color-theme-faint,
       #f7fafd
     );
     /* Disabled */
-    --_nys-checkbox-disabled-tile-bg-color: var(
+    --_nys-checkbox-background-color--tile--disabled: var(
       --nys-color-ink-reverse,
       #f0f0f0
     );
-    --_nys-checkbox-disabled-tile-border-color: var(
+    --_nys-checkbox-border-color--tile--disabled: var(
       --nys-color-neutral-100,
       #d0d0ce
     );
   }
 
   :host([tile][size="sm"]) {
-    --_nys-checkbox-tile-padding-x: var(--nys-space-200, 16px);
-    --_nys-checkbox-tile-padding-y: var(--nys-space-150, 12px);
+    --_nys-checkbox-padding--x--tile: var(--nys-space-200, 16px);
+    --_nys-checkbox-padding--y--tile: var(--nys-space-150, 12px);
   }
 
   :host([tile][showError]) {
-    --_nys-checkbox-tile-border-color: var(--nys-color-danger, #b52c2c);
-    --_nys-checkbox-hover-tile-border-color: var(--nys-color-danger, #b52c2c);
-    --_nys-checkbox-pressed-tile-border-color: var(--nys-color-danger, #b52c2c);
-    --_nys-checkbox-checked-tile-border-color: var(--nys-color-danger, #b52c2c);
+    --_nys-checkbox-border-color--tile: var(--nys-color-danger, #b52c2c);
+    --_nys-checkbox-border-color--tile--hover: var(--nys-color-danger, #b52c2c);
+    --_nys-checkbox-border-color--tile--active: var(
+      --nys-color-danger,
+      #b52c2c
+    );
+    --_nys-checkbox-border-color--tile--checked: var(
+      --nys-color-danger,
+      #b52c2c
+    );
   }
 
   #single-error-message {
@@ -731,12 +751,12 @@ const Ue = (i) => i ?? b, de = be`
     line-height: var(--_nys-checkbox-line-height);
 
     /* Tile */
-    border-radius: var(--_nys-checkbox-tile-border-radius);
-    border: var(--_nys-checkbox-tile-border-width) solid
-      var(--_nys-checkbox-tile-border-color);
-    background: var(--_nys-checkbox-tile-bg-color);
-    padding: var(--_nys-checkbox-tile-padding-y)
-      var(--_nys-checkbox-tile-padding-x);
+    border-radius: var(--_nys-checkbox-border-radius--tile);
+    border: var(--_nys-checkbox-border-width--tile) solid
+      var(--_nys-checkbox-border-color--tile);
+    background: var(--_nys-checkbox-background-color--tile);
+    padding: var(--_nys-checkbox-padding--y--tile)
+      var(--_nys-checkbox-padding--x--tile);
     gap: var(--_nys-checkbox-gap);
   }
 
@@ -768,10 +788,10 @@ const Ue = (i) => i ?? b, de = be`
     height: var(--_nys-checkbox-size);
     max-width: var(--_nys-checkbox-size);
     max-height: var(--_nys-checkbox-size);
-    border: solid var(--_nys-checkbox-width-border)
-      var(--_nys-checkbox-color-border);
-    background-color: var(--_nys-checkbox-color-bg);
-    border-radius: var(--_nys-checkbox-radius);
+    border: solid var(--_nys-checkbox-border-width)
+      var(--_nys-checkbox-border-color);
+    background-color: var(--_nys-checkbox-background-color);
+    border-radius: var(--_nys-checkbox-border-radius);
     outline-offset: var(--_nys-checkbox-outline-offset);
     outline: none;
   }
@@ -784,89 +804,99 @@ const Ue = (i) => i ?? b, de = be`
 
   /* Checked */
   .nys-checkbox__checkbox:not(:disabled):checked {
-    background-color: var(--_nys-checkbox-checked-color-bg);
-    border-color: var(--_nys-checkbox-checked-color-border);
+    background-color: var(--_nys-checkbox-background-color--checked);
+    border-color: var(--_nys-checkbox-border-color--checked);
   }
   :host([tile])
     .nys-checkbox:has(.nys-checkbox__checkbox:not(:disabled):checked) {
-    border-color: var(--_nys-checkbox-checked-tile-border-color);
-    background-color: var(--_nys-checkbox-checked-tile-bg-color);
+    border-color: var(--_nys-checkbox-border-color--tile--checked);
+    background-color: var(--_nys-checkbox-background-color--tile--checked);
   }
 
   /* Checked + Disabled */
   .nys-checkbox__checkbox:disabled:checked {
-    background-color: var(--_nys-checkbox-disabled-checked-color-bg);
-    border-color: var(--_nys-checkbox-disabled-checked-color-border);
+    background-color: var(--_nys-checkbox-background-color--checked--disabled);
+    border-color: var(--_nys-checkbox-border-color--checked--disabled);
   }
   :host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled:checked) {
-    border-color: var(--_nys-checkbox-disabled-tile-border-color);
-    background-color: var(--_nys-checkbox-disabled-tile-bg-color);
+    border-color: var(--_nys-checkbox-border-color--tile--disabled);
+    background-color: var(--_nys-checkbox-background-color--tile--disabled);
   }
 
   /* Disabled */
   .nys-checkbox__checkbox:disabled {
-    background-color: var(--_nys-checkbox-disabled-color-bg);
-    border-color: var(--_nys-checkbox-disabled-color-border);
+    background-color: var(--_nys-checkbox-background-color--disabled);
+    border-color: var(--_nys-checkbox-border-color--disabled);
     cursor: not-allowed;
   }
   .nys-checkbox__content:has(.nys-checkbox__checkbox:disabled)
     .nys-checkbox__text
     * {
-    color: var(--_nys-checkbox-disabled-color-text);
+    color: var(--_nys-checkbox-color--disabled);
     cursor: not-allowed;
   }
   :host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled) {
-    background-color: var(--_nys-checkbox-disabled-color-bg);
-    border-color: var(--_nys-checkbox-disabled-color-border);
+    background-color: var(--_nys-checkbox-background-color--disabled);
+    border-color: var(--_nys-checkbox-border-color--disabled);
     cursor: not-allowed;
   }
 
   /* Hover - not checked */
   .nys-checkbox__checkbox:hover:not(:disabled):not(:checked) {
-    background-color: var(--_nys-checkbox-hover-color-bg);
-    border-color: var(--_nys-checkbox-hover-color-border);
+    background-color: var(--_nys-checkbox-background-color--hover);
+    border-color: var(--_nys-checkbox-border-color--hover);
   }
   :host([tile])
     .nys-checkbox:hover:has(
       .nys-checkbox__checkbox:not(:disabled):not(:checked)
     ) {
-    border-color: var(--_nys-checkbox-hover-tile-border-color);
-    background-color: var(--_nys-checkbox-hover-tile-bg-color);
-    outline: solid var(--_nys-checkbox-tile-border-width)
-      var(--_nys-checkbox-hover-tile-border-color);
+    border-color: var(--_nys-checkbox-border-color--tile--hover);
+    background-color: var(--_nys-checkbox-background-color--tile--hover);
+    outline: solid var(--_nys-checkbox-border-width--tile)
+      var(--_nys-checkbox-border-color--tile--hover);
   }
 
   /* Hover + Checked */
+  .nys-checkbox__checkbox:hover:not(:disabled):checked {
+    border-color: var(--_nys-checkbox-border-color--checked--hover);
+    background-color: var(--_nys-checkbox-background-color--checked--hover);
+  }
   :host([tile])
     .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):checked) {
-    outline: solid var(--_nys-checkbox-tile-border-width)
-      var(--_nys-checkbox-checked-tile-border-color);
+    outline: solid var(--_nys-checkbox-border-width--tile)
+      var(--_nys-checkbox-border-color--tile--checked);
   }
 
-  /* Pressed - only allow pressed on unchecked */
+  /* Pressed - not checked */
   .nys-checkbox__checkbox:active:not(:disabled):not(:checked) {
-    background-color: var(--_nys-checkbox-pressed-color-bg);
-    border-color: var(--_nys-checkbox-pressed-color-border);
+    background-color: var(--_nys-checkbox-background-color--active);
+    border-color: var(--_nys-checkbox-border-color--active);
   }
   :host([tile])
     .nys-checkbox:has(
       .nys-checkbox__checkbox:active:not(:disabled):not(:checked)
     ) {
-    border-color: var(--_nys-checkbox-pressed-tile-border-color);
-    background-color: var(--_nys-checkbox-pressed-tile-bg-color);
-    outline: solid var(--_nys-checkbox-tile-border-width)
-      var(--_nys-checkbox-pressed-tile-border-color);
+    border-color: var(--_nys-checkbox-border-color--tile--active);
+    background-color: var(--_nys-checkbox-background-color--tile--active);
+    outline: solid var(--_nys-checkbox-border-width--tile)
+      var(--_nys-checkbox-border-color--tile--active);
+  }
+
+  /* Pressed + Checked */
+  .nys-checkbox__checkbox:active:not(:disabled):checked {
+    border-color: var(--_nys-checkbox-border-color--checked--active);
+    background-color: var(--_nys-checkbox-background-color--checked--active);
   }
 
   /* Focused */
-  :host(:not([tile])) .nys-checkbox__checkbox:focus-visible {
-    outline: solid var(--_nys-checkbox-width-focus)
-      var(--_nys-checkbox-color-focus);
+  :host(:not([tile])) .nys-checkbox__checkbox:focus {
+    outline: solid var(--_nys-checkbox-outline-width)
+      var(--_nys-checkbox-outline-color);
   }
-  :host([tile]) .nys-checkbox:has(*:focus-visible) {
-    outline: solid var(--_nys-checkbox-tile-border-width)
-      var(--_nys-checkbox-color-focus) !important;
-    border-color: var(--_nys-checkbox-color-focus) !important;
+  :host([tile]) .nys-checkbox:has(*:focus) {
+    outline: solid var(--_nys-checkbox-border-width--tile)
+      var(--_nys-checkbox-outline-color) !important;
+    border-color: var(--_nys-checkbox-outline-color) !important;
   }
 
   /* Checkbox Label Holder */
@@ -879,58 +909,75 @@ const Ue = (i) => i ?? b, de = be`
 
   /* Label styling */
   .nys-checkbox__label {
-    font-weight: var(--_nys-checkbox-font-weight-400);
+    font-weight: var(--_nys-checkbox-font-weight);
     color: var(--nys-color-text, #1b1b1b);
   }
 
   /* Description styling */
   .nys-checkbox__description {
-    font-weight: var(--_nys-checkbox-font-weight-400);
+    font-weight: var(--_nys-checkbox-font-weight);
     font-style: italic;
     text-align: left;
   }
 
   /* Required */
   .nys-checkbox__required {
-    color: var(--_nys-checkbox-required-color);
+    color: var(--nys-color-danger, #b52c2c);
   }
 
   .nys-checkbox__requiredwrapper {
-    display: inline;
+    display: flex;
+    gap: 3px;
+  }
+
+  /* Screen readers ONLY */
+  fieldset {
+    all: unset;
+    display: contents;
+  }
+
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    border: 0;
   }
 `;
-var He = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, f = (i, e, t, s) => {
-  for (var o = s > 1 ? void 0 : s ? Oe(e, t) : e, c = i.length - 1, r; c >= 0; c--)
-    (r = i[c]) && (o = (s ? r(e, t, o) : r(o)) || o);
-  return s && o && He(e, t, o), o;
+var Oe = Object.defineProperty, He = Object.getOwnPropertyDescriptor, k = (r, e, t, s) => {
+  for (var o = s > 1 ? void 0 : s ? He(e, t) : e, c = r.length - 1, i; c >= 0; c--)
+    (i = r[c]) && (o = (s ? i(e, t, o) : i(o)) || o);
+  return s && o && Oe(e, t, o), o;
 };
-let Te = 0;
-var x;
-const _ = (x = class extends ie {
+let Ie = 0;
+var v;
+const _ = (v = class extends ie {
   // allows use of elementInternals' API
   constructor() {
-    super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this._size = "md", this._internals = this.attachInternals();
+    super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this._slottedDescriptionText = "", this._size = "md", this._internals = this.attachInternals();
   }
   get size() {
     return this._size;
   }
   set size(e) {
-    this._size = x.VALID_SIZES.includes(
+    this._size = v.VALID_SIZES.includes(
       e
     ) ? e : "md";
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-checkbox-${Date.now()}-${Te++}`), this.addEventListener("nys-change", this._handleCheckboxChange), this.addEventListener("invalid", this._handleInvalid);
+    super.connectedCallback(), this.id || (this.id = `nys-checkbox-${Date.now()}-${Ie++}`), this.addEventListener("nys-change", this._handleCheckboxChange), this.addEventListener("invalid", this._handleInvalid);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("nys-change", this._handleCheckboxChange), this.removeEventListener("invalid", this._handleInvalid);
   }
   firstUpdated() {
-    this._setGroupExist(), this.updateCheckboxSize(), this.updateCheckboxTile(), this.updateCheckboxShowError();
+    this._setGroupExist(), this._updateCheckboxSize(), this._updateCheckboxTile(), this._updateCheckboxShowError(), this._getSlotDescriptionForAria();
   }
   updated(e) {
-    e.has("required") && this.required && this._setupCheckboxRequired(), e.has("size") && this.updateCheckboxSize(), e.has("tile") && this.updateCheckboxTile(), e.has("showError") && this.updateCheckboxShowError();
+    e.has("required") && this.required && this._setupCheckboxRequired(), e.has("size") && this._updateCheckboxSize(), e.has("tile") && this._updateCheckboxTile(), e.has("showError") && this._updateCheckboxShowError();
   }
   /********************** Functions **********************/
   _setGroupExist() {
@@ -938,24 +985,6 @@ const _ = (x = class extends ie {
       t.groupExist = !0;
     });
   }
-  async _handleInvalid(e) {
-    e.preventDefault(), this.showError = !0, this._manageCheckboxRequired();
-    const t = this.querySelector("nys-checkbox"), s = t ? await t.getInputElement() : null;
-    if (s) {
-      const o = this._internals.form;
-      o ? Array.from(o.elements).find((h) => {
-        if (h.tagName.toLowerCase() === "nys-checkboxgroup") {
-          if (Array.from(
-            this.querySelectorAll("nys-checkbox")
-          ).filter(
-            (y) => y.checked
-          ).length === 0)
-            return h;
-        } else
-          return typeof h.checkValidity == "function" && !h.checkValidity();
-      }) === this && s.focus() : s.focus();
-    }
-  }
   // Initial update on checkbox required attribute
   async _setupCheckboxRequired() {
     const e = this.querySelector("nys-checkbox"), t = this.errorMessage || "This field is required", s = e ? await e.getInputElement() : null;
@@ -965,18 +994,13 @@ const _ = (x = class extends ie {
       s || this
     );
   }
-  // Similar to how native forms handle multiple same-name fields, we group the selected values into a list for FormData.
-  _handleCheckboxChange(e) {
-    const t = e, { name: s } = t.detail, c = Array.from(this.querySelectorAll("nys-checkbox")).filter((r) => r.checked).map((r) => r.value);
-    this.name = s, this._internals.setFormValue(c.join(", ")), this._manageCheckboxRequired();
-  }
   // Updates the required attribute of each checkbox in the group
   async _manageCheckboxRequired() {
     if (this.required) {
       const e = this.errorMessage || "Please select at least one option.", t = this.querySelector("nys-checkbox"), s = t ? await t.getInputElement() : null;
       let o = !1;
-      this.querySelectorAll("nys-checkbox").forEach((r) => {
-        r.checked && (o = !0);
+      this.querySelectorAll("nys-checkbox").forEach((i) => {
+        i.checked && (o = !0);
       }), o ? (this._internals.setValidity({}), this.showError = !1) : (this._internals.setValidity(
         { valueMissing: !0 },
         e,
@@ -985,82 +1009,127 @@ const _ = (x = class extends ie {
     }
   }
   // Updates the size of each checkbox in the group
-  updateCheckboxSize() {
+  _updateCheckboxSize() {
     this.querySelectorAll("nys-checkbox").forEach((t) => {
       t.setAttribute("size", this.size);
     });
   }
-  updateCheckboxTile() {
+  _updateCheckboxTile() {
     this.querySelectorAll("nys-checkbox").forEach((t) => {
       this.tile ? t.toggleAttribute("tile", !0) : t.removeAttribute("tile");
     });
   }
-  updateCheckboxShowError() {
+  _updateCheckboxShowError() {
     this.querySelectorAll("nys-checkbox").forEach((t) => {
       this.showError ? t.setAttribute("showError", "") : t.removeAttribute("showError");
     });
   }
+  // Get the slotted text contents so native VO can attempt to announce it within the legend in the fieldset
+  _getSlotDescriptionForAria() {
+    var s;
+    const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector(
+      'slot[name="description"]'
+    ), t = (e == null ? void 0 : e.assignedNodes({ flatten: !0 })) || [];
+    this._slottedDescriptionText = t.map((o) => {
+      var c;
+      return (c = o.textContent) == null ? void 0 : c.trim();
+    }).filter(Boolean).join(", ");
+  }
+  async _handleInvalid(e) {
+    e.preventDefault(), this.showError = !0, this._manageCheckboxRequired();
+    const t = this.querySelector("nys-checkbox"), s = t ? await t.getInputElement() : null;
+    if (s) {
+      const o = this._internals.form;
+      o ? Array.from(o.elements).find((h) => {
+        if (h.tagName.toLowerCase() === "nys-checkboxgroup") {
+          if (Array.from(
+            this.querySelectorAll("nys-checkbox")
+          ).filter(
+            (u) => u.checked
+          ).length === 0)
+            return h;
+        } else
+          return typeof h.checkValidity == "function" && !h.checkValidity();
+      }) === this && s.focus() : s.focus();
+    }
+  }
+  /******************** Event Handlers ********************/
+  // Similar to how native forms handle multiple same-name fields, we group the selected values into a list for FormData.
+  _handleCheckboxChange(e) {
+    const t = e, { name: s } = t.detail, c = Array.from(this.querySelectorAll("nys-checkbox")).filter((i) => i.checked).map((i) => i.value);
+    this.name = s, this._internals.setFormValue(c.join(", ")), this._manageCheckboxRequired();
+  }
   render() {
-    return S` <div class="nys-checkboxgroup" role="group">
-      <nys-label
-        id=${this.id}
-        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-checkboxgroup__content">
-        <slot></slot>
+    return S`
+      <div class="nys-checkboxgroup">
+        <nys-label
+          for=${this.id}
+          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-checkboxgroup__content">
+          <fieldset>
+            <legend class="sr-only">
+              ${this.label}${this._slottedDescriptionText ? ` ${this._slottedDescriptionText}` : this.description ? ` ${this.description}` : ""}
+            </legend>
+            <slot></slot>
+          </fieldset>
+        </div>
+        <nys-errormessage
+          ?showError=${this.showError}
+          errorMessage=${this._internals.validationMessage || this.errorMessage}
+          .showDivider=${!this.tile}
+        ></nys-errormessage>
       </div>
-      <nys-errormessage
-        ?showError=${this.showError}
-        errorMessage=${this._internals.validationMessage || this.errorMessage}
-        .showDivider=${!this.tile}
-      ></nys-errormessage>
-    </div>`;
+    `;
   }
-}, x.VALID_SIZES = ["sm", "md"], x.styles = de, x.formAssociated = !0, x);
-f([
+}, v.VALID_SIZES = ["sm", "md"], v.styles = de, v.formAssociated = !0, v);
+k([
   l({ type: String })
 ], _.prototype, "id", 2);
-f([
+k([
   l({ type: String, reflect: !0 })
 ], _.prototype, "name", 2);
-f([
+k([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "required", 2);
-f([
+k([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "optional", 2);
-f([
+k([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "showError", 2);
-f([
+k([
   l({ type: String })
 ], _.prototype, "errorMessage", 2);
-f([
+k([
   l({ type: String })
 ], _.prototype, "label", 2);
-f([
+k([
   l({ type: String })
 ], _.prototype, "description", 2);
-f([
+k([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "tile", 2);
-f([
+k([
+  Ee()
+], _.prototype, "_slottedDescriptionText", 2);
+k([
   l({ reflect: !0 })
 ], _.prototype, "size", 1);
-let Ie = _;
-customElements.get("nys-checkboxgroup") || customElements.define("nys-checkboxgroup", Ie);
-var Re = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, u = (i, e, t, s) => {
-  for (var o = s > 1 ? void 0 : s ? Ne(e, t) : e, c = i.length - 1, r; c >= 0; c--)
-    (r = i[c]) && (o = (s ? r(e, t, o) : r(o)) || o);
-  return s && o && Re(e, t, o), o;
+let Re = _;
+customElements.get("nys-checkboxgroup") || customElements.define("nys-checkboxgroup", Re);
+var De = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, y = (r, e, t, s) => {
+  for (var o = s > 1 ? void 0 : s ? Ne(e, t) : e, c = r.length - 1, i; c >= 0; c--)
+    (i = r[c]) && (o = (s ? i(e, t, o) : i(o)) || o);
+  return s && o && De(e, t, o), o;
 };
 let Ve = 0;
-var v;
-const p = (v = class extends ie {
+var x;
+const p = (x = class extends ie {
   // allows use of elementInternals' API
   constructor() {
     super(), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this.showError = !1, this.errorMessage = "", this.groupExist = !1, this.tile = !1, this._size = "md", this._internals = this.attachInternals();
@@ -1069,7 +1138,7 @@ const p = (v = class extends ie {
     return this._size;
   }
   set size(e) {
-    this._size = v.VALID_SIZES.includes(
+    this._size = x.VALID_SIZES.includes(
       e
     ) ? e : "md";
   }
@@ -1142,6 +1211,7 @@ const p = (v = class extends ie {
     this.dispatchEvent(
       new CustomEvent("nys-change", {
         detail: {
+          id: this.id,
           checked: this.checked,
           name: this.name,
           value: this.value
@@ -1177,7 +1247,7 @@ const p = (v = class extends ie {
             id="${this.id}"
             class="nys-checkbox__checkbox"
             type="checkbox"
-            name="${Ue(this.name ? this.name : void 0)}"
+            name="${Te(this.name ? this.name : void 0)}"
             .checked=${this.checked}
             ?disabled=${this.disabled}
             .value=${this.value}
@@ -1185,6 +1255,7 @@ const p = (v = class extends ie {
             aria-checked="${this.checked}"
             aria-disabled="${this.disabled ? "true" : "false"}"
             aria-required="${this.required}"
+            aria-describedby="group-info"
             @change="${this._handleChange}"
             @focus="${this._handleFocus}"
             @blur="${this._handleBlur}"
@@ -1199,14 +1270,12 @@ const p = (v = class extends ie {
         </div>
         ${this.label && S` <div class="nys-checkbox__text">
           <div class="nys-checkbox__requiredwrapper">
-            <label for=${this.id} class="nys-checkbox__label"
-              >${this.label}</label
-            >
-            ${this.required ? S`<label class="nys-checkbox__required">*</label>` : ""}
+            <div class="nys-checkbox__label">${this.label}</div>
+            ${this.required ? S`<div class="nys-checkbox__required">*</div>` : ""}
           </div>
-          <label for=${this.id} class="nys-checkbox__description">
+          <div class="nys-checkbox__description">
             <slot name="description">${this.description}</slot>
-          </label>
+          </div>
         </div>`}
       </label>
       ${((e = this.parentElement) == null ? void 0 : e.tagName.toLowerCase()) !== "nys-checkboxgroup" ? S`<nys-errormessage
@@ -1217,50 +1286,50 @@ const p = (v = class extends ie {
           ></nys-errormessage>` : ""}
     `;
   }
-}, v.VALID_SIZES = ["sm", "md"], v.styles = de, v.formAssociated = !0, v);
-u([
+}, x.VALID_SIZES = ["sm", "md"], x.styles = de, x.formAssociated = !0, x);
+y([
   l({ type: Boolean, reflect: !0 })
 ], p.prototype, "checked", 2);
-u([
+y([
   l({ type: Boolean, reflect: !0 })
 ], p.prototype, "disabled", 2);
-u([
+y([
   l({ type: Boolean, reflect: !0 })
 ], p.prototype, "required", 2);
-u([
+y([
   l({ type: String })
 ], p.prototype, "label", 2);
-u([
+y([
   l({ type: String })
 ], p.prototype, "description", 2);
-u([
+y([
   l({ type: String })
 ], p.prototype, "id", 2);
-u([
+y([
   l({ type: String, reflect: !0 })
 ], p.prototype, "name", 2);
-u([
+y([
   l({ type: String })
 ], p.prototype, "value", 2);
-u([
+y([
   l({ type: Boolean, reflect: !0 })
 ], p.prototype, "showError", 2);
-u([
+y([
   l({ type: String })
 ], p.prototype, "errorMessage", 2);
-u([
+y([
   l({ type: Boolean })
 ], p.prototype, "groupExist", 2);
-u([
+y([
   l({ type: Boolean, reflect: !0 })
 ], p.prototype, "tile", 2);
-u([
+y([
   l({ reflect: !0 })
 ], p.prototype, "size", 1);
-let De = p;
-customElements.get("nys-checkbox") || customElements.define("nys-checkbox", De);
+let Le = p;
+customElements.get("nys-checkbox") || customElements.define("nys-checkbox", Le);
 export {
-  De as NysCheckbox,
-  Ie as NysCheckboxgroup
+  Le as NysCheckbox,
+  Re as NysCheckboxgroup
 };
 //# sourceMappingURL=nys-checkbox.js.map