@nysds/nys-checkbox 1.1.7 → 1.1.9

package/dist/nys-checkbox.js

@@ -1,4 +1,4 @@
-import { css as ue, LitElement as re, html as q } from "lit";
+import { css as be, LitElement as ie, html as S } from "lit";
 import "@nysds/nys-icon";
 import "@nysds/nys-label";
 import "@nysds/nys-errormessage";
@@ -17,10 +17,10 @@ import "@nysds/nys-errormessage";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const R = globalThis, W = R.ShadowRoot && (R.ShadyCSS === void 0 || R.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ne = Symbol(), K = /* @__PURE__ */ new WeakMap();
+const R = globalThis, W = R.ShadowRoot && (R.ShadyCSS === void 0 || R.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ce = Symbol(), K = /* @__PURE__ */ new WeakMap();
 let pe = class {
   constructor(e, t, s) {
-    if (this._$cssResult$ = !0, s !== ne) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== ce) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
   }
   get styleSheet() {
@@ -36,53 +36,53 @@ let pe = class {
     return this.cssText;
   }
 };
-const ye = (r) => new pe(typeof r == "string" ? r : r + "", void 0, ne), be = (r, e) => {
-  if (W) r.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+const ue = (i) => new pe(typeof i == "string" ? i : i + "", void 0, ce), ye = (i, e) => {
+  if (W) i.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
-    const s = document.createElement("style"), i = R.litNonce;
-    i !== void 0 && s.setAttribute("nonce", i), s.textContent = t.cssText, r.appendChild(s);
+    const s = document.createElement("style"), o = R.litNonce;
+    o !== void 0 && s.setAttribute("nonce", o), s.textContent = t.cssText, i.appendChild(s);
   }
-}, J = W ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
+}, J = W ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const s of e.cssRules) t += s.cssText;
-  return ye(t);
-})(r) : r;
+  return ue(t);
+})(i) : i;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: _e, defineProperty: fe, getOwnPropertyDescriptor: ve, getOwnPropertyNames: xe, getOwnPropertySymbols: ge, getPrototypeOf: ke } = Object, $ = globalThis, Q = $.trustedTypes, me = Q ? Q.emptyScript : "", j = $.reactiveElementPolyfillSupport, z = (r, e) => r, T = { toAttribute(r, e) {
+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, T = { toAttribute(i, e) {
   switch (e) {
     case Boolean:
-      r = r ? me : null;
+      i = i ? me : null;
       break;
     case Object:
     case Array:
-      r = r == null ? r : JSON.stringify(r);
+      i = i == null ? i : JSON.stringify(i);
   }
-  return r;
-}, fromAttribute(r, e) {
-  let t = r;
+  return i;
+}, fromAttribute(i, e) {
+  let t = i;
   switch (e) {
     case Boolean:
-      t = r !== null;
+      t = i !== null;
       break;
     case Number:
-      t = r === null ? null : Number(r);
+      t = i === null ? null : Number(i);
       break;
     case Object:
     case Array:
       try {
-        t = JSON.parse(r);
+        t = JSON.parse(i);
       } catch {
         t = null;
       }
   }
   return t;
-} }, Z = (r, e) => !_e(r, e), X = { attribute: !0, type: String, converter: T, reflect: !1, hasChanged: Z };
+} }, Z = (i, e) => !_e(i, e), X = { attribute: !0, type: String, converter: T, reflect: !1, hasChanged: Z };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class C extends HTMLElement {
+class P extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
   }
