@nysds/nys-checkbox 1.7.0 → 1.9.0

package/dist/nys-checkbox.js

@@ -1,4 +1,4 @@
-import { css as be, LitElement as ie, html as S } from "lit";
+import { css as ue, LitElement as ce, html as S } from "lit";
 /*!
    * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
@@ -14,10 +14,10 @@ import { css as be, LitElement as ie, html as S } from "lit";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const I = globalThis, W = I.ShadowRoot && (I.ShadyCSS === void 0 || I.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ce = Symbol(), K = /* @__PURE__ */ new WeakMap();
+const I = globalThis, W = I.ShadowRoot && (I.ShadyCSS === void 0 || I.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ne = Symbol(), K = /* @__PURE__ */ new WeakMap();
 let pe = class {
   constructor(e, t, s) {
-    if (this._$cssResult$ = !0, s !== ce) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== ne) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
   }
   get styleSheet() {
@@ -33,7 +33,7 @@ let pe = class {
     return this.cssText;
   }
 };
-const ye = (r) => new pe(typeof r == "string" ? r : r + "", void 0, ce), ue = (r, e) => {
+const ye = (r) => new pe(typeof r == "string" ? r : r + "", void 0, ne), _e = (r, e) => {
   if (W) r.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
     const s = document.createElement("style"), o = I.litNonce;
@@ -49,10 +49,10 @@ const ye = (r) => new pe(typeof r == "string" ? r : r + "", void 0, ce), ue = (r
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: _e, defineProperty: fe, getOwnPropertyDescriptor: ke, getOwnPropertyNames: xe, getOwnPropertySymbols: ve, getPrototypeOf: ge } = Object, $ = globalThis, Y = $.trustedTypes, me = Y ? Y.emptyScript : "", B = $.reactiveElementPolyfillSupport, q = (r, e) => r, R = { toAttribute(r, e) {
+const { is: ke, defineProperty: fe, getOwnPropertyDescriptor: ve, getOwnPropertyNames: xe, getOwnPropertySymbols: ge, getPrototypeOf: me } = Object, $ = globalThis, Y = $.trustedTypes, $e = Y ? Y.emptyScript : "", B = $.reactiveElementPolyfillSupport, q = (r, e) => r, R = { toAttribute(r, e) {
   switch (e) {
     case Boolean:
-      r = r ? me : null;
+      r = r ? $e : null;
       break;
     case Object:
     case Array:
@@ -77,7 +77,7 @@ const { is: _e, defineProperty: fe, getOwnPropertyDescriptor: ke, getOwnProperty
       }
   }
   return t;
-} }, Z = (r, e) => !_e(r, e), Q = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: Z };
+} }, Z = (r, e) => !ke(r, e), Q = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: Z };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class P extends HTMLElement {
   static addInitializer(e) {
@@ -93,7 +93,7 @@ class P extends HTMLElement {
     }
   }
   static getPropertyDescriptor(e, t, s) {
-    const { get: o, set: c } = ke(this.prototype, e) ?? { get() {
+    const { get: o, set: c } = ve(this.prototype, e) ?? { get() {
       return this[t];
     }, set(i) {
       this[t] = i;
@@ -110,13 +110,13 @@ class P extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(q("elementProperties"))) return;
-    const e = ge(this);
+    const e = me(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(q("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(q("properties"))) {
-      const t = this.properties, s = [...xe(t), ...ve(t)];
+      const t = this.properties, s = [...xe(t), ...ge(t)];
       for (const o of s) this.createProperty(o, t[o]);
     }
     const e = this[Symbol.metadata];
@@ -165,7 +165,7 @@ class P extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return ue(e, this.constructor.elementStyles), e;
+    return _e(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
@@ -283,7 +283,7 @@ P.elementStyles = [], P.shadowRootOptions = { mode: "open" }, P[q("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const $e = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: Z }, Ae = (r = $e, e, t) => {
+const Ae = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: Z }, Ee = (r = Ae, 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, r), s === "accessor") {
@@ -304,8 +304,8 @@ const $e = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged:
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function l(r) {
-  return (e, t) => typeof t == "object" ? Ae(r, e, t) : ((s, o, c) => {
+function a(r) {
+  return (e, t) => typeof t == "object" ? Ee(r, e, t) : ((s, o, c) => {
     const i = o.hasOwnProperty(c);
     return o.constructor.createProperty(c, i ? { ...s, wrapped: !0 } : s), i ? Object.getOwnPropertyDescriptor(o, c) : void 0;
   })(r, e, t);
@@ -315,61 +315,61 @@ function l(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Ee(r) {
-  return l({ ...r, state: !0, attribute: !1 });
+function we(r) {
+  return a({ ...r, state: !0, attribute: !1 });
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const M = globalThis, D = M.trustedTypes, X = D ? D.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ne = "$lit$", m = `lit$${Math.random().toFixed(9).slice(2)}$`, he = "?" + m, we = `<${he}>`, w = document, N = () => w.createComment(""), U = (r) => r === null || typeof r != "object" && typeof r != "function", G = Array.isArray, Se = (r) => G(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", j = `[ 	
+const M = globalThis, D = M.trustedTypes, X = D ? D.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, he = "$lit$", m = `lit$${Math.random().toFixed(9).slice(2)}$`, ae = "?" + m, Se = `<${ae}>`, w = document, N = () => w.createComment(""), U = (r) => r === null || typeof r != "object" && typeof r != "function", G = Array.isArray, Ce = (r) => G(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", j = `[ 	
 \f\r]`, z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ee = /-->/g, te = />/g, A = RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), se = /'/g, oe = /"/g, ae = /^(?:script|style|textarea|title)$/i, T = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), re = /* @__PURE__ */ new WeakMap(), E = w.createTreeWalker(w, 129);
-function le(r, e) {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), se = /'/g, oe = /"/g, le = /^(?:script|style|textarea|title)$/i, T = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), re = /* @__PURE__ */ new WeakMap(), E = w.createTreeWalker(w, 129);
+function de(r, e) {
   if (!G(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return X !== void 0 ? X.createHTML(e) : e;
 }
-const Ce = (r, e) => {
+const Pe = (r, e) => {
   const t = r.length - 1, s = [];
   let o, c = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", i = z;
   for (let h = 0; h < t; h++) {
     const n = r[h];
-    let d, p, a = -1, k = 0;
-    for (; k < n.length && (i.lastIndex = k, p = i.exec(n), p !== null); ) k = i.lastIndex, i === z ? p[1] === "!--" ? i = ee : p[1] !== void 0 ? i = te : p[2] !== void 0 ? (ae.test(p[2]) && (o = RegExp("</" + p[2], "g")), i = A) : p[3] !== void 0 && (i = A) : i === A ? p[0] === ">" ? (i = o ?? z, a = -1) : p[1] === void 0 ? a = -2 : (a = i.lastIndex - p[2].length, d = p[1], i = p[3] === void 0 ? A : p[3] === '"' ? oe : se) : i === oe || i === se ? i = A : i === ee || i === te ? i = z : (i = A, o = void 0);
+    let d, u, l = -1, f = 0;
+    for (; f < n.length && (i.lastIndex = f, u = i.exec(n), u !== null); ) f = i.lastIndex, i === z ? u[1] === "!--" ? i = ee : u[1] !== void 0 ? i = te : u[2] !== void 0 ? (le.test(u[2]) && (o = RegExp("</" + u[2], "g")), i = A) : u[3] !== void 0 && (i = A) : i === A ? u[0] === ">" ? (i = o ?? z, l = -1) : u[1] === void 0 ? l = -2 : (l = i.lastIndex - u[2].length, d = u[1], i = u[3] === void 0 ? A : u[3] === '"' ? oe : se) : i === oe || i === se ? i = A : i === ee || i === te ? i = z : (i = A, o = void 0);
     const g = i === A && r[h + 1].startsWith("/>") ? " " : "";
-    c += i === z ? n + we : a >= 0 ? (s.push(d), n.slice(0, a) + ne + n.slice(a) + m + g) : n + m + (a === -2 ? h : g);
+    c += i === z ? n + Se : l >= 0 ? (s.push(d), n.slice(0, l) + he + n.slice(l) + m + g) : n + m + (l === -2 ? h : g);
   }
-  return [le(r, c + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
+  return [de(r, c + (r[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
 };
 class O {
   constructor({ strings: e, _$litType$: t }, s) {
     let o;
     this.parts = [];
     let c = 0, i = 0;
-    const h = e.length - 1, n = this.parts, [d, p] = Ce(e, t);
+    const h = e.length - 1, n = this.parts, [d, u] = Pe(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);
+      const l = this.el.content.firstChild;
+      l.replaceWith(...l.childNodes);
     }
     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[i++], g = o.getAttribute(a).split(m), H = /([.?@])?(.*)/.exec(k);
-          n.push({ type: 1, index: c, name: H[2], strings: g, ctor: H[1] === "." ? ze : H[1] === "?" ? qe : H[1] === "@" ? Me : L }), o.removeAttribute(a);
-        } else a.startsWith(m) && (n.push({ type: 6, index: c }), o.removeAttribute(a));
-        if (ae.test(o.tagName)) {
-          const a = o.textContent.split(m), k = a.length - 1;
-          if (k > 0) {
+        if (o.hasAttributes()) for (const l of o.getAttributeNames()) if (l.endsWith(he)) {
+          const f = u[i++], g = o.getAttribute(l).split(m), H = /([.?@])?(.*)/.exec(f);
+          n.push({ type: 1, index: c, name: H[2], strings: g, ctor: H[1] === "." ? qe : H[1] === "?" ? Me : H[1] === "@" ? Ue : L }), o.removeAttribute(l);
+        } else l.startsWith(m) && (n.push({ type: 6, index: c }), o.removeAttribute(l));
+        if (le.test(o.tagName)) {
+          const l = o.textContent.split(m), f = l.length - 1;
+          if (f > 0) {
             o.textContent = D ? D.emptyScript : "";
-            for (let g = 0; g < k; g++) o.append(a[g], N()), E.nextNode(), n.push({ type: 2, index: ++c });
-            o.append(a[k], N());
+            for (let g = 0; g < f; g++) o.append(l[g], N()), E.nextNode(), n.push({ type: 2, index: ++c });
+            o.append(l[f], N());
           }
         }
-      } else if (o.nodeType === 8) if (o.data === he) n.push({ type: 2, index: c });
+      } else if (o.nodeType === 8) if (o.data === ae) n.push({ type: 2, index: c });
       else {
-        let a = -1;
-        for (; (a = o.data.indexOf(m, a + 1)) !== -1; ) n.push({ type: 7, index: c }), a += m.length - 1;
+        let l = -1;
+        for (; (l = o.data.indexOf(m, l + 1)) !== -1; ) n.push({ type: 7, index: c }), l += m.length - 1;
       }
       c++;
     }
@@ -386,7 +386,7 @@ function C(r, e, t = r, s) {
   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(r), o._$AT(r, t, s)), s !== void 0 ? (t._$Co ?? (t._$Co = []))[s] = o : t._$Cl = o), o !== void 0 && (e = C(r, o._$AS(r, e.values), o, s)), e;
 }
-class Pe {
+class ze {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -403,7 +403,7 @@ class Pe {
     for (; n !== void 0; ) {
       if (i === n.index) {
         let d;
-        n.type === 2 ? d = new V(c, c.nextSibling, this, e) : n.type === 1 ? d = new n.ctor(c, n.name, n.strings, this, e) : n.type === 6 && (d = new Ue(c, this, e)), this._$AV.push(d), n = s[++h];
+        n.type === 2 ? d = new V(c, c.nextSibling, this, e) : n.type === 1 ? d = new n.ctor(c, n.name, n.strings, this, e) : n.type === 6 && (d = new Te(c, this, e)), this._$AV.push(d), n = s[++h];
       }
       i !== (n == null ? void 0 : n.index) && (c = E.nextNode(), i++);
     }
@@ -434,7 +434,7 @@ class V {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = C(this, e, t), U(e) ? e === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : e !== this._$AH && e !== T && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Se(e) ? this.k(e) : this._(e);
+    e = C(this, e, t), U(e) ? e === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : e !== this._$AH && e !== T && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Ce(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -447,10 +447,10 @@ class V {
   }
   $(e) {
     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);
+    const { values: t, _$litType$: s } = e, o = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = O.createElement(de(s.h, s.h[0]), this.options)), s);
     if (((c = this._$AH) == null ? void 0 : c._$AD) === o) this._$AH.p(t);
     else {
-      const i = new Pe(o, this), h = i.u(this.options);
+      const i = new ze(o, this), h = i.u(this.options);
       i.p(t), this.T(h), this._$AH = i;
     }
   }
@@ -502,7 +502,7 @@ class L {
     e === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class ze extends L {
+class qe extends L {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -510,7 +510,7 @@ class ze extends L {
     this.element[this.name] = e === b ? void 0 : e;
   }
 }
-class qe extends L {
+class Me extends L {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -518,7 +518,7 @@ class qe extends L {
     this.element.toggleAttribute(this.name, !!e && e !== b);
   }
 }
-class Me extends L {
+class Ue extends L {
   constructor(e, t, s, o, c) {
     super(e, t, s, o, c), this.type = 5;
   }
@@ -532,7 +532,7 @@ class Me extends L {
     typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Ue {
+class Te {
   constructor(e, t, s) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = s;
   }
@@ -550,16 +550,16 @@ F == null || F(O, V), (M.litHtmlVersions ?? (M.litHtmlVersions = [])).push("3.2.
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Te = (r) => r ?? b, de = be`
+const ie = (r) => r ?? b, be = ue`
   :host {
     /* Anything that can be overridden should be defined here */
 
     /* Global Checkbox Styles */
     --_nys-checkbox-size: var(--nys-size-400, 32px);
-    --_nys-checkbox-radius: var(--nys-radius-md, 4px);
-    --_nys-checkbox-width-border: var(--nys-border-width-md, 2px);
-    --_nys-checkbox-color-focus: var(--nys-color-focus, #004dd1);
-    --_nys-checkbox-width-focus: var(--nys-border-width-md, 2px);
+    --_nys-checkbox-border-radius: var(--nys-radius-md, 4px);
+    --_nys-checkbox-border-width: var(--nys-border-width-md, 2px);
+    --_nys-checkbox-outline-color: var(--nys-color-focus, #004dd1);
+    --_nys-checkbox-outline-width: var(--nys-border-width-md, 2px);
     --_nys-checkbox-outline-offset: var(--nys-space-2px, 2px);
     /* space between checkbox and it's label */
     --_nys-checkbox-gap: var(--nys-space-150, 12px);
@@ -579,8 +579,7 @@ const Te = (r) => r ?? b, de = be`
       )
     );
     --_nys-checkbox-font-size: var(--nys-font-size-ui-md, 16px);
-    --_nys-checkbox-font-weight-400: var(--nys-font-weight-regular, 400);
-    --_nys-checkbox-font-weight-600: var(--nys-font-weight-semibold, 600);
+    --_nys-checkbox-font-weight: var(--nys-font-weight-regular, 400);
     --_nys-checkbox-line-height: var(--nys-font-lineheight-ui-md, 24px);
 
     /* Global Checkbox Colors */
@@ -588,57 +587,59 @@ const Te = (r) => r ?? b, de = be`
       --nys-color-ink,
       var(--nys-color-neutral-900, #1b1b1b)
     );
-    --_nys-checkbox-required-color: var(
-      --nys-color-danger,
-      var(--nys-color-red-600, #b52c2c)
-    );
 
     /* Default (Empty) */
-    --_nys-checkbox-color-bg: var(--nys-color-ink-reverse, #ffffff);
-    --_nys-checkbox-color-border: var(--nys-color-neutral-600, #62666a);
+    --_nys-checkbox-background-color: var(--nys-color-ink-reverse, #ffffff);
+    --_nys-checkbox-border-color: var(--nys-color-neutral-600, #62666a);
     /* Empty + Hovered */
-    --_nys-checkbox-hover-color-bg: var(--nys-color-neutral-50, #ededed);
-    --_nys-checkbox-hover-color-border: var(--nys-color-ink, #1b1b1b);
+    --_nys-checkbox-background-color--hover: var(
+      --nys-color-neutral-50,
+      #ededed
+    );
+    --_nys-checkbox-border-color--hover: var(--nys-color-ink, #1b1b1b);
     /* Empty + Pressed */
-    --_nys-checkbox-pressed-color-bg: var(--nys-color-neutral-100, #d0d0ce);
-    --_nys-checkbox-pressed-color-border: var(--nys-color-ink, #1b1b1b);
+    --_nys-checkbox-background-color--active: var(
+      --nys-color-neutral-100,
+      #d0d0ce
+    );
+    --_nys-checkbox-border-color--active: var(--nys-color-ink, #1b1b1b);
     /* Checked */
-    --_nys-checkbox-checked-color-bg: var(--nys-color-theme, #154973);
-    --_nys-checkbox-checked-color-border: var(--nys-color-theme, #154973);
+    --_nys-checkbox-background-color--checked: var(--nys-color-theme, #154973);
+    --_nys-checkbox-border-color--checked: var(--nys-color-theme, #154973);
     /* Checked + Hovered */
-    --_nys-checkbox-checked-hover-color-bg: var(
+    --_nys-checkbox-background-color--checked--hover: var(
       --nys-color-theme-strong,
       #0e324f
     );
-    --_nys-checkbox-checked-hover-color-border: var(
+    --_nys-checkbox-border-color--checked--hover: var(
       --nys-color-theme-strong,
       #0e324f
     );
     /* Checked + Pressed */
-    --_nys-checkbox-checked-pressed-color-bg: var(
+    --_nys-checkbox-background-color--checked--active: var(
       --nys-color-theme-stronger,
       #081b2b
     );
-    --_nys-checkbox-checked-pressed-color-border: var(
+    --_nys-checkbox-border-color--checked--active: var(
       --nys-color-theme-stronger,
       #081b2b
     );
     /* Disabled */
-    --_nys-checkbox-disabled-color-bg: var(--nys-color-ink-reverse, #f0f0f0);
-    --_nys-checkbox-disabled-color-border: var(
+    --_nys-checkbox-background-color--disabled: var(
+      --nys-color-ink-reverse,
+      #f0f0f0
+    );
+    --_nys-checkbox-border-color--disabled: var(
       --nys-color-neutral-400,
       #757575
     );
-    --_nys-checkbox-disabled-color-text: var(
-      --nys-color-text-disabled,
-      #bec0c1
-    );
+    --_nys-checkbox-color--disabled: var(--nys-color-text-disabled, #bec0c1);
     /* Disabled Checked */
-    --_nys-checkbox-disabled-checked-color-bg: var(
+    --_nys-checkbox-background-color--checked--disabled: var(
       --nys-color-neutral-100,
       #d0d0ce
     );
-    --_nys-checkbox-disabled-checked-color-border: var(
+    --_nys-checkbox-border-color--checked--disabled: var(
       --nys-color-neutral-100,
       #d0d0ce
     );
@@ -647,70 +648,81 @@ const Te = (r) => r ?? b, de = be`
   /* Small Variant */
   :host([size="sm"]) {
     --_nys-checkbox-size: var(--nys-size-300, 24px);
-    --_nys-checkbox-radius: var(--nys-radius-sm, 2px);
+    --_nys-checkbox-border-radius: var(--nys-radius-sm, 2px);
     --_nys-checkboxgroup-gap: var(--nys-space-100, 8px);
     --_nys-checkbox-gap: var(--nys-space-100, 8px);
   }
   /* Medium Variant */
   :host([size="md"]) {
     --_nys-checkbox-size: var(--nys-size-400, 32px);
-    --_nys-checkbox-radius: var(--nys-radius-md, 4px);
+    --_nys-checkbox-border-radius: var(--nys-radius-md, 4px);
   }
 
   /* Tile Variant */
   :host([tile]) {
-    --_nys-checkbox-font-weight-label: var(--nys-font-weight-semibold, 600);
-    --_nys-checkbox-tile-border-width: var(--nys-border-width-sm, 1px);
-    --_nys-checkbox-tile-border-radius: var(--nys-radius-md, 4px);
-    --_nys-checkbox-tile-border-color: var(--nys-color-neutral-100, #d0d0ce);
-    --_nys-checkbox-tile-bg-color: var(--nys-color-ink-reverse, #ffffff);
-    --_nys-checkbox-tile-padding-x: var(--nys-space-250, 20px);
-    --_nys-checkbox-tile-padding-y: var(--nys-space-200, 16px);
+    --_nys-checkbox-border-width--tile: var(--nys-border-width-sm, 1px);
+    --_nys-checkbox-border-radius--tile: var(--nys-radius-md, 4px);
+    --_nys-checkbox-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);
+    --_nys-checkbox-background-color--tile: var(
+      --nys-color-ink-reverse,
+      #ffffff
+    );
+    --_nys-checkbox-padding--x--tile: var(--nys-space-250, 20px);
+    --_nys-checkbox-padding--y--tile: var(--nys-space-200, 16px);
     /* Hover */
-    --_nys-checkbox-hover-tile-border-color: var(
+    --_nys-checkbox-border-color--tile--hover: var(
       --nys-color-neutral-700,
       #4a4d4f
     );
-    --_nys-checkbox-hover-tile-bg-color: var(--nys-color-ink-reverse, #ffffff);
+    --_nys-checkbox-background-color--tile--hover: var(
+      --nys-color-ink-reverse,
+      #ffffff
+    );
     /* Pressed */
-    --_nys-checkbox-pressed-tile-border-color: var(
+    --_nys-checkbox-border-color--tile--active: var(
       --nys-color-neutral-900,
       #1b1b1b
     );
-    --_nys-checkbox-pressed-tile-bg-color: var(
+    --_nys-checkbox-background-color--tile--active: var(
       --nys-color-ink-reverse,
       #ffffff
     );
     /* Checked */
-    --_nys-checkbox-checked-tile-border-color: var(
+    --_nys-checkbox-border-color--tile--checked: var(
       --nys-color-theme-mid,
       #457aa5
     );
-    --_nys-checkbox-checked-tile-bg-color: var(
+    --_nys-checkbox-background-color--tile--checked: var(
       --nys-color-theme-faint,
       #f7fafd
     );
     /* Disabled */
-    --_nys-checkbox-disabled-tile-bg-color: var(
+    --_nys-checkbox-background-color--tile--disabled: var(
       --nys-color-ink-reverse,
       #f0f0f0
     );
-    --_nys-checkbox-disabled-tile-border-color: var(
+    --_nys-checkbox-border-color--tile--disabled: var(
       --nys-color-neutral-100,
       #d0d0ce
     );
   }
 
   :host([tile][size="sm"]) {
-    --_nys-checkbox-tile-padding-x: var(--nys-space-200, 16px);
-    --_nys-checkbox-tile-padding-y: var(--nys-space-150, 12px);
+    --_nys-checkbox-padding--x--tile: var(--nys-space-200, 16px);
+    --_nys-checkbox-padding--y--tile: var(--nys-space-150, 12px);
   }
 
   :host([tile][showError]) {
-    --_nys-checkbox-tile-border-color: var(--nys-color-danger, #b52c2c);
-    --_nys-checkbox-hover-tile-border-color: var(--nys-color-danger, #b52c2c);
-    --_nys-checkbox-pressed-tile-border-color: var(--nys-color-danger, #b52c2c);
-    --_nys-checkbox-checked-tile-border-color: var(--nys-color-danger, #b52c2c);
+    --_nys-checkbox-border-color--tile: var(--nys-color-danger, #b52c2c);
+    --_nys-checkbox-border-color--tile--hover: var(--nys-color-danger, #b52c2c);
+    --_nys-checkbox-border-color--tile--active: var(
+      --nys-color-danger,
+      #b52c2c
+    );
+    --_nys-checkbox-border-color--tile--checked: var(
+      --nys-color-danger,
+      #b52c2c
+    );
   }
 
   #single-error-message {
@@ -739,12 +751,12 @@ const Te = (r) => r ?? b, de = be`
     line-height: var(--_nys-checkbox-line-height);
 
     /* Tile */
-    border-radius: var(--_nys-checkbox-tile-border-radius);
-    border: var(--_nys-checkbox-tile-border-width) solid
-      var(--_nys-checkbox-tile-border-color);
-    background: var(--_nys-checkbox-tile-bg-color);
-    padding: var(--_nys-checkbox-tile-padding-y)
-      var(--_nys-checkbox-tile-padding-x);
+    border-radius: var(--_nys-checkbox-border-radius--tile);
+    border: var(--_nys-checkbox-border-width--tile) solid
+      var(--_nys-checkbox-border-color--tile);
+    background: var(--_nys-checkbox-background-color--tile);
+    padding: var(--_nys-checkbox-padding--y--tile)
+      var(--_nys-checkbox-padding--x--tile);
     gap: var(--_nys-checkbox-gap);
   }
 
@@ -776,10 +788,10 @@ const Te = (r) => r ?? b, de = be`
     height: var(--_nys-checkbox-size);
     max-width: var(--_nys-checkbox-size);
     max-height: var(--_nys-checkbox-size);
-    border: solid var(--_nys-checkbox-width-border)
-      var(--_nys-checkbox-color-border);
-    background-color: var(--_nys-checkbox-color-bg);
-    border-radius: var(--_nys-checkbox-radius);
+    border: solid var(--_nys-checkbox-border-width)
+      var(--_nys-checkbox-border-color);
+    background-color: var(--_nys-checkbox-background-color);
+    border-radius: var(--_nys-checkbox-border-radius);
     outline-offset: var(--_nys-checkbox-outline-offset);
     outline: none;
   }
@@ -792,99 +804,99 @@ const Te = (r) => r ?? b, de = be`
 
   /* Checked */
   .nys-checkbox__checkbox:not(:disabled):checked {
-    background-color: var(--_nys-checkbox-checked-color-bg);
-    border-color: var(--_nys-checkbox-checked-color-border);
+    background-color: var(--_nys-checkbox-background-color--checked);
+    border-color: var(--_nys-checkbox-border-color--checked);
   }
   :host([tile])
     .nys-checkbox:has(.nys-checkbox__checkbox:not(:disabled):checked) {
-    border-color: var(--_nys-checkbox-checked-tile-border-color);
-    background-color: var(--_nys-checkbox-checked-tile-bg-color);
+    border-color: var(--_nys-checkbox-border-color--tile--checked);
+    background-color: var(--_nys-checkbox-background-color--tile--checked);
   }
 
   /* Checked + Disabled */
   .nys-checkbox__checkbox:disabled:checked {
-    background-color: var(--_nys-checkbox-disabled-checked-color-bg);
-    border-color: var(--_nys-checkbox-disabled-checked-color-border);
+    background-color: var(--_nys-checkbox-background-color--checked--disabled);
+    border-color: var(--_nys-checkbox-border-color--checked--disabled);
   }
   :host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled:checked) {
-    border-color: var(--_nys-checkbox-disabled-tile-border-color);
-    background-color: var(--_nys-checkbox-disabled-tile-bg-color);
+    border-color: var(--_nys-checkbox-border-color--tile--disabled);
+    background-color: var(--_nys-checkbox-background-color--tile--disabled);
   }
 
   /* Disabled */
   .nys-checkbox__checkbox:disabled {
-    background-color: var(--_nys-checkbox-disabled-color-bg);
-    border-color: var(--_nys-checkbox-disabled-color-border);
+    background-color: var(--_nys-checkbox-background-color--disabled);
+    border-color: var(--_nys-checkbox-border-color--disabled);
     cursor: not-allowed;
   }
   .nys-checkbox__content:has(.nys-checkbox__checkbox:disabled)
     .nys-checkbox__text
     * {
-    color: var(--_nys-checkbox-disabled-color-text);
+    color: var(--_nys-checkbox-color--disabled);
     cursor: not-allowed;
   }
   :host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled) {
-    background-color: var(--_nys-checkbox-disabled-color-bg);
-    border-color: var(--_nys-checkbox-disabled-color-border);
+    background-color: var(--_nys-checkbox-background-color--disabled);
+    border-color: var(--_nys-checkbox-border-color--disabled);
     cursor: not-allowed;
   }
 
   /* Hover - not checked */
   .nys-checkbox__checkbox:hover:not(:disabled):not(:checked) {
-    background-color: var(--_nys-checkbox-hover-color-bg);
-    border-color: var(--_nys-checkbox-hover-color-border);
+    background-color: var(--_nys-checkbox-background-color--hover);
+    border-color: var(--_nys-checkbox-border-color--hover);
   }
   :host([tile])
     .nys-checkbox:hover:has(
       .nys-checkbox__checkbox:not(:disabled):not(:checked)
     ) {
-    border-color: var(--_nys-checkbox-hover-tile-border-color);
-    background-color: var(--_nys-checkbox-hover-tile-bg-color);
-    outline: solid var(--_nys-checkbox-tile-border-width)
-      var(--_nys-checkbox-hover-tile-border-color);
+    border-color: var(--_nys-checkbox-border-color--tile--hover);
+    background-color: var(--_nys-checkbox-background-color--tile--hover);
+    outline: solid var(--_nys-checkbox-border-width--tile)
+      var(--_nys-checkbox-border-color--tile--hover);
   }
 
   /* Hover + Checked */
   .nys-checkbox__checkbox:hover:not(:disabled):checked {
-    border-color: var(--_nys-checkbox-checked-hover-color-border);
-    background-color: var(--_nys-checkbox-checked-hover-color-bg);
+    border-color: var(--_nys-checkbox-border-color--checked--hover);
+    background-color: var(--_nys-checkbox-background-color--checked--hover);
   }
   :host([tile])
     .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):checked) {
-    outline: solid var(--_nys-checkbox-tile-border-width)
-      var(--_nys-checkbox-checked-tile-border-color);
+    outline: solid var(--_nys-checkbox-border-width--tile)
+      var(--_nys-checkbox-border-color--tile--checked);
   }
 
   /* Pressed - not checked */
   .nys-checkbox__checkbox:active:not(:disabled):not(:checked) {
-    background-color: var(--_nys-checkbox-pressed-color-bg);
-    border-color: var(--_nys-checkbox-pressed-color-border);
+    background-color: var(--_nys-checkbox-background-color--active);
+    border-color: var(--_nys-checkbox-border-color--active);
   }
   :host([tile])
     .nys-checkbox:has(
       .nys-checkbox__checkbox:active:not(:disabled):not(:checked)
     ) {
-    border-color: var(--_nys-checkbox-pressed-tile-border-color);
-    background-color: var(--_nys-checkbox-pressed-tile-bg-color);
-    outline: solid var(--_nys-checkbox-tile-border-width)
-      var(--_nys-checkbox-pressed-tile-border-color);
+    border-color: var(--_nys-checkbox-border-color--tile--active);
+    background-color: var(--_nys-checkbox-background-color--tile--active);
+    outline: solid var(--_nys-checkbox-border-width--tile)
+      var(--_nys-checkbox-border-color--tile--active);
   }
 
   /* Pressed + Checked */
   .nys-checkbox__checkbox:active:not(:disabled):checked {
-    border-color: var(--_nys-checkbox-checked-pressed-color-border);
-    background-color: var(--_nys-checkbox-checked-pressed-color-bg);
+    border-color: var(--_nys-checkbox-border-color--checked--active);
+    background-color: var(--_nys-checkbox-background-color--checked--active);
   }
 
   /* Focused */
   :host(:not([tile])) .nys-checkbox__checkbox:focus {
-    outline: solid var(--_nys-checkbox-width-focus)
-      var(--_nys-checkbox-color-focus);
+    outline: solid var(--_nys-checkbox-outline-width)
+      var(--_nys-checkbox-outline-color);
   }
   :host([tile]) .nys-checkbox:has(*:focus) {
-    outline: solid var(--_nys-checkbox-tile-border-width)
-      var(--_nys-checkbox-color-focus) !important;
-    border-color: var(--_nys-checkbox-color-focus) !important;
+    outline: solid var(--_nys-checkbox-border-width--tile)
+      var(--_nys-checkbox-outline-color) !important;
+    border-color: var(--_nys-checkbox-outline-color) !important;
   }
 
   /* Checkbox Label Holder */
@@ -897,20 +909,20 @@ const Te = (r) => r ?? b, de = be`
 
   /* Label styling */
   .nys-checkbox__label {
-    font-weight: var(--_nys-checkbox-font-weight-400);
+    font-weight: var(--_nys-checkbox-font-weight);
     color: var(--nys-color-text, #1b1b1b);
   }
 
   /* Description styling */
   .nys-checkbox__description {
-    font-weight: var(--_nys-checkbox-font-weight-400);
+    font-weight: var(--_nys-checkbox-font-weight);
     font-style: italic;
     text-align: left;
   }
 
   /* Required */
   .nys-checkbox__required {
-    color: var(--_nys-checkbox-required-color);
+    color: var(--nys-color-danger, #b52c2c);
   }
 
   .nys-checkbox__requiredwrapper {
@@ -934,23 +946,23 @@ const Te = (r) => r ?? b, de = be`
     border: 0;
   }
 `;
-var Oe = Object.defineProperty, He = Object.getOwnPropertyDescriptor, f = (r, e, t, s) => {
+var Oe = Object.defineProperty, He = Object.getOwnPropertyDescriptor, k = (r, e, t, s) => {
   for (var o = s > 1 ? void 0 : s ? He(e, t) : e, c = r.length - 1, i; c >= 0; c--)
     (i = r[c]) && (o = (s ? i(e, t, o) : i(o)) || o);
   return s && o && Oe(e, t, o), o;
 };
 let Ie = 0;
-var x;
-const _ = (x = class extends ie {
+var v;
+const y = (v = class extends ce {
   // allows use of elementInternals' API
   constructor() {
-    super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this._slottedDescriptionText = "", 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._tooltip = "", this.form = null, this._slottedDescriptionText = "", this._size = "md", this._internals = this.attachInternals();
   }
   get size() {
     return this._size;
   }
   set size(e) {
-    this._size = x.VALID_SIZES.includes(
+    this._size = v.VALID_SIZES.includes(
       e
     ) ? e : "md";
   }
@@ -965,7 +977,7 @@ const _ = (x = class extends ie {
     this._setGroupExist(), this._updateCheckboxSize(), this._updateCheckboxTile(), this._updateCheckboxShowError(), this._getSlotDescriptionForAria();
   }
   updated(e) {
-    e.has("required") && this.required && this._setupCheckboxRequired(), e.has("size") && this._updateCheckboxSize(), e.has("tile") && this._updateCheckboxTile(), e.has("showError") && this._updateCheckboxShowError();
+    e.has("required") && this.required && this._setupCheckboxRequired(), e.has("size") && this._updateCheckboxSize(), e.has("tile") && this._updateCheckboxTile(), e.has("showError") && this._updateCheckboxShowError(), e.has("form") && this._updateCheckboxForm();
   }
   /********************** Functions **********************/
   _setGroupExist() {
@@ -983,13 +995,12 @@ const _ = (x = class extends ie {
     );
   }
   // Updates the required attribute of each checkbox in the group
-  async _manageCheckboxRequired() {
+  async _manageRequire() {
     if (this.required) {
-      const e = this.errorMessage || "Please select at least one option.", t = this.querySelector("nys-checkbox"), s = t ? await t.getInputElement() : null;
-      let o = !1;
-      this.querySelectorAll("nys-checkbox").forEach((i) => {
-        i.checked && (o = !0);
-      }), o ? (this._internals.setValidity({}), this.showError = !1) : (this._internals.setValidity(
+      const e = this.errorMessage || "Please select at least one option.", t = this.querySelector("nys-checkbox"), s = t ? await t.getInputElement().catch(() => null) : null, o = this.querySelectorAll("nys-checkbox");
+      Array.from(o).some(
+        (i) => i.checked
+      ) ? (this._internals.setValidity({}), this.showError = !1) : (this._internals.setValidity(
         { valueMissing: !0 },
         e,
         s || this
@@ -1012,6 +1023,11 @@ const _ = (x = class extends ie {
       this.showError ? t.setAttribute("showError", "") : t.removeAttribute("showError");
     });
   }
+  _updateCheckboxForm() {
+    this.querySelectorAll("nys-checkbox").forEach((t) => {
+      this.showError && this.form !== null ? t.setAttribute("form", this.form) : t.removeAttribute("form");
+    });
+  }
   // Get the slotted text contents so native VO can attempt to announce it within the legend in the fieldset
   _getSlotDescriptionForAria() {
     var s;
@@ -1024,7 +1040,7 @@ const _ = (x = class extends ie {
     }).filter(Boolean).join(", ");
   }
   async _handleInvalid(e) {
-    e.preventDefault(), this.showError = !0, this._manageCheckboxRequired();
+    e.preventDefault(), this.showError = !0, this._manageRequire();
     const t = this.querySelector("nys-checkbox"), s = t ? await t.getInputElement() : null;
     if (s) {
       const o = this._internals.form;
@@ -1033,7 +1049,7 @@ const _ = (x = class extends ie {
           if (Array.from(
             this.querySelectorAll("nys-checkbox")
           ).filter(
-            (p) => p.checked
+            (u) => u.checked
           ).length === 0)
             return h;
         } else
@@ -1045,7 +1061,7 @@ const _ = (x = class extends ie {
   // Similar to how native forms handle multiple same-name fields, we group the selected values into a list for FormData.
   _handleCheckboxChange(e) {
     const t = e, { name: s } = t.detail, c = Array.from(this.querySelectorAll("nys-checkbox")).filter((i) => i.checked).map((i) => i.value);
-    this.name = s, this._internals.setFormValue(c.join(", ")), this._manageCheckboxRequired();
+    this.name = s, this._internals.setFormValue(c.join(", ")), this._manageRequire();
   }
   render() {
     return S`
@@ -1055,6 +1071,7 @@ const _ = (x = class extends ie {
           label=${this.label}
           description=${this.description}
           flag=${this.required ? "required" : this.optional ? "optional" : ""}
+          tooltip=${this._tooltip}
         >
           <slot name="description" slot="description">${this.description}</slot>
         </nys-label>
@@ -1074,59 +1091,65 @@ const _ = (x = class extends ie {
       </div>
     `;
   }
-}, x.VALID_SIZES = ["sm", "md"], x.styles = de, x.formAssociated = !0, x);
-f([
-  l({ type: String })
-], _.prototype, "id", 2);
-f([
-  l({ type: String, reflect: !0 })
-], _.prototype, "name", 2);
-f([
-  l({ type: Boolean, reflect: !0 })
-], _.prototype, "required", 2);
-f([
-  l({ type: Boolean, reflect: !0 })
-], _.prototype, "optional", 2);
-f([
-  l({ type: Boolean, reflect: !0 })
-], _.prototype, "showError", 2);
-f([
-  l({ type: String })
-], _.prototype, "errorMessage", 2);
-f([
-  l({ type: String })
-], _.prototype, "label", 2);
-f([
-  l({ type: String })
-], _.prototype, "description", 2);
-f([
-  l({ type: Boolean, reflect: !0 })
-], _.prototype, "tile", 2);
-f([
-  Ee()
-], _.prototype, "_slottedDescriptionText", 2);
-f([
-  l({ reflect: !0 })
-], _.prototype, "size", 1);
-let Re = _;
+}, v.VALID_SIZES = ["sm", "md"], v.styles = be, v.formAssociated = !0, v);
+k([
+  a({ type: String })
+], y.prototype, "id", 2);
+k([
+  a({ type: String, reflect: !0 })
+], y.prototype, "name", 2);
+k([
+  a({ type: Boolean, reflect: !0 })
+], y.prototype, "required", 2);
+k([
+  a({ type: Boolean, reflect: !0 })
+], y.prototype, "optional", 2);
+k([
+  a({ type: Boolean, reflect: !0 })
+], y.prototype, "showError", 2);
+k([
+  a({ type: String })
+], y.prototype, "errorMessage", 2);
+k([
+  a({ type: String })
+], y.prototype, "label", 2);
+k([
+  a({ type: String })
+], y.prototype, "description", 2);
+k([
+  a({ type: Boolean, reflect: !0 })
+], y.prototype, "tile", 2);
+k([
+  a({ type: String })
+], y.prototype, "_tooltip", 2);
+k([
+  a({ type: String, reflect: !0 })
+], y.prototype, "form", 2);
+k([
+  we()
+], y.prototype, "_slottedDescriptionText", 2);
+k([
+  a({ reflect: !0 })
+], y.prototype, "size", 1);
+let Re = y;
 customElements.get("nys-checkboxgroup") || customElements.define("nys-checkboxgroup", Re);
-var De = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, u = (r, e, t, s) => {
+var De = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, _ = (r, e, t, s) => {
   for (var o = s > 1 ? void 0 : s ? Ne(e, t) : e, c = r.length - 1, i; c >= 0; c--)
     (i = r[c]) && (o = (s ? i(e, t, o) : i(o)) || o);
   return s && o && De(e, t, o), o;
 };
 let Ve = 0;
-var v;
-const y = (v = class extends ie {
+var x;
+const p = (x = class extends ce {
   // allows use of elementInternals' API
   constructor() {
-    super(), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this.showError = !1, this.errorMessage = "", this.groupExist = !1, this.tile = !1, this._size = "md", this._internals = this.attachInternals();
+    super(), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this.form = null, 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 = v.VALID_SIZES.includes(
+    this._size = x.VALID_SIZES.includes(
       e
     ) ? e : "md";
   }
@@ -1199,6 +1222,7 @@ const y = (v = class extends ie {
     this.dispatchEvent(
       new CustomEvent("nys-change", {
         detail: {
+          id: this.id,
           checked: this.checked,
           name: this.name,
           value: this.value
@@ -1234,11 +1258,12 @@ const y = (v = class extends ie {
             id="${this.id}"
             class="nys-checkbox__checkbox"
             type="checkbox"
-            name="${Te(this.name ? this.name : void 0)}"
+            name="${ie(this.name ? this.name : void 0)}"
             .checked=${this.checked}
             ?disabled=${this.disabled}
             .value=${this.value}
             ?required="${this.required}"
+            form=${ie(this.form || void 0)}
             aria-checked="${this.checked}"
             aria-disabled="${this.disabled ? "true" : "false"}"
             aria-required="${this.required}"
@@ -1273,47 +1298,50 @@ const y = (v = class extends ie {
           ></nys-errormessage>` : ""}
     `;
   }
-}, v.VALID_SIZES = ["sm", "md"], v.styles = de, v.formAssociated = !0, v);
-u([
-  l({ type: Boolean, reflect: !0 })
-], y.prototype, "checked", 2);
-u([
-  l({ type: Boolean, reflect: !0 })
-], y.prototype, "disabled", 2);
-u([
-  l({ type: Boolean, reflect: !0 })
-], y.prototype, "required", 2);
-u([
-  l({ type: String })
-], y.prototype, "label", 2);
-u([
-  l({ type: String })
-], y.prototype, "description", 2);
-u([
-  l({ type: String })
-], y.prototype, "id", 2);
-u([
-  l({ type: String, reflect: !0 })
-], y.prototype, "name", 2);
-u([
-  l({ type: String })
-], y.prototype, "value", 2);
-u([
-  l({ type: Boolean, reflect: !0 })
-], y.prototype, "showError", 2);
-u([
-  l({ type: String })
-], y.prototype, "errorMessage", 2);
-u([
-  l({ type: Boolean })
-], y.prototype, "groupExist", 2);
-u([
-  l({ type: Boolean, reflect: !0 })
-], y.prototype, "tile", 2);
-u([
-  l({ reflect: !0 })
-], y.prototype, "size", 1);
-let Le = y;
+}, x.VALID_SIZES = ["sm", "md"], x.styles = be, x.formAssociated = !0, x);
+_([
+  a({ type: Boolean, reflect: !0 })
+], p.prototype, "checked", 2);
+_([
+  a({ type: Boolean, reflect: !0 })
+], p.prototype, "disabled", 2);
+_([
+  a({ type: Boolean, reflect: !0 })
+], p.prototype, "required", 2);
+_([
+  a({ type: String })
+], p.prototype, "label", 2);
+_([
+  a({ type: String })
+], p.prototype, "description", 2);
+_([
+  a({ type: String })
+], p.prototype, "id", 2);
+_([
+  a({ type: String, reflect: !0 })
+], p.prototype, "name", 2);
+_([
+  a({ type: String })
+], p.prototype, "value", 2);
+_([
+  a({ type: String, reflect: !0 })
+], p.prototype, "form", 2);
+_([
+  a({ type: Boolean, reflect: !0 })
+], p.prototype, "showError", 2);
+_([
+  a({ type: String })
+], p.prototype, "errorMessage", 2);
+_([
+  a({ type: Boolean })
+], p.prototype, "groupExist", 2);
+_([
+  a({ type: Boolean, reflect: !0 })
+], p.prototype, "tile", 2);
+_([
+  a({ reflect: !0 })
+], p.prototype, "size", 1);
+let Le = p;
 customElements.get("nys-checkbox") || customElements.define("nys-checkbox", Le);
 export {
   Le as NysCheckbox,