@nysds/nys-checkbox 1.1.0 → 1.1.1

package/dist/nys-checkbox.js

@@ -1,10 +1,10 @@
-import { css as s1, LitElement as U, html as v } from "lit";
+import { css as s1, LitElement as U, html as u } from "lit";
 /*!
    * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
    * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
    * 
-   * Checkbox v1.1.0
+   * Checkbox v1.1.1
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -49,7 +49,7 @@ const H5 = (i) => new S5(typeof i == "string" ? i : i + "", void 0, u5), V5 = (i
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: k5, defineProperty: P5, getOwnPropertyDescriptor: A5, getOwnPropertyNames: U5, getOwnPropertySymbols: z5, getPrototypeOf: O5 } = Object, $ = globalThis, q1 = $.trustedTypes, B5 = q1 ? q1.emptyScript : "", m1 = $.reactiveElementPolyfillSupport, K = (i, t) => i, a1 = { toAttribute(i, t) {
+const { is: k5, defineProperty: P5, getOwnPropertyDescriptor: A5, getOwnPropertyNames: U5, getOwnPropertySymbols: z5, getPrototypeOf: O5 } = Object, x = globalThis, q1 = x.trustedTypes, B5 = q1 ? q1.emptyScript : "", m1 = x.reactiveElementPolyfillSupport, K = (i, t) => i, a1 = { toAttribute(i, t) {
   switch (t) {
     case Boolean:
       i = i ? B5 : null;
@@ -78,7 +78,7 @@ const { is: k5, defineProperty: P5, getOwnPropertyDescriptor: A5, getOwnProperty
   }
   return e;
 } }, E1 = (i, t) => !k5(i, t), j1 = { attribute: !0, type: String, converter: a1, reflect: !1, hasChanged: E1 };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), x.litPropertyMetadata ?? (x.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let T = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
@@ -277,7 +277,7 @@ let T = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[K("elementProperties")] = /* @__PURE__ */ new Map(), T[K("finalized")] = /* @__PURE__ */ new Map(), m1 == null || m1({ ReactiveElement: T }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.0.4");
+T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[K("elementProperties")] = /* @__PURE__ */ new Map(), T[K("finalized")] = /* @__PURE__ */ new Map(), m1 == null || m1({ ReactiveElement: T }), (x.reactiveElementVersions ?? (x.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -304,7 +304,7 @@ const R5 = { attribute: !0, type: String, converter: a1, reflect: !1, hasChanged
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function h(i) {
+function a(i) {
   return (t, e) => typeof e == "object" ? T5(i, t, e) : ((s, o, r) => {
     const C = o.hasOwnProperty(r);
     return o.constructor.createProperty(r, C ? { ...s, wrapped: !0 } : s), C ? Object.getOwnPropertyDescriptor(o, r) : void 0;
@@ -315,9 +315,9 @@ function h(i) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const J = globalThis, h1 = J.trustedTypes, D1 = h1 ? h1.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, g5 = "$lit$", b = `lit$${Math.random().toFixed(9).slice(2)}$`, y5 = "?" + b, q5 = `<${y5}>`, E = document, d1 = () => E.createComment(""), t1 = (i) => i === null || typeof i != "object" && typeof i != "function", Z1 = Array.isArray, j5 = (i) => Z1(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", b1 = `[ 	
-\f\r]`, q = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, N1 = /-->/g, I1 = />/g, x = RegExp(`>|${b1}(?:([^\\s"'>=/]+)(${b1}*=${b1}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), W1 = /'/g, F1 = /"/g, f5 = /^(?:script|style|textarea|title)$/i, e1 = Symbol.for("lit-noChange"), a = Symbol.for("lit-nothing"), K1 = /* @__PURE__ */ new WeakMap(), M = E.createTreeWalker(E, 129);
+const J = globalThis, h1 = J.trustedTypes, D1 = h1 ? h1.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, g5 = "$lit$", $ = `lit$${Math.random().toFixed(9).slice(2)}$`, f5 = "?" + $, q5 = `<${f5}>`, E = document, d1 = () => E.createComment(""), t1 = (i) => i === null || typeof i != "object" && typeof i != "function", Z1 = Array.isArray, j5 = (i) => Z1(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", b1 = `[ 	
+\f\r]`, q = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, N1 = /-->/g, I1 = />/g, L = RegExp(`>|${b1}(?:([^\\s"'>=/]+)(${b1}*=${b1}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), W1 = /'/g, F1 = /"/g, y5 = /^(?:script|style|textarea|title)$/i, e1 = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), K1 = /* @__PURE__ */ new WeakMap(), M = E.createTreeWalker(E, 129);
 function w5(i, t) {
   if (!Z1(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return D1 !== void 0 ? D1.createHTML(t) : t;
@@ -327,41 +327,41 @@ const D5 = (i, t) => {
   let o, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", C = q;
   for (let n = 0; n < e; n++) {
     const l = i[n];
-    let d, p, c = -1, y = 0;
-    for (; y < l.length && (C.lastIndex = y, p = C.exec(l), p !== null); ) y = C.lastIndex, C === q ? p[1] === "!--" ? C = N1 : p[1] !== void 0 ? C = I1 : p[2] !== void 0 ? (f5.test(p[2]) && (o = RegExp("</" + p[2], "g")), C = x) : p[3] !== void 0 && (C = x) : C === x ? p[0] === ">" ? (C = o ?? q, c = -1) : p[1] === void 0 ? c = -2 : (c = C.lastIndex - p[2].length, d = p[1], C = p[3] === void 0 ? x : p[3] === '"' ? F1 : W1) : C === F1 || C === W1 ? C = x : C === N1 || C === I1 ? C = q : (C = x, o = void 0);
-    const m = C === x && i[n + 1].startsWith("/>") ? " " : "";
-    r += C === q ? l + q5 : c >= 0 ? (s.push(d), l.slice(0, c) + g5 + l.slice(c) + b + m) : l + b + (c === -2 ? n : m);
+    let h, p, c = -1, y = 0;
+    for (; y < l.length && (C.lastIndex = y, p = C.exec(l), p !== null); ) y = C.lastIndex, C === q ? p[1] === "!--" ? C = N1 : p[1] !== void 0 ? C = I1 : p[2] !== void 0 ? (y5.test(p[2]) && (o = RegExp("</" + p[2], "g")), C = L) : p[3] !== void 0 && (C = L) : C === L ? p[0] === ">" ? (C = o ?? q, c = -1) : p[1] === void 0 ? c = -2 : (c = C.lastIndex - p[2].length, h = p[1], C = p[3] === void 0 ? L : p[3] === '"' ? F1 : W1) : C === F1 || C === W1 ? C = L : C === N1 || C === I1 ? C = q : (C = L, o = void 0);
+    const b = C === L && i[n + 1].startsWith("/>") ? " " : "";
+    r += C === q ? l + q5 : c >= 0 ? (s.push(h), l.slice(0, c) + g5 + l.slice(c) + $ + b) : l + $ + (c === -2 ? n : b);
   }
   return [w5(i, r + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
-let L1 = class _5 {
+let x1 = class _5 {
   constructor({ strings: t, _$litType$: e }, s) {
     let o;
     this.parts = [];
     let r = 0, C = 0;
-    const n = t.length - 1, l = this.parts, [d, p] = D5(t, e);
-    if (this.el = _5.createElement(d, s), M.currentNode = this.el.content, e === 2 || e === 3) {
+    const n = t.length - 1, l = this.parts, [h, p] = D5(t, e);
+    if (this.el = _5.createElement(h, s), M.currentNode = this.el.content, e === 2 || e === 3) {
       const c = this.el.content.firstChild;
       c.replaceWith(...c.childNodes);
     }
     for (; (o = M.nextNode()) !== null && l.length < n; ) {
       if (o.nodeType === 1) {
         if (o.hasAttributes()) for (const c of o.getAttributeNames()) if (c.endsWith(g5)) {
-          const y = p[C++], m = o.getAttribute(c).split(b), i1 = /([.?@])?(.*)/.exec(y);
-          l.push({ type: 1, index: r, name: i1[2], strings: m, ctor: i1[1] === "." ? I5 : i1[1] === "?" ? W5 : i1[1] === "@" ? F5 : y1 }), o.removeAttribute(c);
-        } else c.startsWith(b) && (l.push({ type: 6, index: r }), o.removeAttribute(c));
-        if (f5.test(o.tagName)) {
-          const c = o.textContent.split(b), y = c.length - 1;
+          const y = p[C++], b = o.getAttribute(c).split($), i1 = /([.?@])?(.*)/.exec(y);
+          l.push({ type: 1, index: r, name: i1[2], strings: b, ctor: i1[1] === "." ? I5 : i1[1] === "?" ? W5 : i1[1] === "@" ? F5 : f1 }), o.removeAttribute(c);
+        } else c.startsWith($) && (l.push({ type: 6, index: r }), o.removeAttribute(c));
+        if (y5.test(o.tagName)) {
+          const c = o.textContent.split($), y = c.length - 1;
           if (y > 0) {
             o.textContent = h1 ? h1.emptyScript : "";
-            for (let m = 0; m < y; m++) o.append(c[m], d1()), M.nextNode(), l.push({ type: 2, index: ++r });
+            for (let b = 0; b < y; b++) o.append(c[b], d1()), M.nextNode(), l.push({ type: 2, index: ++r });
             o.append(c[y], d1());
           }
         }
-      } else if (o.nodeType === 8) if (o.data === y5) l.push({ type: 2, index: r });
+      } else if (o.nodeType === 8) if (o.data === f5) l.push({ type: 2, index: r });
       else {
         let c = -1;
-        for (; (c = o.data.indexOf(b, c + 1)) !== -1; ) l.push({ type: 7, index: r }), c += b.length - 1;
+        for (; (c = o.data.indexOf($, c + 1)) !== -1; ) l.push({ type: 7, index: r }), c += $.length - 1;
       }
       r++;
     }
@@ -394,8 +394,8 @@ let N5 = class {
     let r = M.nextNode(), C = 0, n = 0, l = s[0];
     for (; l !== void 0; ) {
       if (C === l.index) {
-        let d;
-        l.type === 2 ? d = new m5(r, r.nextSibling, this, t) : l.type === 1 ? d = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (d = new K5(r, this, t)), this._$AV.push(d), l = s[++n];
+        let h;
+        l.type === 2 ? h = new m5(r, r.nextSibling, this, t) : l.type === 1 ? h = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (h = new K5(r, this, t)), this._$AV.push(h), l = s[++n];
       }
       C !== (l == null ? void 0 : l.index) && (r = M.nextNode(), C++);
     }
@@ -411,7 +411,7 @@ let N5 = class {
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
   constructor(t, e, s, o) {
-    this.type = 2, this._$AH = a, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
+    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -425,7 +425,7 @@ let N5 = class {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = H(this, t, e), t1(t) ? t === a || t == null || t === "" ? (this._$AH !== a && this._$AR(), this._$AH = a) : t !== this._$AH && t !== e1 && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : j5(t) ? this.k(t) : this._(t);
+    t = H(this, t, e), t1(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== e1 && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : j5(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -434,11 +434,11 @@ let N5 = class {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== a && t1(this._$AH) ? this._$AA.nextSibling.data = t : this.T(E.createTextNode(t)), this._$AH = t;
+    this._$AH !== d && t1(this._$AH) ? this._$AA.nextSibling.data = t : this.T(E.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var r;
-    const { values: e, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = L1.createElement(w5(s.h, s.h[0]), this.options)), s);
+    const { values: e, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = x1.createElement(w5(s.h, s.h[0]), this.options)), s);
     if (((r = this._$AH) == null ? void 0 : r._$AD) === o) this._$AH.p(e);
     else {
       const C = new N5(o, this), n = C.u(this.options);
@@ -447,7 +447,7 @@ let N5 = class {
   }
   _$AC(t) {
     let e = K1.get(t.strings);
-    return e === void 0 && K1.set(t.strings, e = new L1(t)), e;
+    return e === void 0 && K1.set(t.strings, e = new x1(t)), e;
   }
   k(t) {
     Z1(this._$AH) || (this._$AH = [], this._$AR());
@@ -467,7 +467,7 @@ let N5 = class {
     var e;
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
-}, y1 = class {
+}, f1 = class {
   get tagName() {
     return this.element.tagName;
   }
@@ -475,7 +475,7 @@ let N5 = class {
     return this._$AM._$AU;
   }
   constructor(t, e, s, o, r) {
-    this.type = 1, this._$AH = a, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = r, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = a;
+    this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = r, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = d;
   }
   _$AI(t, e = this, s, o) {
     const r = this.strings;
@@ -483,35 +483,35 @@ let N5 = class {
     if (r === void 0) t = H(this, t, e, 0), C = !t1(t) || t !== this._$AH && t !== e1, C && (this._$AH = t);
     else {
       const n = t;
-      let l, d;
-      for (t = r[0], l = 0; l < r.length - 1; l++) d = H(this, n[s + l], e, l), d === e1 && (d = this._$AH[l]), C || (C = !t1(d) || d !== this._$AH[l]), d === a ? t = a : t !== a && (t += (d ?? "") + r[l + 1]), this._$AH[l] = d;
+      let l, h;
+      for (t = r[0], l = 0; l < r.length - 1; l++) h = H(this, n[s + l], e, l), h === e1 && (h = this._$AH[l]), C || (C = !t1(h) || h !== this._$AH[l]), h === d ? t = d : t !== d && (t += (h ?? "") + r[l + 1]), this._$AH[l] = h;
     }
     C && !o && this.j(t);
   }
   j(t) {
-    t === a ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
-}, I5 = class extends y1 {
+}, I5 = class extends f1 {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === a ? void 0 : t;
+    this.element[this.name] = t === d ? void 0 : t;
   }
-}, W5 = class extends y1 {
+}, W5 = class extends f1 {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== a);
+    this.element.toggleAttribute(this.name, !!t && t !== d);
   }
-}, F5 = class extends y1 {
+}, F5 = class extends f1 {
   constructor(t, e, s, o, r) {
     super(t, e, s, o, r), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = H(this, t, e, 0) ?? a) === e1) return;
-    const s = this._$AH, o = t === a && s !== a || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== a && (s === a || o);
+    if ((t = H(this, t, e, 0) ?? d) === e1) return;
+    const s = this._$AH, o = t === d && s !== d || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== d && (s === d || o);
     o && this.element.removeEventListener(this.name, this, s), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
@@ -530,13 +530,13 @@ let N5 = class {
   }
 };
 const $1 = J.litHtmlPolyfillSupport;
-$1 == null || $1(L1, m5), (J.litHtmlVersions ?? (J.litHtmlVersions = [])).push("3.2.1");
+$1 == null || $1(x1, m5), (J.litHtmlVersions ?? (J.litHtmlVersions = [])).push("3.2.1");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const J5 = (i) => i ?? a, $5 = s1`
+const J5 = (i) => i ?? d, $5 = s1`
   :host {
     /* Anything that can be overridden should be defined here */
 
@@ -615,7 +615,10 @@ const J5 = (i) => i ?? a, $5 = s1`
       --nys-color-neutral-400,
       #757575
     );
-    --_nys-checkbox-disabled-color-text: var(--nys-color-neutral-500, #797c7f);
+    --_nys-checkbox-disabled-color-text: var(
+      --nys-color-text-disabled,
+      #bec0c1
+    );
     /* Disabled Checked */
     --_nys-checkbox-disabled-checked-color-bg: var(
       --nys-color-neutral-100,
@@ -643,7 +646,7 @@ const J5 = (i) => i ?? a, $5 = s1`
   .nys-checkboxgroup {
     display: flex;
     flex-direction: column;
-    gap: var(--nys-spacing-50, 4px);
+    gap: var(--nys-space-200, 16px);
     font-family: var(--_nys-checkbox-font-family);
     font-size: var(--_nys-checkbox-font-size);
     line-height: var(--_nys-checkbox-line-height);
@@ -755,18 +758,20 @@ const J5 = (i) => i ?? a, $5 = s1`
     display: flex;
     flex-direction: column;
     margin: auto 0; /* Center text if single line label */
+    align-items: flex-start;
   }
 
   /* Label styling */
   .nys-checkbox__label {
     font-weight: var(--_nys-checkbox-font-weight-400);
-    color: var(--_nys-checkbox-color);
+    color: var(--nys-color-text, #1b1b1b);
   }
 
   /* Description styling */
   .nys-checkbox__description {
     font-weight: var(--_nys-checkbox-font-weight-400);
     font-style: italic;
+    text-align: left;
   }
 
   /* Required */
@@ -783,7 +788,7 @@ const J5 = (i) => i ?? a, $5 = s1`
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
    * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
    * 
-   * Icon Component v1.1.0
+   * Icon Component v1.1.1
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -793,10 +798,10 @@ const J5 = (i) => i ?? a, $5 = s1`
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const C1 = globalThis, S1 = C1.ShadowRoot && (C1.ShadyCSS === void 0 || C1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, L5 = Symbol(), J1 = /* @__PURE__ */ new WeakMap();
+const C1 = globalThis, S1 = C1.ShadowRoot && (C1.ShadyCSS === void 0 || C1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, x5 = Symbol(), J1 = /* @__PURE__ */ new WeakMap();
 let G5 = class {
   constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== L5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== x5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
@@ -812,7 +817,7 @@ let G5 = class {
     return this.cssText;
   }
 };
-const Y5 = (i) => new G5(typeof i == "string" ? i : i + "", void 0, L5), X5 = (i, t) => {
+const Y5 = (i) => new G5(typeof i == "string" ? i : i + "", void 0, x5), X5 = (i, t) => {
   if (S1) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const s = document.createElement("style"), o = C1.litNonce;
@@ -1410,7 +1415,7 @@ const Z = (D = class extends U {
   }
   render() {
     const i = this.getIcon();
-    return i ? v`${i}` : null;
+    return i ? u`${i}` : null;
   }
 }, D.styles = c2, D.VALID_TYPES = [
   "2xs",
@@ -1430,7 +1435,7 @@ const Z = (D = class extends U {
   "64"
 ], D);
 O([
-  z({ type: String })
+  z({ type: String, reflect: !0 })
 ], Z.prototype, "name", 2);
 O([
   z({ type: String })
@@ -1450,7 +1455,7 @@ O([
 let d2 = Z;
 customElements.get("nys-icon") || customElements.define("nys-icon", d2);
 /*!
-   * Label v1.1.0
+   * 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
@@ -1461,10 +1466,10 @@ customElements.get("nys-icon") || customElements.define("nys-icon", d2);
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const n1 = globalThis, V1 = n1.ShadowRoot && (n1.ShadyCSS === void 0 || n1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, x5 = Symbol(), t5 = /* @__PURE__ */ new WeakMap();
+const n1 = globalThis, V1 = n1.ShadowRoot && (n1.ShadyCSS === void 0 || n1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, L5 = Symbol(), t5 = /* @__PURE__ */ new WeakMap();
 let p2 = class {
   constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== x5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    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() {
@@ -1480,7 +1485,7 @@ let p2 = class {
     return this.cssText;
   }
 };
-const v2 = (i) => new p2(typeof i == "string" ? i : i + "", void 0, x5), u2 = (i, t) => {
+const v2 = (i) => new p2(typeof i == "string" ? i : i + "", void 0, L5), u2 = (i, t) => {
   if (V1) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const s = document.createElement("style"), o = n1.litNonce;
@@ -1496,7 +1501,7 @@ const v2 = (i) => new p2(typeof i == "string" ? i : i + "", void 0, x5), u2 = (i
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: g2, defineProperty: y2, getOwnPropertyDescriptor: f2, getOwnPropertyNames: w2, getOwnPropertySymbols: _2, getPrototypeOf: m2 } = Object, k = globalThis, s5 = k.trustedTypes, b2 = s5 ? s5.emptyScript : "", o5 = k.reactiveElementPolyfillSupport, Y = (i, t) => i, v1 = { toAttribute(i, t) {
+const { is: g2, defineProperty: f2, getOwnPropertyDescriptor: y2, getOwnPropertyNames: w2, getOwnPropertySymbols: _2, getPrototypeOf: m2 } = Object, k = globalThis, s5 = k.trustedTypes, b2 = s5 ? s5.emptyScript : "", o5 = k.reactiveElementPolyfillSupport, Y = (i, t) => i, v1 = { toAttribute(i, t) {
   switch (t) {
     case Boolean:
       i = i ? b2 : null;
@@ -1536,11 +1541,11 @@ let N = class extends HTMLElement {
   static createProperty(t, e = i5) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
       const s = Symbol(), o = this.getPropertyDescriptor(t, s, e);
-      o !== void 0 && y2(this.prototype, t, o);
+      o !== void 0 && f2(this.prototype, t, o);
     }
   }
   static getPropertyDescriptor(t, e, s) {
-    const { get: o, set: r } = f2(this.prototype, t) ?? { get() {
+    const { get: o, set: r } = y2(this.prototype, t) ?? { get() {
       return this[e];
     }, set(C) {
       this[e] = C;
@@ -1730,7 +1735,7 @@ N.elementStyles = [], N.shadowRootOptions = { mode: "open" }, N[Y("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const $2 = { attribute: !0, type: String, converter: v1, reflect: !1, hasChanged: k1 }, L2 = (i = $2, t, e) => {
+const $2 = { attribute: !0, type: String, converter: v1, reflect: !1, hasChanged: k1 }, x2 = (i = $2, t, e) => {
   const { kind: s, metadata: o } = e;
   let r = globalThis.litPropertyMetadata.get(o);
   if (r === void 0 && globalThis.litPropertyMetadata.set(o, r = /* @__PURE__ */ new Map()), r.set(e.name, i), s === "accessor") {
@@ -1751,13 +1756,13 @@ const $2 = { attribute: !0, type: String, converter: v1, reflect: !1, hasChanged
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function f1(i) {
-  return (t, e) => typeof e == "object" ? L2(i, t, e) : ((s, o, r) => {
+function y1(i) {
+  return (t, e) => typeof e == "object" ? x2(i, t, e) : ((s, o, r) => {
     const C = o.hasOwnProperty(r);
     return o.constructor.createProperty(r, C ? { ...s, wrapped: !0 } : s), C ? Object.getOwnPropertyDescriptor(o, r) : void 0;
   })(i, t, e);
 }
-const x2 = s1`
+const L2 = s1`
   :host {
     /* Label Typography */
     --_nys-label-font-family: var(
@@ -1775,19 +1780,19 @@ const x2 = s1`
     --_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-ink, #1b1b1b);
+    --_nys-label-font-color: var(--nys-color-text, #1b1b1b);
 
     /* Description */
     --nys-description-font-weight: var(--nys-font-weight-regular, 400);
     --nys-description-font-style: italic;
-    --nys-description-font-color: var(--nys-neutral-900, #1b1b1b);
+    --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-neutral-700, #4a4d4f);
+    --nys-optional-font-color: var(--nys-color-text-weak, #4a4d4f);
 
     /* Spacing */
     --_nys-label-flag-gap: var(--nys-space-2px, 2px);
@@ -1839,12 +1844,12 @@ const M5 = class extends U {
     super(...arguments), this.id = "", this.label = "", this.description = "", this.flag = "";
   }
   render() {
-    return v`
+    return u`
       <div class="nys-label">
         <label for=${this.id} class="nys-label__label"
           >${this.label}
-          ${this.flag === "required" ? v`<label class="nys-label__required">*</label>` : ""}
-          ${this.flag === "optional" ? v`<label class="nys-label__optional">(Optional)</label>` : ""}</label
+          ${this.flag === "required" ? u`<label class="nys-label__required">*</label>` : ""}
+          ${this.flag === "optional" ? u`<label class="nys-label__optional">(Optional)</label>` : ""}</label
         >
         <label for=${this.id} class="nys-label__description">
           <slot name="description">${this.description}</slot>
@@ -1853,23 +1858,23 @@ const M5 = class extends U {
     `;
   }
 };
-M5.styles = x2;
+M5.styles = L2;
 let o1 = M5;
 w1([
-  f1({ type: String })
+  y1({ type: String })
 ], o1.prototype, "id");
 w1([
-  f1({ type: String })
+  y1({ type: String })
 ], o1.prototype, "label");
 w1([
-  f1({ type: String })
+  y1({ type: String })
 ], o1.prototype, "description");
 w1([
-  f1({ type: String })
+  y1({ type: String })
 ], o1.prototype, "flag");
 customElements.get("nys-label") || customElements.define("nys-label", o1);
 /*!
-   * Error Message v1.1.0
+   * 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
@@ -2231,7 +2236,7 @@ const R2 = s1`
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
    * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
    * 
-   * Icon Component v1.1.0
+   * Icon Component v1.1.1
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -2858,7 +2863,7 @@ const S = (F = class extends U {
   }
   render() {
     const i = this.getIcon();
-    return i ? v`${i}` : null;
+    return i ? u`${i}` : null;
   }
 }, F.styles = Q2, F.VALID_TYPES = [
   "2xs",
@@ -2878,7 +2883,7 @@ const S = (F = class extends U {
   "64"
 ], F);
 R([
-  B({ type: String })
+  B({ type: String, reflect: !0 })
 ], S.prototype, "name", 2);
 R([
   B({ type: String })
@@ -2902,20 +2907,20 @@ var o7 = Object.defineProperty, B1 = (i, t, e, s) => {
     (C = i[r]) && (o = C(t, e, o) || o);
   return o && o7(t, e, o), o;
 };
-const x1 = class extends U {
+const L1 = class extends U {
   // allows use of elementInternals' API
   constructor() {
     super(), this.showError = !1, this.errorMessage = "", this.showDivider = !1, this._internals = this.attachInternals();
   }
   render() {
-    return v`${this.showError ? v`<div class="nys-errormessage" ?showDivider=${this.showDivider}>
+    return u`${this.showError ? u`<div class="nys-errormessage" ?showDivider=${this.showDivider}>
           <nys-icon name="error" size="xl"></nys-icon>
           ${this._internals.validationMessage || this.errorMessage}
         </div>` : ""}`;
   }
 };
-x1.styles = R2, x1.formAssociated = !0;
-let _1 = x1;
+L1.styles = R2, L1.formAssociated = !0;
+let _1 = L1;
 B1([
   U1({ type: Boolean })
 ], _1.prototype, "showError");
@@ -2926,42 +2931,65 @@ B1([
   U1({ type: Boolean, reflect: !0 })
 ], _1.prototype, "showDivider");
 customElements.get("nys-errormessage") || customElements.define("nys-errormessage", _1);
-var i7 = Object.defineProperty, r7 = Object.getOwnPropertyDescriptor, L = (i, t, e, s) => {
+var i7 = Object.defineProperty, r7 = Object.getOwnPropertyDescriptor, m = (i, t, e, s) => {
   for (var o = s > 1 ? void 0 : s ? r7(t, e) : t, r = i.length - 1, C; r >= 0; r--)
     (C = i[r]) && (o = (s ? C(t, e, o) : C(o)) || o);
   return s && o && i7(t, e, o), o;
 };
 let C7 = 0;
-var f;
-const _ = (f = class extends U {
+var w;
+const f = (w = class extends U {
   // allows use of elementInternals' API
   constructor() {
-    super(), this.id = "", this.name = "", this.required = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", 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._size = "md", this._internals = this.attachInternals();
   }
   get size() {
     return this._size;
   }
   set size(t) {
-    this._size = f.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-checkbox-${Date.now()}-${C7++}`), this.addEventListener("change", this._manageCheckboxRequired), this.addEventListener("invalid", this._handleInvalid);
+    super.connectedCallback(), this.id || (this.id = `nys-checkbox-${Date.now()}-${C7++}`), this.addEventListener("change", this._handleCheckboxChange), this.addEventListener("invalid", this._handleInvalid);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("change", this._manageCheckboxRequired), this.removeEventListener("invalid", this._handleInvalid);
+    super.disconnectedCallback(), this.removeEventListener("change", this._handleCheckboxChange), this.removeEventListener("invalid", this._handleInvalid);
+  }
+  firstUpdated() {
+    this._setGroupExist();
   }
   updated(t) {
-    t.has("required") && this.required && this.setupCheckboxRequired(), t.has("size") && this.updateCheckboxSize();
+    t.has("required") && this.required && this._setupCheckboxRequired(), t.has("size") && this.updateCheckboxSize();
   }
   /********************** Functions **********************/
-  _handleInvalid() {
-    this._internals.validity.valueMissing && (this.showError = !0, this._manageCheckboxRequired());
+  _setGroupExist() {
+    this.querySelectorAll("nys-checkbox").forEach((e) => {
+      e.groupExist = !0;
+    });
+  }
+  async _handleInvalid(t) {
+    t.preventDefault(), this.showError = !0, this._manageCheckboxRequired();
+    const e = this.querySelector("nys-checkbox"), s = e ? await e.getInputElement() : null;
+    if (s) {
+      const o = this._internals.form;
+      o ? Array.from(o.elements).find((n) => {
+        if (n.tagName.toLowerCase() === "nys-checkboxgroup") {
+          if (Array.from(
+            this.querySelectorAll("nys-checkbox")
+          ).filter(
+            (p) => p.checked
+          ).length === 0)
+            return n;
+        } else
+          return typeof n.checkValidity == "function" && !n.checkValidity();
+      }) === this && s.focus() : s.focus();
+    }
   }
   // Initial update on checkbox required attribute
-  async setupCheckboxRequired() {
+  async _setupCheckboxRequired() {
     const t = this.querySelector("nys-checkbox"), e = this.errorMessage || "This field is required", s = t ? await t.getInputElement() : null;
     this._internals.setValidity(
       { valueMissing: !0 },
@@ -2969,17 +2997,24 @@ const _ = (f = class extends U {
       s || this
     );
   }
+  // Similar to how native forms handle multiple same-name fields, we group the selected values into a list for FormData.
+  _handleCheckboxChange(t) {
+    const e = t, { name: s } = e.detail, r = Array.from(this.querySelectorAll("nys-checkbox")).filter((C) => C.checked).map((C) => C.value);
+    this.name = s, this._internals.setFormValue(r.join(", ")), this._manageCheckboxRequired();
+  }
   // Updates the required attribute of each checkbox in the group
   async _manageCheckboxRequired() {
-    const t = this.errorMessage || "Please select at least one option.", e = this.querySelector("nys-checkbox"), s = e ? await e.getInputElement() : null;
-    let o = !1;
-    this.querySelectorAll("nys-checkbox").forEach((C) => {
-      C.checked && (o = !0);
-    }), o ? (this._internals.setValidity({}), this.showError = !1) : (this._internals.setValidity(
-      { valueMissing: !0 },
-      t,
-      s || this
-    ), this.showError = !0);
+    if (this.required) {
+      const t = this.errorMessage || "Please select at least one option.", e = this.querySelector("nys-checkbox"), s = e ? await e.getInputElement() : null;
+      let o = !1;
+      this.querySelectorAll("nys-checkbox").forEach((C) => {
+        C.checked && (o = !0);
+      }), o ? (this._internals.setValidity({}), this.showError = !1) : (this._internals.setValidity(
+        { valueMissing: !0 },
+        t,
+        s || this
+      ), this.showError = !0);
+    }
   }
   // Updates the size of each checkbox in the group
   updateCheckboxSize() {
@@ -2988,7 +3023,7 @@ const _ = (f = class extends U {
     });
   }
   render() {
-    return v` <div
+    return u` <div
       class="nys-checkboxgroup"
       aria-required="${this.required ? "true" : "false"}"
       role="group"
@@ -2996,7 +3031,7 @@ const _ = (f = class extends U {
       <nys-label
         label=${this.label}
         description=${this.description}
-        flag=${this.required ? "required" : ""}
+        flag=${this.required ? "required" : this.optional ? "optional" : ""}
       >
         <slot name="description" slot="description">${this.description}</slot>
       </nys-label>
@@ -3010,32 +3045,35 @@ const _ = (f = class extends U {
       ></nys-errormessage>
     </div>`;
   }
-}, f.VALID_SIZES = ["sm", "md"], f.styles = $5, f.formAssociated = !0, f);
-L([
-  h({ type: String })
-], _.prototype, "id", 2);
-L([
-  h({ type: String })
-], _.prototype, "name", 2);
-L([
-  h({ type: Boolean, reflect: !0 })
-], _.prototype, "required", 2);
-L([
-  h({ type: Boolean, reflect: !0 })
-], _.prototype, "showError", 2);
-L([
-  h({ type: String })
-], _.prototype, "errorMessage", 2);
-L([
-  h({ type: String })
-], _.prototype, "label", 2);
-L([
-  h({ type: String })
-], _.prototype, "description", 2);
-L([
-  h({ reflect: !0 })
-], _.prototype, "size", 1);
-let n7 = _;
+}, w.VALID_SIZES = ["sm", "md"], w.styles = $5, w.formAssociated = !0, w);
+m([
+  a({ type: String })
+], f.prototype, "id", 2);
+m([
+  a({ type: String, reflect: !0 })
+], f.prototype, "name", 2);
+m([
+  a({ type: Boolean, reflect: !0 })
+], f.prototype, "required", 2);
+m([
+  a({ type: Boolean, reflect: !0 })
+], f.prototype, "optional", 2);
+m([
+  a({ type: Boolean, reflect: !0 })
+], f.prototype, "showError", 2);
+m([
+  a({ type: String })
+], f.prototype, "errorMessage", 2);
+m([
+  a({ type: String })
+], f.prototype, "label", 2);
+m([
+  a({ type: String })
+], f.prototype, "description", 2);
+m([
+  a({ reflect: !0 })
+], f.prototype, "size", 1);
+let n7 = f;
 customElements.get("nys-checkboxgroup") || customElements.define("nys-checkboxgroup", n7);
 var l7 = Object.defineProperty, c7 = Object.getOwnPropertyDescriptor, g = (i, t, e, s) => {
   for (var o = s > 1 ? void 0 : s ? c7(t, e) : t, r = i.length - 1, C; r >= 0; r--)
@@ -3043,23 +3081,23 @@ var l7 = Object.defineProperty, c7 = Object.getOwnPropertyDescriptor, g = (i, t,
   return s && o && l7(t, e, o), o;
 };
 let a7 = 0;
-var w;
-const u = (w = class extends U {
+var _;
+const v = (_ = class extends U {
   // 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._size = "md", this._internals = this.attachInternals();
+    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._size = "md", this._internals = this.attachInternals();
   }
   get size() {
     return this._size;
   }
   set size(t) {
-    this._size = w.VALID_SIZES.includes(
+    this._size = _.VALID_SIZES.includes(
       t
     ) ? t : "md";
   }
   async getInputElement() {
     var t;
-    return await this.updateComplete, (t = this.shadowRoot) == null ? void 0 : t.querySelector("input");
+    return await this.updateComplete, ((t = this.shadowRoot) == null ? void 0 : t.querySelector("input")) || null;
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
@@ -3077,7 +3115,7 @@ const u = (w = class extends U {
   }
   /********************** Form Integration **********************/
   _setValue() {
-    this._internals.setFormValue(this.checked ? this.value : null);
+    this.groupExist || this._internals.setFormValue(this.checked ? this.value : null);
   }
   _manageRequire() {
     var s;
@@ -3101,16 +3139,36 @@ const u = (w = class extends U {
     this._setValidityMessage(e);
   }
   /********************** Functions **********************/
-  _handleInvalid() {
-    this._internals.validity.valueMissing && (this.showError = !0, this._validate());
+  // 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;
+  }
+  _handleInvalid(t) {
+    var s;
+    t.preventDefault(), this.showError = !0, this._validate();
+    const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("input");
+    if (e) {
+      const o = this._internals.form;
+      o ? Array.from(o.elements).find(
+        (n) => typeof n.checkValidity == "function" && !n.checkValidity()
+      ) === this && e.focus() : e.focus();
+    }
   }
   /******************** Event Handlers ********************/
   // Handle checkbox change event
   _handleChange(t) {
     const { checked: e } = t.target;
-    this.checked = e, this._internals.setFormValue(this.checked ? this.value : null), this._validate(), this.dispatchEvent(
+    this.checked = e, this.groupExist || this._internals.setFormValue(this.checked ? this.value : null), this._validate(), this.dispatchEvent(
       new CustomEvent("change", {
-        detail: { checked: this.checked },
+        detail: {
+          checked: this.checked,
+          name: this.name,
+          value: this.value
+        },
         bubbles: !0,
         composed: !0
       })
@@ -3128,14 +3186,18 @@ const u = (w = class extends U {
   _handleKeydown(t) {
     t.code === "Space" && (t.preventDefault(), this.disabled || (this.checked = !this.checked, this._internals.setFormValue(this.checked ? this.value : null), this._manageRequire(), this.dispatchEvent(
       new CustomEvent("change", {
-        detail: { checked: this.checked },
+        detail: {
+          checked: this.checked,
+          name: this.name,
+          value: this.value
+        },
         bubbles: !0,
         composed: !0
       })
     )));
   }
   render() {
-    return v`
+    return u`
       <div class="nys-checkbox">
         <label class="nys-checkbox__content">
           <div class="nys-checkbox__checkboxwrapper">
@@ -3156,23 +3218,22 @@ const u = (w = class extends U {
               @blur="${this._handleBlur}"
               @keydown="${this._handleKeydown}"
             />
-            ${this.checked ? v`<nys-icon
+            ${this.checked ? u`<nys-icon
                   for="${this.id}"
                   name="check"
                   size="${this.size === "md" ? "2xl" : this.size === "sm" ? "sm" : "md"}"
                   class="nys-checkbox__icon"
                 ></nys-icon>` : ""}
           </div>
-          ${this.label && v` <div class="nys-checkbox__text">
+          ${this.label && u` <div class="nys-checkbox__text">
             <div class="nys-checkbox__requiredwrapper">
               <label for=${this.id} class="nys-checkbox__label"
                 >${this.label}</label
               >
-              ${this.required ? v`<label class="nys-checkbox__required">*</label>` : ""}
+              ${this.required ? u`<label class="nys-checkbox__required">*</label>` : ""}
             </div>
             <label for=${this.id} class="nys-checkbox__description">
-              ${this.description}
-              <slot></slot>
+              <slot name="description">${this.description}</slot>
             </label>
           </div>`}
         </label>
@@ -3184,43 +3245,47 @@ const u = (w = class extends U {
       </div>
     `;
   }
-}, w.VALID_SIZES = ["sm", "md"], w.styles = $5, w.formAssociated = !0, w);
+}, _.VALID_SIZES = ["sm", "md"], _.styles = $5, _.formAssociated = !0, _);
+g([
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "checked", 2);
 g([
-  h({ type: Boolean, reflect: !0 })
-], u.prototype, "checked", 2);
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "disabled", 2);
 g([
-  h({ type: Boolean, reflect: !0 })
-], u.prototype, "disabled", 2);
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "required", 2);
 g([
-  h({ type: Boolean, reflect: !0 })
-], u.prototype, "required", 2);
+  a({ type: String })
+], v.prototype, "label", 2);
 g([
-  h({ type: String })
-], u.prototype, "label", 2);
+  a({ type: String })
+], v.prototype, "description", 2);
 g([
-  h({ type: String })
-], u.prototype, "description", 2);
+  a({ type: String })
+], v.prototype, "id", 2);
 g([
-  h({ type: String })
-], u.prototype, "id", 2);
+  a({ type: String, reflect: !0 })
+], v.prototype, "name", 2);
 g([
-  h({ type: String })
-], u.prototype, "name", 2);
+  a({ type: String })
+], v.prototype, "value", 2);
 g([
-  h({ type: String })
-], u.prototype, "value", 2);
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "showError", 2);
 g([
-  h({ type: Boolean, reflect: !0 })
-], u.prototype, "showError", 2);
+  a({ type: String })
+], v.prototype, "errorMessage", 2);
 g([
-  h({ type: String })
-], u.prototype, "errorMessage", 2);
+  a({ type: Boolean })
+], v.prototype, "groupExist", 2);
 g([
-  h({ reflect: !0 })
-], u.prototype, "size", 1);
-let h7 = u;
+  a({ reflect: !0 })
+], v.prototype, "size", 1);
+let h7 = v;
 customElements.get("nys-checkbox") || customElements.define("nys-checkbox", h7);
 export {
-  h7 as NysCheckbox
+  h7 as NysCheckbox,
+  n7 as NysCheckboxgroup
 };
 //# sourceMappingURL=nys-checkbox.js.map