@@ -91,46 +91,46 @@ class C extends HTMLElement {
   }
   static createProperty(e, t = X) {
     if (t.state && (t.attribute = !1), this._$Ei(), this.elementProperties.set(e, t), !t.noAccessor) {
-      const s = Symbol(), i = this.getPropertyDescriptor(e, s, t);
-      i !== void 0 && fe(this.prototype, e, i);
+      const s = Symbol(), o = this.getPropertyDescriptor(e, s, t);
+      o !== void 0 && fe(this.prototype, e, o);
     }
   }
   static getPropertyDescriptor(e, t, s) {
-    const { get: i, set: n } = ve(this.prototype, e) ?? { get() {
+    const { get: o, set: c } = ke(this.prototype, e) ?? { get() {
       return this[t];
-    }, set(o) {
-      this[t] = o;
+    }, set(r) {
+      this[t] = r;
     } };
     return { get() {
-      return i == null ? void 0 : i.call(this);
-    }, set(o) {
-      const h = i == null ? void 0 : i.call(this);
-      n.call(this, o), this.requestUpdate(e, h, s);
+      return o == null ? void 0 : o.call(this);
+    }, set(r) {
+      const h = o == null ? void 0 : o.call(this);
+      c.call(this, r), this.requestUpdate(e, h, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
     return this.elementProperties.get(e) ?? X;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(z("elementProperties"))) return;
-    const e = ke(this);
+    if (this.hasOwnProperty(q("elementProperties"))) return;
+    const e = ge(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(z("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(z("properties"))) {
-      const t = this.properties, s = [...xe(t), ...ge(t)];
-      for (const i of s) this.createProperty(i, t[i]);
+    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)];
+      for (const o of s) this.createProperty(o, t[o]);
     }
     const e = this[Symbol.metadata];
     if (e !== null) {
       const t = litPropertyMetadata.get(e);
-      if (t !== void 0) for (const [s, i] of t) this.elementProperties.set(s, i);
+      if (t !== void 0) for (const [s, o] of t) this.elementProperties.set(s, o);
     }
     this._$Eh = /* @__PURE__ */ new Map();
     for (const [t, s] of this.elementProperties) {
-      const i = this._$Eu(t, s);
-      i !== void 0 && this._$Eh.set(i, t);
+      const o = this._$Eu(t, s);
+      o !== void 0 && this._$Eh.set(o, t);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
@@ -138,7 +138,7 @@ class C extends HTMLElement {
     const t = [];
     if (Array.isArray(e)) {
       const s = new Set(e.flat(1 / 0).reverse());
-      for (const i of s) t.unshift(J(i));
+      for (const o of s) t.unshift(J(o));
     } else e !== void 0 && t.push(J(e));
     return t;
   }
@@ -168,7 +168,7 @@ class C extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return be(e, this.constructor.elementStyles), e;
+    return ye(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -190,19 +190,19 @@ class C extends HTMLElement {
     this._$AK(e, s);
   }
   _$EC(e, t) {
-    var n;
-    const s = this.constructor.elementProperties.get(e), i = this.constructor._$Eu(e, s);
-    if (i !== void 0 && s.reflect === !0) {
-      const o = (((n = s.converter) == null ? void 0 : n.toAttribute) !== void 0 ? s.converter : T).toAttribute(t, s.type);
-      this._$Em = e, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
+    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 : T).toAttribute(t, s.type);
+      this._$Em = e, r == null ? this.removeAttribute(o) : this.setAttribute(o, r), this._$Em = null;
     }
   }
   _$AK(e, t) {
-    var n;
-    const s = this.constructor, i = s._$Eh.get(e);
-    if (i !== void 0 && this._$Em !== i) {
-      const o = s.getPropertyOptions(i), h = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : T;
-      this._$Em = i, this[i] = h.fromAttribute(t, o.type), this._$Em = null;
+    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 : T;
+      this._$Em = o, this[o] = h.fromAttribute(t, r.type), this._$Em = null;
     }
   }
   requestUpdate(e, t, s) {
@@ -233,21 +233,21 @@ class C extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [n, o] of this._$Ep) this[n] = o;
+        for (const [c, r] of this._$Ep) this[c] = r;
         this._$Ep = void 0;
       }
-      const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [n, o] of i) o.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], o);
+      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);
     }
     let e = !1;
     const t = this._$AL;
     try {
-      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (s = this._$EO) == null || s.forEach((i) => {
-        var n;
-        return (n = i.hostUpdate) == null ? void 0 : n.call(i);
+      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (s = this._$EO) == null || s.forEach((o) => {
+        var c;
+        return (c = o.hostUpdate) == null ? void 0 : c.call(o);
       }), this.update(t)) : this._$EU();
-    } catch (i) {
-      throw e = !1, this._$EU(), i;
+    } catch (o) {
+      throw e = !1, this._$EU(), o;
     }
     e && this._$AE(t);
   }
@@ -256,8 +256,8 @@ class C extends HTMLElement {
   _$AE(e) {
     var t;
     (t = this._$EO) == null || t.forEach((s) => {
-      var i;
-      return (i = s.hostUpdated) == null ? void 0 : i.call(s);
+      var o;
+      return (o = s.hostUpdated) == null ? void 0 : o.call(s);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
   }
   _$EU() {
@@ -280,93 +280,93 @@ class C extends HTMLElement {
   firstUpdated(e) {
   }
 }
-C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[z("elementProperties")] = /* @__PURE__ */ new Map(), C[z("finalized")] = /* @__PURE__ */ new Map(), j == null || j({ ReactiveElement: C }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.0.4");
+P.elementStyles = [], P.shadowRootOptions = { mode: "open" }, P[q("elementProperties")] = /* @__PURE__ */ new Map(), P[q("finalized")] = /* @__PURE__ */ new Map(), B == null || B({ ReactiveElement: P }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const $e = { attribute: !0, type: String, converter: T, reflect: !1, hasChanged: Z }, Ae = (r = $e, e, t) => {
-  const { kind: s, metadata: i } = t;
-  let n = globalThis.litPropertyMetadata.get(i);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), n.set(t.name, r), s === "accessor") {
-    const { name: o } = t;
+const $e = { attribute: !0, type: String, converter: T, reflect: !1, hasChanged: Z }, Ae = (i = $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;
     return { set(h) {
-      const c = e.get.call(this);
-      e.set.call(this, h), this.requestUpdate(o, c, r);
+      const n = e.get.call(this);
+      e.set.call(this, h), this.requestUpdate(r, n, i);
     }, init(h) {
-      return h !== void 0 && this.P(o, void 0, r), h;
+      return h !== void 0 && this.P(r, void 0, i), h;
     } };
   }
   if (s === "setter") {
-    const { name: o } = t;
+    const { name: r } = t;
     return function(h) {
-      const c = this[o];
-      e.call(this, h), this.requestUpdate(o, c, r);
+      const n = this[r];
+      e.call(this, h), this.requestUpdate(r, n, i);
     };
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function l(r) {
-  return (e, t) => typeof t == "object" ? Ae(r, e, t) : ((s, i, n) => {
-    const o = i.hasOwnProperty(n);
-    return i.constructor.createProperty(n, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, n) : void 0;
-  })(r, e, t);
+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);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const M = globalThis, N = M.trustedTypes, Y = N ? N.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ce = "$lit$", m = `lit$${Math.random().toFixed(9).slice(2)}$`, he = "?" + m, Ee = `<${he}>`, w = document, V = () => w.createComment(""), U = (r) => r === null || typeof r != "object" && typeof r != "function", G = Array.isArray, we = (r) => G(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", B = `[ 	
-\f\r]`, P = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ee = /-->/g, te = />/g, A = RegExp(`>|${B}(?:([^\\s"'>=/]+)(${B}*=${B}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), se = /'/g, ie = /"/g, ae = /^(?:script|style|textarea|title)$/i, O = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), oe = /* @__PURE__ */ new WeakMap(), E = w.createTreeWalker(w, 129);
-function le(r, e) {
-  if (!G(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
+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 = `[ 	
+\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;
 }
-const Se = (r, e) => {
-  const t = r.length - 1, s = [];
-  let i, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = P;
+const Se = (i, e) => {
+  const t = i.length - 1, s = [];
+  let o, c = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", r = z;
   for (let h = 0; h < t; h++) {
-    const c = r[h];
-    let d, p, a = -1, f = 0;
-    for (; f < c.length && (o.lastIndex = f, p = o.exec(c), p !== null); ) f = o.lastIndex, o === P ? p[1] === "!--" ? o = ee : p[1] !== void 0 ? o = te : p[2] !== void 0 ? (ae.test(p[2]) && (i = RegExp("</" + p[2], "g")), o = A) : p[3] !== void 0 && (o = A) : o === A ? p[0] === ">" ? (o = i ?? P, a = -1) : p[1] === void 0 ? a = -2 : (a = o.lastIndex - p[2].length, d = p[1], o = p[3] === void 0 ? A : p[3] === '"' ? ie : se) : o === ie || o === se ? o = A : o === ee || o === te ? o = P : (o = A, i = void 0);
-    const k = o === A && r[h + 1].startsWith("/>") ? " " : "";
-    n += o === P ? c + Ee : a >= 0 ? (s.push(d), c.slice(0, a) + ce + c.slice(a) + m + k) : c + m + (a === -2 ? h : k);
+    const n = i[h];
+    let d, p, a = -1, k = 0;
+    for (; k < n.length && (r.lastIndex = k, p = r.exec(n), p !== null); ) k = r.lastIndex, r === z ? p[1] === "!--" ? r = ee : p[1] !== void 0 ? r = te : p[2] !== void 0 ? (ae.test(p[2]) && (o = RegExp("</" + p[2], "g")), r = A) : p[3] !== void 0 && (r = A) : r === A ? p[0] === ">" ? (r = o ?? z, a = -1) : p[1] === void 0 ? a = -2 : (a = r.lastIndex - p[2].length, d = p[1], r = p[3] === void 0 ? A : p[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);
   }
-  return [le(r, n + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
+  return [le(i, c + (i[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
 };
-class H {
+class O {
   constructor({ strings: e, _$litType$: t }, s) {
-    let i;
+    let o;
     this.parts = [];
-    let n = 0, o = 0;
-    const h = e.length - 1, c = this.parts, [d, p] = Se(e, t);
-    if (this.el = H.createElement(d, s), E.currentNode = this.el.content, t === 2 || t === 3) {
+    let c = 0, r = 0;
+    const h = e.length - 1, n = this.parts, [d, p] = Se(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);
     }
-    for (; (i = E.nextNode()) !== null && c.length < h; ) {
-      if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const a of i.getAttributeNames()) if (a.endsWith(ce)) {
-          const f = p[o++], k = i.getAttribute(a).split(m), I = /([.?@])?(.*)/.exec(f);
-          c.push({ type: 1, index: n, name: I[2], strings: k, ctor: I[1] === "." ? Pe : I[1] === "?" ? qe : I[1] === "@" ? ze : L }), i.removeAttribute(a);
-        } else a.startsWith(m) && (c.push({ type: 6, index: n }), i.removeAttribute(a));
-        if (ae.test(i.tagName)) {
-          const a = i.textContent.split(m), f = a.length - 1;
-          if (f > 0) {
-            i.textContent = N ? N.emptyScript : "";
-            for (let k = 0; k < f; k++) i.append(a[k], V()), E.nextNode(), c.push({ type: 2, index: ++n });
-            i.append(a[f], V());
+    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 = p[r++], g = o.getAttribute(a).split(m), I = /([.?@])?(.*)/.exec(k);
+          n.push({ type: 1, index: c, name: I[2], strings: g, ctor: I[1] === "." ? Pe : I[1] === "?" ? ze : I[1] === "@" ? qe : 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());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === he) c.push({ type: 2, index: n });
+      } else if (o.nodeType === 8) if (o.data === he) n.push({ type: 2, index: c });
       else {
         let a = -1;
-        for (; (a = i.data.indexOf(m, a + 1)) !== -1; ) c.push({ type: 7, index: n }), a += m.length - 1;
+        for (; (a = o.data.indexOf(m, a + 1)) !== -1; ) n.push({ type: 7, index: c }), a += m.length - 1;
       }
-      n++;
+      c++;
     }
   }
   static createElement(e, t) {
@@ -374,12 +374,12 @@ class H {
     return s.innerHTML = e, s;
   }
 }
-function S(r, e, t = r, s) {
-  var o, h;
-  if (e === O) return e;
-  let i = s !== void 0 ? (o = t._$Co) == null ? void 0 : o[s] : t._$Cl;
-  const n = U(e) ? void 0 : e._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== n && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), n === void 0 ? i = void 0 : (i = new n(r), i._$AT(r, t, s)), s !== void 0 ? (t._$Co ?? (t._$Co = []))[s] = i : t._$Cl = i), i !== void 0 && (e = S(r, i._$AS(r, e.values), i, s)), e;
+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;
+  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;
 }
 class Ce {
   constructor(e, t) {
@@ -392,17 +392,17 @@ class Ce {
     return this._$AM._$AU;
   }
   u(e) {
-    const { el: { content: t }, parts: s } = this._$AD, i = ((e == null ? void 0 : e.creationScope) ?? w).importNode(t, !0);
-    E.currentNode = i;
-    let n = E.nextNode(), o = 0, h = 0, c = s[0];
-    for (; c !== void 0; ) {
-      if (o === c.index) {
+    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];
+    for (; n !== void 0; ) {
+      if (r === n.index) {
         let d;
-        c.type === 2 ? d = new D(n, n.nextSibling, this, e) : c.type === 1 ? d = new c.ctor(n, c.name, c.strings, this, e) : c.type === 6 && (d = new Me(n, this, e)), this._$AV.push(d), c = s[++h];
+        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];
       }
-      o !== (c == null ? void 0 : c.index) && (n = E.nextNode(), o++);
+      r !== (n == null ? void 0 : n.index) && (c = E.nextNode(), r++);
     }
-    return E.currentNode = w, i;
+    return E.currentNode = w, o;
   }
   p(e) {
     let t = 0;
@@ -414,8 +414,8 @@ class D {
     var e;
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
   }
-  constructor(e, t, s, i) {
-    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = s, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
+  constructor(e, t, s, o) {
+    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = s, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
   }
   get parentNode() {
     let e = this._$AA.parentNode;
@@ -429,7 +429,7 @@ class D {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = S(this, e, t), U(e) ? e === u || e == null || e === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : e !== this._$AH && e !== O && 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 !== H && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : we(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -438,33 +438,33 @@ class D {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== u && U(this._$AH) ? this._$AA.nextSibling.data = e : this.T(w.createTextNode(e)), this._$AH = e;
+    this._$AH !== b && U(this._$AH) ? this._$AA.nextSibling.data = e : this.T(w.createTextNode(e)), this._$AH = e;
   }
   $(e) {
-    var n;
-    const { values: t, _$litType$: s } = e, i = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = H.createElement(le(s.h, s.h[0]), this.options)), s);
-    if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(t);
+    var c;
+    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 o = new Ce(i, this), h = o.u(this.options);
-      o.p(t), this.T(h), this._$AH = o;
+      const r = new Ce(o, this), h = r.u(this.options);
+      r.p(t), this.T(h), this._$AH = r;
     }
   }
   _$AC(e) {
-    let t = oe.get(e.strings);
-    return t === void 0 && oe.set(e.strings, t = new H(e)), t;
+    let t = re.get(e.strings);
+    return t === void 0 && re.set(e.strings, t = new O(e)), t;
   }
   k(e) {
     G(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
-    let s, i = 0;
-    for (const n of e) i === t.length ? t.push(s = new D(this.O(V()), this.O(V()), this, this.options)) : s = t[i], s._$AI(n), i++;
-    i < t.length && (this._$AR(s && s._$AB.nextSibling, i), t.length = i);
+    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++;
+    o < t.length && (this._$AR(s && s._$AB.nextSibling, o), t.length = o);
   }
   _$AR(e = this._$AA.nextSibling, t) {
     var s;
     for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, t); e && e !== this._$AB; ) {
-      const i = e.nextSibling;
-      e.remove(), e = i;
+      const o = e.nextSibling;
+      e.remove(), e = o;
     }
   }
   setConnected(e) {
@@ -479,22 +479,22 @@ class L {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(e, t, s, i, n) {
-    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = n, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = u;
+  constructor(e, t, s, o, c) {
+    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = e, this.name = t, this._$AM = o, this.options = c, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = b;
   }
-  _$AI(e, t = this, s, i) {
-    const n = this.strings;
-    let o = !1;
-    if (n === void 0) e = S(this, e, t, 0), o = !U(e) || e !== this._$AH && e !== O, o && (this._$AH = e);
+  _$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);
     else {
       const h = e;
-      let c, d;
-      for (e = n[0], c = 0; c < n.length - 1; c++) d = S(this, h[s + c], t, c), d === O && (d = this._$AH[c]), o || (o = !U(d) || d !== this._$AH[c]), d === u ? e = u : e !== u && (e += (d ?? "") + n[c + 1]), this._$AH[c] = d;
+      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;
     }
-    o && !i && this.j(e);
+    r && !o && this.j(e);
   }
   j(e) {
-    e === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+    e === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
 class Pe extends L {
@@ -502,25 +502,25 @@ class Pe extends L {
     super(...arguments), this.type = 3;
   }
   j(e) {
-    this.element[this.name] = e === u ? void 0 : e;
+    this.element[this.name] = e === b ? void 0 : e;
   }
 }
-class qe extends L {
+class ze extends L {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== u);
+    this.element.toggleAttribute(this.name, !!e && e !== b);
   }
 }
-class ze extends L {
-  constructor(e, t, s, i, n) {
-    super(e, t, s, i, n), this.type = 5;
+class qe extends L {
+  constructor(e, t, s, o, c) {
+    super(e, t, s, o, c), this.type = 5;
   }
   _$AI(e, t = this) {
-    if ((e = S(this, e, t, 0) ?? u) === O) return;
-    const s = this._$AH, i = e === u && s !== u || e.capture !== s.capture || e.once !== s.once || e.passive !== s.passive, n = e !== u && (s === u || i);
-    i && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, e), this._$AH = e;
+    if ((e = C(this, e, t, 0) ?? b) === H) 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;
   }
   handleEvent(e) {
     var t;
@@ -535,27 +535,27 @@ class Me {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    S(this, e);
+    C(this, e);
   }
 }
 const F = M.litHtmlPolyfillSupport;
-F == null || F(H, D), (M.litHtmlVersions ?? (M.litHtmlVersions = [])).push("3.2.1");
+F == null || F(O, D), (M.litHtmlVersions ?? (M.litHtmlVersions = [])).push("3.2.1");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ue = (r) => r ?? u, de = ue`
+const Ue = (i) => i ?? 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-border-radius-md, 4px);
+    --_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-offset-focus: var(--nys-space-2px, 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);
     /* space between checkboxes */
@@ -592,11 +592,11 @@ const Ue = (r) => r ?? u, de = ue`
     --_nys-checkbox-color-bg: var(--nys-color-ink-reverse, #ffffff);
     --_nys-checkbox-color-border: var(--nys-color-neutral-600, #62666a);
     /* Empty + Hovered */
-    --_nys-checkbox-hover-color-bg: var(--nys-color-neutral-100, #d0d0de);
-    --_nys-checkbox-hover-color-border: var(--nys-color-neutral-600, #62666a);
+    --_nys-checkbox-hover-color-bg: var(--nys-color-neutral-50, #ededed);
+    --_nys-checkbox-hover-color-border: var(--nys-color-ink, #1b1b1b);
     /* Empty + Pressed */
-    --_nys-checkbox-pressed-color-bg: var(--nys-color-neutral-200, #bec0c1);
-    --_nys-checkbox-pressed-color-border: var(--nys-color-neutral-600, #62666a);
+    --_nys-checkbox-pressed-color-bg: var(--nys-color-neutral-100, #d0d0ce);
+    --_nys-checkbox-pressed-color-border: 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);
@@ -642,14 +642,74 @@ const Ue = (r) => r ?? u, de = ue`
   /* Small Variant */
   :host([size="sm"]) {
     --_nys-checkbox-size: var(--nys-size-300, 24px);
-    --_nys-checkbox-radius: var(--nys-border-radius-sm, 2px);
+    --_nys-checkbox-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-border-radius-md, 4px);
+    --_nys-checkbox-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);
+    /* Hover */
+    --_nys-checkbox-hover-tile-border-color: var(
+      --nys-color-neutral-700,
+      #4a4d4f
+    );
+    --_nys-checkbox-hover-tile-bg-color: var(--nys-color-ink-reverse, #ffffff);
+    /* Pressed */
+    --_nys-checkbox-pressed-tile-border-color: var(
+      --nys-color-neutral-900,
+      #1b1b1b
+    );
+    --_nys-checkbox-pressed-tile-bg-color: var(
+      --nys-color-ink-reverse,
+      #ffffff
+    );
+    /* Checked */
+    --_nys-checkbox-checked-tile-border-color: var(
+      --nys-color-theme-mid,
+      #457aa5
+    );
+    --_nys-checkbox-checked-tile-bg-color: var(
+      --nys-color-theme-faint,
+      #f7fafd
+    );
+    /* Disabled */
+    --_nys-checkbox-disabled-tile-bg-color: var(
+      --nys-color-ink-reverse,
+      #f0f0f0
+    );
+    --_nys-checkbox-disabled-tile-border-color: 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);
+  }
+
+  :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);
+  }
+
+  #single-error-message {
+    --_nys-errormessage-margin-top: var(--nys-space-50, 4px);
   }
 
   .nys-checkboxgroup {
@@ -673,6 +733,14 @@ const Ue = (r) => r ?? u, de = ue`
     font-family: var(--_nys-checkbox-font-family);
     font-size: var(--_nys-checkbox-font-size);
     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);
   }
 
   /* wraps the single checkbox */
@@ -703,7 +771,6 @@ const Ue = (r) => r ?? u, de = ue`
     appearance: none;
     background-repeat: no-repeat;
     background-position: center;
-    outline-offset: var(--_nys-checkbox-offset-focus);
     width: var(--_nys-checkbox-size);
     min-width: var(--_nys-checkbox-size);
     min-height: var(--_nys-checkbox-size);
@@ -714,9 +781,12 @@ const Ue = (r) => r ?? u, de = ue`
       var(--_nys-checkbox-color-border);
     background-color: var(--_nys-checkbox-color-bg);
     border-radius: var(--_nys-checkbox-radius);
+    outline-offset: var(--_nys-checkbox-outline-offset);
+    outline: none;
   }
 
   /* Pointer cursor for unchecked checkbox */
+  .nys-checkbox:hover,
   .nys-checkbox:hover * {
     cursor: pointer;
   }
@@ -726,12 +796,21 @@ const Ue = (r) => r ?? u, de = ue`
     background-color: var(--_nys-checkbox-checked-color-bg);
     border-color: var(--_nys-checkbox-checked-color-border);
   }
+  :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);
+  }
 
   /* 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);
   }
+  :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);
+  }
 
   /* Disabled */
   .nys-checkbox__checkbox:disabled {
@@ -745,24 +824,59 @@ const Ue = (r) => r ?? u, de = ue`
     color: var(--_nys-checkbox-disabled-color-text);
     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);
+    cursor: not-allowed;
+  }
 
-  /* Hover - only allow hover on unchecked */
+  /* 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);
   }
+  :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);
+  }
+
+  /* Hover + Checked */
+  :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);
+  }
 
   /* Pressed - only allow pressed on unchecked */
   .nys-checkbox__checkbox:active:not(:disabled):not(:checked) {
     background-color: var(--_nys-checkbox-pressed-color-bg);
     border-color: var(--_nys-checkbox-pressed-color-border);
   }
+  :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);
+  }
 
   /* Focused */
-  .nys-checkbox__checkbox:focus {
+  :host(:not([tile])) .nys-checkbox__checkbox:focus-visible {
     outline: solid var(--_nys-checkbox-width-focus)
       var(--_nys-checkbox-color-focus);
   }
+  :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;
+  }
 
   /* Checkbox Label Holder */
   .nys-checkbox__text {
@@ -794,23 +908,23 @@ const Ue = (r) => r ?? u, de = ue`
     display: inline;
   }
 `;
-var Oe = Object.defineProperty, He = Object.getOwnPropertyDescriptor, g = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? He(e, t) : e, n = r.length - 1, o; n >= 0; n--)
-    (o = r[n]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Oe(e, t, i), i;
+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;
 };
 let Ie = 0;
-var v;
-const _ = (v = class extends re {
+var x;
+const _ = (x = 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._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._size = "md", this._internals = this.attachInternals();
   }
   get size() {
     return this._size;
   }
   set size(e) {
-    this._size = v.VALID_SIZES.includes(
+    this._size = x.VALID_SIZES.includes(
       e
     ) ? e : "md";
   }
@@ -822,10 +936,10 @@ const _ = (v = class extends re {
     super.disconnectedCallback(), this.removeEventListener("change", this._handleCheckboxChange), this.removeEventListener("invalid", this._handleInvalid);
   }
   firstUpdated() {
-    this._setGroupExist();
+    this._setGroupExist(), this.updateCheckboxSize(), this.updateCheckboxTile(), this.updateCheckboxShowError();
   }
   updated(e) {
-    e.has("required") && this.required && this._setupCheckboxRequired(), e.has("size") && this.updateCheckboxSize();
+    e.has("required") && this.required && this._setupCheckboxRequired(), e.has("size") && this.updateCheckboxSize(), e.has("tile") && this.updateCheckboxTile(), e.has("showError") && this.updateCheckboxShowError();
   }
   /********************** Functions **********************/
   _setGroupExist() {
@@ -837,8 +951,8 @@ const _ = (v = class extends re {
     e.preventDefault(), this.showError = !0, this._manageCheckboxRequired();
     const t = this.querySelector("nys-checkbox"), s = t ? await t.getInputElement() : null;
     if (s) {
-      const i = this._internals.form;
-      i ? Array.from(i.elements).find((h) => {
+      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")
@@ -862,17 +976,17 @@ const _ = (v = class extends re {
   }
   // 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, n = Array.from(this.querySelectorAll("nys-checkbox")).filter((o) => o.checked).map((o) => o.value);
-    this.name = s, this._internals.setFormValue(n.join(", ")), this._manageCheckboxRequired();
+    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 i = !1;
-      this.querySelectorAll("nys-checkbox").forEach((o) => {
-        o.checked && (i = !0);
-      }), i ? (this._internals.setValidity({}), this.showError = !1) : (this._internals.setValidity(
+      let o = !1;
+      this.querySelectorAll("nys-checkbox").forEach((r) => {
+        r.checked && (o = !0);
+      }), o ? (this._internals.setValidity({}), this.showError = !1) : (this._internals.setValidity(
         { valueMissing: !0 },
         e,
         s || this
@@ -885,12 +999,18 @@ const _ = (v = class extends re {
       t.setAttribute("size", this.size);
     });
   }
+  updateCheckboxTile() {
+    this.querySelectorAll("nys-checkbox").forEach((t) => {
+      this.tile ? t.toggleAttribute("tile", !0) : t.removeAttribute("tile");
+    });
+  }
+  updateCheckboxShowError() {
+    this.querySelectorAll("nys-checkbox").forEach((t) => {
+      this.showError ? t.setAttribute("showError", "") : t.removeAttribute("showError");
+    });
+  }
   render() {
-    return q` <div
-      class="nys-checkboxgroup"
-      aria-required="${this.required ? "true" : "false"}"
-      role="group"
-    >
+    return S` <div class="nys-checkboxgroup" role="group">
       <nys-label
         id=${this.id}
         label=${this.label}
@@ -905,57 +1025,60 @@ const _ = (v = class extends re {
       <nys-errormessage
         ?showError=${this.showError}
         errorMessage=${this._internals.validationMessage || this.errorMessage}
-        showDivider
+        .showDivider=${!this.tile}
       ></nys-errormessage>
     </div>`;
   }
-}, v.VALID_SIZES = ["sm", "md"], v.styles = de, v.formAssociated = !0, v);
-g([
+}, x.VALID_SIZES = ["sm", "md"], x.styles = de, x.formAssociated = !0, x);
+f([
   l({ type: String })
 ], _.prototype, "id", 2);
-g([
+f([
   l({ type: String, reflect: !0 })
 ], _.prototype, "name", 2);
-g([
+f([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "required", 2);
-g([
+f([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "optional", 2);
-g([
+f([
   l({ type: Boolean, reflect: !0 })
 ], _.prototype, "showError", 2);
-g([
+f([
   l({ type: String })
 ], _.prototype, "errorMessage", 2);
-g([
+f([
   l({ type: String })
 ], _.prototype, "label", 2);
-g([
+f([
   l({ type: String })
 ], _.prototype, "description", 2);
-g([
+f([
+  l({ type: Boolean, reflect: !0 })
+], _.prototype, "tile", 2);
+f([
   l({ reflect: !0 })
 ], _.prototype, "size", 1);
 let Re = _;
 customElements.get("nys-checkboxgroup") || customElements.define("nys-checkboxgroup", Re);
-var Te = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, b = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Ne(e, t) : e, n = r.length - 1, o; n >= 0; n--)
-    (o = r[n]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Te(e, t, i), i;
+var Te = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, y = (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 && Te(e, t, o), o;
 };
 let Ve = 0;
-var x;
-const y = (x = class extends re {
+var v;
+const u = (v = 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._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.tile = !1, 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";
   }
@@ -987,9 +1110,9 @@ const y = (x = class extends re {
     e && (this.required && !this.checked ? (this._internals.ariaRequired = "true", this._internals.setValidity({ valueMissing: !0 }, t, e)) : this._internals.setValidity({}));
   }
   _setValidityMessage(e = "") {
-    var s;
+    var s, o;
     const t = (s = this.shadowRoot) == null ? void 0 : s.querySelector("input");
-    t && (this.showError = !!e, this.errorMessage.trim() && e !== "" && (e = this.errorMessage), this._internals.setValidity(
+    t && (this.showError = !!e, (o = this.errorMessage) != null && o.trim() && e !== "" && (e = this.errorMessage), this._internals.setValidity(
       e ? { customError: !0 } : {},
       e,
       t
@@ -1016,8 +1139,8 @@ const y = (x = class extends re {
     e.preventDefault(), this.showError = !0, this._validate();
     const t = (s = this.shadowRoot) == null ? void 0 : s.querySelector("input");
     if (t) {
-      const i = this._internals.form;
-      i ? Array.from(i.elements).find(
+      const o = this._internals.form;
+      o ? Array.from(o.elements).find(
         (h) => typeof h.checkValidity == "function" && !h.checkValidity()
       ) === this && t.focus() : t.focus();
     }
@@ -1061,7 +1184,8 @@ const y = (x = class extends re {
     )));
   }
   render() {
-    return q`
+    var e;
+    return S`
       <div class="nys-checkbox">
         <label class="nys-checkbox__content">
           <div class="nys-checkbox__checkboxwrapper">
@@ -1082,71 +1206,75 @@ const y = (x = class extends re {
               @blur="${this._handleBlur}"
               @keydown="${this._handleKeydown}"
             />
-            ${this.checked ? q`<nys-icon
+            ${this.checked ? S`<nys-icon
                   for="${this.id}"
                   name="check"
                   size="${this.size === "md" ? "4xl" : this.size === "sm" ? "2xl" : "xl"}"
                   class="nys-checkbox__icon"
                 ></nys-icon>` : ""}
           </div>
-          ${this.label && q` <div class="nys-checkbox__text">
+          ${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 ? q`<label class="nys-checkbox__required">*</label>` : ""}
+              ${this.required ? S`<label class="nys-checkbox__required">*</label>` : ""}
             </div>
             <label for=${this.id} class="nys-checkbox__description">
               <slot name="description">${this.description}</slot>
             </label>
           </div>`}
         </label>
-        <nys-errormessage
-          ?showError=${this.showError}
-          errorMessage=${this._internals.validationMessage || this.errorMessage}
-          showDivider
-        ></nys-errormessage>
       </div>
+      ${((e = this.parentElement) == null ? void 0 : e.tagName.toLowerCase()) !== "nys-checkboxgroup" ? S`<nys-errormessage
+            id="single-error-message"
+            ?showError=${this.showError}
+            errorMessage=${this._internals.validationMessage || this.errorMessage}
+            .showDivider=${!this.tile}
+          ></nys-errormessage>` : ""}
     `;
   }
-}, x.VALID_SIZES = ["sm", "md"], x.styles = de, x.formAssociated = !0, x);
-b([
+}, v.VALID_SIZES = ["sm", "md"], v.styles = de, v.formAssociated = !0, v);
+y([
   l({ type: Boolean, reflect: !0 })
-], y.prototype, "checked", 2);
-b([
+], u.prototype, "checked", 2);
+y([
   l({ type: Boolean, reflect: !0 })
-], y.prototype, "disabled", 2);
-b([
+], u.prototype, "disabled", 2);
+y([
   l({ type: Boolean, reflect: !0 })
-], y.prototype, "required", 2);
-b([
+], u.prototype, "required", 2);
+y([
   l({ type: String })
-], y.prototype, "label", 2);
-b([
+], u.prototype, "label", 2);
+y([
   l({ type: String })
-], y.prototype, "description", 2);
-b([
+], u.prototype, "description", 2);
+y([
   l({ type: String })
-], y.prototype, "id", 2);
-b([
+], u.prototype, "id", 2);
+y([
   l({ type: String, reflect: !0 })
-], y.prototype, "name", 2);
-b([
+], u.prototype, "name", 2);
+y([
   l({ type: String })
-], y.prototype, "value", 2);
-b([
+], u.prototype, "value", 2);
+y([
   l({ type: Boolean, reflect: !0 })
-], y.prototype, "showError", 2);
-b([
+], u.prototype, "showError", 2);
+y([
   l({ type: String })
-], y.prototype, "errorMessage", 2);
-b([
+], u.prototype, "errorMessage", 2);
+y([
   l({ type: Boolean })
-], y.prototype, "groupExist", 2);
-b([
+], u.prototype, "groupExist", 2);
+y([
+  l({ type: Boolean, reflect: !0 })
+], u.prototype, "tile", 2);
+y([
   l({ reflect: !0 })
-], y.prototype, "size", 1);
-let De = y;
+], u.prototype, "size", 1);
+let De = u;
 customElements.get("nys-checkbox") || customElements.define("nys-checkbox", De);
 export {
   De as NysCheckbox,