@nysds/nys-radiobutton 1.1.8 → 1.1.9

package/dist/nys-radiobutton.js

@@ -1,4 +1,4 @@
-import { css as ut, LitElement as rt, html as j } from "lit";
+import { css as ut, LitElement as it, html as j } from "lit";
 import "@nysds/nys-label";
 import "@nysds/nys-errormessage";
 /*!
@@ -16,18 +16,18 @@ import "@nysds/nys-errormessage";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const M = globalThis, W = M.ShadowRoot && (M.ShadyCSS === void 0 || M.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, nt = Symbol(), K = /* @__PURE__ */ new WeakMap();
-let pt = class {
-  constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== nt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+const O = globalThis, W = O.ShadowRoot && (O.ShadyCSS === void 0 || O.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, nt = Symbol(), K = /* @__PURE__ */ new WeakMap();
+let bt = class {
+  constructor(t, e, o) {
+    if (this._$cssResult$ = !0, o !== nt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const e = this.t;
     if (W && t === void 0) {
-      const s = e !== void 0 && e.length === 1;
-      s && (t = K.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && K.set(e, t));
+      const o = e !== void 0 && e.length === 1;
+      o && (t = K.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && K.set(e, t));
     }
     return t;
   }
@@ -35,51 +35,51 @@ let pt = class {
     return this.cssText;
   }
 };
-const yt = (o) => new pt(typeof o == "string" ? o : o + "", void 0, nt), bt = (o, t) => {
-  if (W) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+const pt = (r) => new bt(typeof r == "string" ? r : r + "", void 0, nt), yt = (r, t) => {
+  if (W) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const s = document.createElement("style"), i = M.litNonce;
-    i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, o.appendChild(s);
+    const o = document.createElement("style"), s = O.litNonce;
+    s !== void 0 && o.setAttribute("nonce", s), o.textContent = e.cssText, r.appendChild(o);
   }
-}, J = W ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
+}, J = W ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
   let e = "";
-  for (const s of t.cssRules) e += s.cssText;
-  return yt(e);
-})(o) : o;
+  for (const o of t.cssRules) e += o.cssText;
+  return pt(e);
+})(r) : r;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: ft, defineProperty: _t, getOwnPropertyDescriptor: vt, getOwnPropertyNames: gt, getOwnPropertySymbols: mt, getPrototypeOf: $t } = Object, w = globalThis, Q = w.trustedTypes, At = Q ? Q.emptyScript : "", D = w.reactiveElementPolyfillSupport, z = (o, t) => o, N = { toAttribute(o, t) {
+const { is: _t, defineProperty: ft, getOwnPropertyDescriptor: vt, getOwnPropertyNames: gt, getOwnPropertySymbols: mt, getPrototypeOf: $t } = Object, w = globalThis, Q = w.trustedTypes, At = Q ? Q.emptyScript : "", D = w.reactiveElementPolyfillSupport, R = (r, t) => r, M = { toAttribute(r, t) {
   switch (t) {
     case Boolean:
-      o = o ? At : null;
+      r = r ? At : null;
       break;
     case Object:
     case Array:
-      o = o == null ? o : JSON.stringify(o);
+      r = r == null ? r : JSON.stringify(r);
   }
-  return o;
-}, fromAttribute(o, t) {
-  let e = o;
+  return r;
+}, fromAttribute(r, t) {
+  let e = r;
   switch (t) {
     case Boolean:
-      e = o !== null;
+      e = r !== null;
       break;
     case Number:
-      e = o === null ? null : Number(o);
+      e = r === null ? null : Number(r);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(o);
+        e = JSON.parse(r);
       } catch {
         e = null;
       }
   }
   return e;
-} }, F = (o, t) => !ft(o, t), X = { attribute: !0, type: String, converter: N, reflect: !1, hasChanged: F };
+} }, F = (r, t) => !_t(r, t), X = { attribute: !0, type: String, converter: M, reflect: !1, hasChanged: F };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), w.litPropertyMetadata ?? (w.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class C extends HTMLElement {
   static addInitializer(t) {
@@ -90,60 +90,60 @@ class C extends HTMLElement {
   }
   static createProperty(t, e = X) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
-      const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
-      i !== void 0 && _t(this.prototype, t, i);
+      const o = Symbol(), s = this.getPropertyDescriptor(t, o, e);
+      s !== void 0 && ft(this.prototype, t, s);
     }
   }
-  static getPropertyDescriptor(t, e, s) {
-    const { get: i, set: n } = vt(this.prototype, t) ?? { get() {
+  static getPropertyDescriptor(t, e, o) {
+    const { get: s, set: n } = vt(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(r) {
-      this[e] = r;
+    }, set(i) {
+      this[e] = i;
     } };
     return { get() {
-      return i == null ? void 0 : i.call(this);
-    }, set(r) {
-      const l = i == null ? void 0 : i.call(this);
-      n.call(this, r), this.requestUpdate(t, l, s);
+      return s == null ? void 0 : s.call(this);
+    }, set(i) {
+      const d = s == null ? void 0 : s.call(this);
+      n.call(this, i), this.requestUpdate(t, d, o);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
     return this.elementProperties.get(t) ?? X;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(z("elementProperties"))) return;
+    if (this.hasOwnProperty(R("elementProperties"))) return;
     const t = $t(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(z("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(z("properties"))) {
-      const e = this.properties, s = [...gt(e), ...mt(e)];
-      for (const i of s) this.createProperty(i, e[i]);
+    if (this.hasOwnProperty(R("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(R("properties"))) {
+      const e = this.properties, o = [...gt(e), ...mt(e)];
+      for (const s of o) this.createProperty(s, e[s]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
       const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [s, i] of e) this.elementProperties.set(s, i);
+      if (e !== void 0) for (const [o, s] of e) this.elementProperties.set(o, s);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, s] of this.elementProperties) {
-      const i = this._$Eu(e, s);
-      i !== void 0 && this._$Eh.set(i, e);
+    for (const [e, o] of this.elementProperties) {
+      const s = this._$Eu(e, o);
+      s !== void 0 && this._$Eh.set(s, e);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
   static finalizeStyles(t) {
     const e = [];
     if (Array.isArray(t)) {
-      const s = new Set(t.flat(1 / 0).reverse());
-      for (const i of s) e.unshift(J(i));
+      const o = new Set(t.flat(1 / 0).reverse());
+      for (const s of o) e.unshift(J(s));
     } else t !== void 0 && e.push(J(t));
     return e;
   }
   static _$Eu(t, e) {
-    const s = e.attribute;
-    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+    const o = e.attribute;
+    return o === !1 ? void 0 : typeof o == "string" ? o : typeof t == "string" ? t.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -162,18 +162,18 @@ class C extends HTMLElement {
   }
   _$E_() {
     const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
+    for (const o of e.keys()) this.hasOwnProperty(o) && (t.set(o, this[o]), delete this[o]);
     t.size > 0 && (this._$Ep = t);
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return bt(t, this.constructor.elementStyles), t;
+    return yt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
     this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
-      var s;
-      return (s = e.hostConnected) == null ? void 0 : s.call(e);
+      var o;
+      return (o = e.hostConnected) == null ? void 0 : o.call(e);
     });
   }
   enableUpdating(t) {
@@ -181,38 +181,38 @@ class C extends HTMLElement {
   disconnectedCallback() {
     var t;
     (t = this._$EO) == null || t.forEach((e) => {
-      var s;
-      return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
+      var o;
+      return (o = e.hostDisconnected) == null ? void 0 : o.call(e);
     });
   }
-  attributeChangedCallback(t, e, s) {
-    this._$AK(t, s);
+  attributeChangedCallback(t, e, o) {
+    this._$AK(t, o);
   }
   _$EC(t, e) {
     var n;
-    const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);
-    if (i !== void 0 && s.reflect === !0) {
-      const r = (((n = s.converter) == null ? void 0 : n.toAttribute) !== void 0 ? s.converter : N).toAttribute(e, s.type);
-      this._$Em = t, r == null ? this.removeAttribute(i) : this.setAttribute(i, r), this._$Em = null;
+    const o = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, o);
+    if (s !== void 0 && o.reflect === !0) {
+      const i = (((n = o.converter) == null ? void 0 : n.toAttribute) !== void 0 ? o.converter : M).toAttribute(e, o.type);
+      this._$Em = t, i == null ? this.removeAttribute(s) : this.setAttribute(s, i), this._$Em = null;
     }
   }
   _$AK(t, e) {
     var n;
-    const s = this.constructor, i = s._$Eh.get(t);
-    if (i !== void 0 && this._$Em !== i) {
-      const r = s.getPropertyOptions(i), l = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((n = r.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? r.converter : N;
-      this._$Em = i, this[i] = l.fromAttribute(e, r.type), this._$Em = null;
+    const o = this.constructor, s = o._$Eh.get(t);
+    if (s !== void 0 && this._$Em !== s) {
+      const i = o.getPropertyOptions(s), d = typeof i.converter == "function" ? { fromAttribute: i.converter } : ((n = i.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? i.converter : M;
+      this._$Em = s, this[s] = d.fromAttribute(e, i.type), this._$Em = null;
     }
   }
-  requestUpdate(t, e, s) {
+  requestUpdate(t, e, o) {
     if (t !== void 0) {
-      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? F)(this[t], e)) return;
-      this.P(t, e, s);
+      if (o ?? (o = this.constructor.getPropertyOptions(t)), !(o.hasChanged ?? F)(this[t], e)) return;
+      this.P(t, e, o);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
   }
-  P(t, e, s) {
-    this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
+  P(t, e, o) {
+    this._$AL.has(t) || this._$AL.set(t, e), o.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
   }
   async _$ET() {
     this.isUpdatePending = !0;
@@ -228,25 +228,25 @@ class C extends HTMLElement {
     return this.performUpdate();
   }
   performUpdate() {
-    var s;
+    var o;
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [n, r] of this._$Ep) this[n] = r;
+        for (const [n, i] of this._$Ep) this[n] = i;
         this._$Ep = void 0;
       }
-      const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [n, r] of i) r.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], r);
+      const s = this.constructor.elementProperties;
+      if (s.size > 0) for (const [n, i] of s) i.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], i);
     }
     let t = !1;
     const e = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((i) => {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((s) => {
         var n;
-        return (n = i.hostUpdate) == null ? void 0 : n.call(i);
+        return (n = s.hostUpdate) == null ? void 0 : n.call(s);
       }), this.update(e)) : this._$EU();
-    } catch (i) {
-      throw t = !1, this._$EU(), i;
+    } catch (s) {
+      throw t = !1, this._$EU(), s;
     }
     t && this._$AE(e);
   }
@@ -254,9 +254,9 @@ class C extends HTMLElement {
   }
   _$AE(t) {
     var e;
-    (e = this._$EO) == null || e.forEach((s) => {
-      var i;
-      return (i = s.hostUpdated) == null ? void 0 : i.call(s);
+    (e = this._$EO) == null || e.forEach((o) => {
+      var s;
+      return (s = o.hostUpdated) == null ? void 0 : s.call(o);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$EU() {
@@ -279,114 +279,114 @@ class C extends HTMLElement {
   firstUpdated(t) {
   }
 }
-C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[z("elementProperties")] = /* @__PURE__ */ new Map(), C[z("finalized")] = /* @__PURE__ */ new Map(), D == null || D({ ReactiveElement: C }), (w.reactiveElementVersions ?? (w.reactiveElementVersions = [])).push("2.0.4");
+C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[R("elementProperties")] = /* @__PURE__ */ new Map(), C[R("finalized")] = /* @__PURE__ */ new Map(), D == null || D({ ReactiveElement: C }), (w.reactiveElementVersions ?? (w.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const wt = { attribute: !0, type: String, converter: N, reflect: !1, hasChanged: F }, Et = (o = wt, t, e) => {
-  const { kind: s, metadata: i } = e;
-  let n = globalThis.litPropertyMetadata.get(i);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), n.set(e.name, o), s === "accessor") {
-    const { name: r } = e;
-    return { set(l) {
+const wt = { attribute: !0, type: String, converter: M, reflect: !1, hasChanged: F }, Et = (r = wt, t, e) => {
+  const { kind: o, metadata: s } = e;
+  let n = globalThis.litPropertyMetadata.get(s);
+  if (n === void 0 && globalThis.litPropertyMetadata.set(s, n = /* @__PURE__ */ new Map()), n.set(e.name, r), o === "accessor") {
+    const { name: i } = e;
+    return { set(d) {
       const a = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(r, a, o);
-    }, init(l) {
-      return l !== void 0 && this.P(r, void 0, o), l;
+      t.set.call(this, d), this.requestUpdate(i, a, r);
+    }, init(d) {
+      return d !== void 0 && this.P(i, void 0, r), d;
     } };
   }
-  if (s === "setter") {
-    const { name: r } = e;
-    return function(l) {
-      const a = this[r];
-      t.call(this, l), this.requestUpdate(r, a, o);
+  if (o === "setter") {
+    const { name: i } = e;
+    return function(d) {
+      const a = this[i];
+      t.call(this, d), this.requestUpdate(i, a, r);
     };
   }
-  throw Error("Unsupported decorator location: " + s);
+  throw Error("Unsupported decorator location: " + o);
 };
-function u(o) {
-  return (t, e) => typeof e == "object" ? Et(o, t, e) : ((s, i, n) => {
-    const r = i.hasOwnProperty(n);
-    return i.constructor.createProperty(n, r ? { ...s, wrapped: !0 } : s), r ? Object.getOwnPropertyDescriptor(i, n) : void 0;
-  })(o, t, e);
+function c(r) {
+  return (t, e) => typeof e == "object" ? Et(r, t, e) : ((o, s, n) => {
+    const i = s.hasOwnProperty(n);
+    return s.constructor.createProperty(n, i ? { ...o, wrapped: !0 } : o), i ? Object.getOwnPropertyDescriptor(s, n) : void 0;
+  })(r, t, e);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function St(o) {
-  return u({ ...o, state: !0, attribute: !1 });
+function St(r) {
+  return c({ ...r, state: !0, attribute: !1 });
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const R = globalThis, V = R.trustedTypes, Y = V ? V.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, at = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, lt = "?" + A, kt = `<${lt}>`, k = document, T = () => k.createComment(""), U = (o) => o === null || typeof o != "object" && typeof o != "function", Z = Array.isArray, xt = (o) => Z(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", L = `[ 	
+const z = globalThis, T = z.trustedTypes, Y = T ? T.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, at = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, dt = "?" + A, kt = `<${dt}>`, k = document, V = () => k.createComment(""), U = (r) => r === null || typeof r != "object" && typeof r != "function", Z = Array.isArray, xt = (r) => Z(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", L = `[ 	
 \f\r]`, P = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, tt = /-->/g, et = />/g, E = RegExp(`>|${L}(?:([^\\s"'>=/]+)(${L}*=${L}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), st = /'/g, it = /"/g, dt = /^(?:script|style|textarea|title)$/i, O = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), ot = /* @__PURE__ */ new WeakMap(), S = k.createTreeWalker(k, 129);
-function ht(o, t) {
-  if (!Z(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ot = /'/g, st = /"/g, lt = /^(?:script|style|textarea|title)$/i, q = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), rt = /* @__PURE__ */ new WeakMap(), S = k.createTreeWalker(k, 129);
+function ht(r, t) {
+  if (!Z(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Y !== void 0 ? Y.createHTML(t) : t;
 }
-const Ct = (o, t) => {
-  const e = o.length - 1, s = [];
-  let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = P;
-  for (let l = 0; l < e; l++) {
-    const a = o[l];
-    let p, y, h = -1, v = 0;
-    for (; v < a.length && (r.lastIndex = v, y = r.exec(a), y !== null); ) v = r.lastIndex, r === P ? y[1] === "!--" ? r = tt : y[1] !== void 0 ? r = et : y[2] !== void 0 ? (dt.test(y[2]) && (i = RegExp("</" + y[2], "g")), r = E) : y[3] !== void 0 && (r = E) : r === E ? y[0] === ">" ? (r = i ?? P, h = -1) : y[1] === void 0 ? h = -2 : (h = r.lastIndex - y[2].length, p = y[1], r = y[3] === void 0 ? E : y[3] === '"' ? it : st) : r === it || r === st ? r = E : r === tt || r === et ? r = P : (r = E, i = void 0);
-    const $ = r === E && o[l + 1].startsWith("/>") ? " " : "";
-    n += r === P ? a + kt : h >= 0 ? (s.push(p), a.slice(0, h) + at + a.slice(h) + A + $) : a + A + (h === -2 ? l : $);
-  }
-  return [ht(o, n + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+const Ct = (r, t) => {
+  const e = r.length - 1, o = [];
+  let s, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = P;
+  for (let d = 0; d < e; d++) {
+    const a = r[d];
+    let b, p, h = -1, g = 0;
+    for (; g < a.length && (i.lastIndex = g, p = i.exec(a), p !== null); ) g = i.lastIndex, i === P ? p[1] === "!--" ? i = tt : p[1] !== void 0 ? i = et : p[2] !== void 0 ? (lt.test(p[2]) && (s = RegExp("</" + p[2], "g")), i = E) : p[3] !== void 0 && (i = E) : i === E ? p[0] === ">" ? (i = s ?? P, h = -1) : p[1] === void 0 ? h = -2 : (h = i.lastIndex - p[2].length, b = p[1], i = p[3] === void 0 ? E : p[3] === '"' ? st : ot) : i === st || i === ot ? i = E : i === tt || i === et ? i = P : (i = E, s = void 0);
+    const $ = i === E && r[d + 1].startsWith("/>") ? " " : "";
+    n += i === P ? a + kt : h >= 0 ? (o.push(b), a.slice(0, h) + at + a.slice(h) + A + $) : a + A + (h === -2 ? d : $);
+  }
+  return [ht(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
 };
-class q {
-  constructor({ strings: t, _$litType$: e }, s) {
-    let i;
+class B {
+  constructor({ strings: t, _$litType$: e }, o) {
+    let s;
     this.parts = [];
-    let n = 0, r = 0;
-    const l = t.length - 1, a = this.parts, [p, y] = Ct(t, e);
-    if (this.el = q.createElement(p, s), S.currentNode = this.el.content, e === 2 || e === 3) {
+    let n = 0, i = 0;
+    const d = t.length - 1, a = this.parts, [b, p] = Ct(t, e);
+    if (this.el = B.createElement(b, o), S.currentNode = this.el.content, e === 2 || e === 3) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
     }
-    for (; (i = S.nextNode()) !== null && a.length < l; ) {
-      if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(at)) {
-          const v = y[r++], $ = i.getAttribute(h).split(A), H = /([.?@])?(.*)/.exec(v);
-          a.push({ type: 1, index: n, name: H[2], strings: $, ctor: H[1] === "." ? zt : H[1] === "?" ? Rt : H[1] === "@" ? Ut : B }), i.removeAttribute(h);
-        } else h.startsWith(A) && (a.push({ type: 6, index: n }), i.removeAttribute(h));
-        if (dt.test(i.tagName)) {
-          const h = i.textContent.split(A), v = h.length - 1;
-          if (v > 0) {
-            i.textContent = V ? V.emptyScript : "";
-            for (let $ = 0; $ < v; $++) i.append(h[$], T()), S.nextNode(), a.push({ type: 2, index: ++n });
-            i.append(h[v], T());
+    for (; (s = S.nextNode()) !== null && a.length < d; ) {
+      if (s.nodeType === 1) {
+        if (s.hasAttributes()) for (const h of s.getAttributeNames()) if (h.endsWith(at)) {
+          const g = p[i++], $ = s.getAttribute(h).split(A), H = /([.?@])?(.*)/.exec(g);
+          a.push({ type: 1, index: n, name: H[2], strings: $, ctor: H[1] === "." ? Rt : H[1] === "?" ? zt : H[1] === "@" ? Ut : I }), s.removeAttribute(h);
+        } else h.startsWith(A) && (a.push({ type: 6, index: n }), s.removeAttribute(h));
+        if (lt.test(s.tagName)) {
+          const h = s.textContent.split(A), g = h.length - 1;
+          if (g > 0) {
+            s.textContent = T ? T.emptyScript : "";
+            for (let $ = 0; $ < g; $++) s.append(h[$], V()), S.nextNode(), a.push({ type: 2, index: ++n });
+            s.append(h[g], V());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === lt) a.push({ type: 2, index: n });
+      } else if (s.nodeType === 8) if (s.data === dt) a.push({ type: 2, index: n });
       else {
         let h = -1;
-        for (; (h = i.data.indexOf(A, h + 1)) !== -1; ) a.push({ type: 7, index: n }), h += A.length - 1;
+        for (; (h = s.data.indexOf(A, h + 1)) !== -1; ) a.push({ type: 7, index: n }), h += A.length - 1;
       }
       n++;
     }
   }
   static createElement(t, e) {
-    const s = k.createElement("template");
-    return s.innerHTML = t, s;
+    const o = k.createElement("template");
+    return o.innerHTML = t, o;
   }
 }
-function x(o, t, e = o, s) {
-  var r, l;
-  if (t === O) return t;
-  let i = s !== void 0 ? (r = e._$Co) == null ? void 0 : r[s] : e._$Cl;
+function x(r, t, e = r, o) {
+  var i, d;
+  if (t === q) return t;
+  let s = o !== void 0 ? (i = e._$Co) == null ? void 0 : i[o] : e._$Cl;
   const n = U(t) ? void 0 : t._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== n && ((l = i == null ? void 0 : i._$AO) == null || l.call(i, !1), n === void 0 ? i = void 0 : (i = new n(o), i._$AT(o, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = x(o, i._$AS(o, t.values), i, s)), t;
+  return (s == null ? void 0 : s.constructor) !== n && ((d = s == null ? void 0 : s._$AO) == null || d.call(s, !1), n === void 0 ? s = void 0 : (s = new n(r), s._$AT(r, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = s : e._$Cl = s), s !== void 0 && (t = x(r, s._$AS(r, t.values), s, o)), t;
 }
 class Pt {
   constructor(t, e) {
@@ -399,30 +399,30 @@ class Pt {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? k).importNode(e, !0);
-    S.currentNode = i;
-    let n = S.nextNode(), r = 0, l = 0, a = s[0];
+    const { el: { content: e }, parts: o } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? k).importNode(e, !0);
+    S.currentNode = s;
+    let n = S.nextNode(), i = 0, d = 0, a = o[0];
     for (; a !== void 0; ) {
-      if (r === a.index) {
-        let p;
-        a.type === 2 ? p = new I(n, n.nextSibling, this, t) : a.type === 1 ? p = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (p = new Ot(n, this, t)), this._$AV.push(p), a = s[++l];
+      if (i === a.index) {
+        let b;
+        a.type === 2 ? b = new N(n, n.nextSibling, this, t) : a.type === 1 ? b = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (b = new qt(n, this, t)), this._$AV.push(b), a = o[++d];
       }
-      r !== (a == null ? void 0 : a.index) && (n = S.nextNode(), r++);
+      i !== (a == null ? void 0 : a.index) && (n = S.nextNode(), i++);
     }
-    return S.currentNode = k, i;
+    return S.currentNode = k, s;
   }
   p(t) {
     let e = 0;
-    for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
+    for (const o of this._$AV) o !== void 0 && (o.strings !== void 0 ? (o._$AI(t, o, e), e += o.strings.length - 2) : o._$AI(t[e])), e++;
   }
 }
-class I {
+class N {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
-  constructor(t, e, s, i) {
-    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
+  constructor(t, e, o, s) {
+    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = o, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -436,7 +436,7 @@ class I {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = x(this, t, e), U(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== O && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : xt(t) ? this.k(t) : this._(t);
+    t = x(this, t, e), U(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== q && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : xt(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -445,33 +445,33 @@ class I {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== c && U(this._$AH) ? this._$AA.nextSibling.data = t : this.T(k.createTextNode(t)), this._$AH = t;
+    this._$AH !== u && U(this._$AH) ? this._$AA.nextSibling.data = t : this.T(k.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var n;
-    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = q.createElement(ht(s.h, s.h[0]), this.options)), s);
-    if (((n = this._$AH) == null ? void 0 : n._$AD) === i) this._$AH.p(e);
+    const { values: e, _$litType$: o } = t, s = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = B.createElement(ht(o.h, o.h[0]), this.options)), o);
+    if (((n = this._$AH) == null ? void 0 : n._$AD) === s) this._$AH.p(e);
     else {
-      const r = new Pt(i, this), l = r.u(this.options);
-      r.p(e), this.T(l), this._$AH = r;
+      const i = new Pt(s, this), d = i.u(this.options);
+      i.p(e), this.T(d), this._$AH = i;
     }
   }
   _$AC(t) {
-    let e = ot.get(t.strings);
-    return e === void 0 && ot.set(t.strings, e = new q(t)), e;
+    let e = rt.get(t.strings);
+    return e === void 0 && rt.set(t.strings, e = new B(t)), e;
   }
   k(t) {
     Z(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
-    let s, i = 0;
-    for (const n of t) i === e.length ? e.push(s = new I(this.O(T()), this.O(T()), this, this.options)) : s = e[i], s._$AI(n), i++;
-    i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
+    let o, s = 0;
+    for (const n of t) s === e.length ? e.push(o = new N(this.O(V()), this.O(V()), this, this.options)) : o = e[s], o._$AI(n), s++;
+    s < e.length && (this._$AR(o && o._$AB.nextSibling, s), e.length = s);
   }
   _$AR(t = this._$AA.nextSibling, e) {
-    var s;
-    for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t && t !== this._$AB; ) {
-      const i = t.nextSibling;
-      t.remove(), t = i;
+    var o;
+    for ((o = this._$AP) == null ? void 0 : o.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const s = t.nextSibling;
+      t.remove(), t = s;
     }
   }
   setConnected(t) {
@@ -479,64 +479,64 @@ class I {
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
 }
-class B {
+class I {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, s, i, n) {
-    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = t, this.name = e, 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 = c;
+  constructor(t, e, o, s, n) {
+    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = u;
   }
-  _$AI(t, e = this, s, i) {
+  _$AI(t, e = this, o, s) {
     const n = this.strings;
-    let r = !1;
-    if (n === void 0) t = x(this, t, e, 0), r = !U(t) || t !== this._$AH && t !== O, r && (this._$AH = t);
+    let i = !1;
+    if (n === void 0) t = x(this, t, e, 0), i = !U(t) || t !== this._$AH && t !== q, i && (this._$AH = t);
     else {
-      const l = t;
-      let a, p;
-      for (t = n[0], a = 0; a < n.length - 1; a++) p = x(this, l[s + a], e, a), p === O && (p = this._$AH[a]), r || (r = !U(p) || p !== this._$AH[a]), p === c ? t = c : t !== c && (t += (p ?? "") + n[a + 1]), this._$AH[a] = p;
+      const d = t;
+      let a, b;
+      for (t = n[0], a = 0; a < n.length - 1; a++) b = x(this, d[o + a], e, a), b === q && (b = this._$AH[a]), i || (i = !U(b) || b !== this._$AH[a]), b === u ? t = u : t !== u && (t += (b ?? "") + n[a + 1]), this._$AH[a] = b;
     }
-    r && !i && this.j(t);
+    i && !s && this.j(t);
   }
   j(t) {
-    t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class zt extends B {
+class Rt extends I {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === c ? void 0 : t;
+    this.element[this.name] = t === u ? void 0 : t;
   }
 }
-class Rt extends B {
+class zt extends I {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== c);
+    this.element.toggleAttribute(this.name, !!t && t !== u);
   }
 }
-class Ut extends B {
-  constructor(t, e, s, i, n) {
-    super(t, e, s, i, n), this.type = 5;
+class Ut extends I {
+  constructor(t, e, o, s, n) {
+    super(t, e, o, s, n), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = x(this, t, e, 0) ?? c) === O) return;
-    const s = this._$AH, i = t === c && s !== c || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== c && (s === c || i);
-    i && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    if ((t = x(this, t, e, 0) ?? u) === q) return;
+    const o = this._$AH, s = t === u && o !== u || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, n = t !== u && (o === u || s);
+    s && this.element.removeEventListener(this.name, this, o), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var e;
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Ot {
-  constructor(t, e, s) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
+class qt {
+  constructor(t, e, o) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = o;
   }
   get _$AU() {
     return this._$AM._$AU;
@@ -545,30 +545,26 @@ class Ot {
     x(this, t);
   }
 }
-const G = R.litHtmlPolyfillSupport;
-G == null || G(q, I), (R.litHtmlVersions ?? (R.litHtmlVersions = [])).push("3.2.1");
+const G = z.litHtmlPolyfillSupport;
+G == null || G(B, N), (z.litHtmlVersions ?? (z.litHtmlVersions = [])).push("3.2.1");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const qt = (o) => o ?? c, ct = ut`
+const Bt = (r) => r ?? u, ct = ut`
   :host {
     /* Global Radiobutton Styles */
     --_nys-radiobutton-size: var(--nys-size-400, 32px);
-    --_nys-radiobutton-radius: var(--nys-border-radius-md, 4px);
+    --_nys-radiobutton-radius: var(--nys-radius-md, 4px);
     --_nys-radiobutton-width-border: var(--nys-border-width-md, 2px);
     --_nys-radiobutton-color-focus: var(--nys-color-focus, #004dd1);
     --_nys-radiobutton-width-focus: var(--nys-border-width-md, 2px);
-    --_nys-radiobutton-offset-focus: var(--nys-space-2px, 2px);
-    --_nys-radiobutton-gap: var(
-      --nys-space-150,
-      12px
-    ); /* space between radio and it's label */
-    --_nys-radiogroup-gap: var(
-      --nys-space-200,
-      16px
-    ); /* space between radio buttons */
+    --_nys-radiobutton-outline-offset: var(--nys-space-2px, 2px);
+    /* space between radio and it's label */
+    --_nys-radiobutton-gap: var(--nys-space-150, 12px);
+    /* space between radio buttons */
+    --_nys-radiogroup-gap: var(--nys-space-200, 16px);
 
     /* Typography */
     --_nys-radiobutton-font-family: var(
@@ -583,8 +579,11 @@ const qt = (o) => o ?? c, ct = ut`
       )
     );
     --_nys-radiobutton-font-size: var(--nys-font-size-ui-md, 16px);
-    --_nys-radiobutton-font-weight-400: var(--nys-font-weight-regular, 400);
-    --_nys-radiobutton-font-weight-600: var(--nys-font-weight-semibold, 600);
+    --_nys-radiobutton-font-weight-label: var(--nys-font-weight-regular, 400);
+    --_nys-radiobutton-font-weight-description: var(
+      --nys-font-weight-regular,
+      400
+    );
     --_nys-radiobutton-line-height: var(--nys-font-lineheight-ui-md, 24px);
 
     /* Global Radio Button Colors */
@@ -650,18 +649,86 @@ const qt = (o) => o ?? c, ct = ut`
   /* Small Variant */
   :host([size="sm"]) {
     --_nys-radiobutton-size: var(--nys-size-300, 24px);
-    --_nys-radiobutton-radius: var(--nys-border-radius-sm, 2px);
+    --_nys-radiobutton-radius: var(--nys-radius-sm, 2px);
     --_nys-radiogroup-gap: var(--nys-space-100, 8px);
     --_nys-radiobutton-gap: var(--nys-space-100, 8px);
   }
   /* Medium Variant */
   :host([size="md"]) {
     --_nys-radiobutton-size: var(--nys-size-400, 32px);
-    --_nys-radiobutton-radius: var(--nys-border-radius-md, 4px);
+    --_nys-radiobutton-radius: var(--nys-radius-md, 4px);
     --_nys-radiogroup-gap: var(--nys-space-200, 16px);
     --_nys-radiobutton-gap: var(--nys-space-150, 12px);
   }
 
+  /* Tile Variant */
+  :host([tile]) {
+    --_nys-radiobutton-font-weight-label: var(--nys-font-weight-semibold, 600);
+    --_nys-radiobutton-tile-border-width: var(--nys-border-width-sm, 1px);
+    --_nys-radiobutton-tile-border-radius: var(--nys-radius-md, 4px);
+    --_nys-radiobutton-tile-border-color: var(--nys-color-neutral-100, #d0d0ce);
+    --_nys-radiobutton-tile-bg-color: var(--nys-color-ink-reverse, #ffffff);
+    --_nys-radiobutton-tile-padding-x: var(--nys-space-250, 20px);
+    --_nys-radiobutton-tile-padding-y: var(--nys-space-200, 16px);
+    /* Hover */
+    --_nys-radiobutton-hover-tile-border-color: var(
+      --nys-color-neutral-700,
+      #4a4d4f
+    );
+    --_nys-radiobutton-hover-tile-bg-color: var(
+      --nys-color-ink-reverse,
+      #ffffff
+    );
+    /* Pressed */
+    --_nys-radiobutton-pressed-tile-border-color: var(
+      --nys-color-neutral-900,
+      #1b1b1b
+    );
+    --_nys-radiobutton-pressed-tile-bg-color: var(
+      --nys-color-ink-reverse,
+      #ffffff
+    );
+    /* Checked */
+    --_nys-radiobutton-checked-tile-border-color: var(
+      --nys-color-theme-mid,
+      #457aa5
+    );
+    --_nys-radiobutton-checked-tile-bg-color: var(
+      --nys-color-theme-faint,
+      #f7fafd
+    );
+    /* Disabled */
+    --_nys-radiobutton-disabled-tile-bg-color: var(
+      --nys-color-ink-reverse,
+      #f0f0f0
+    );
+    --_nys-radiobutton-disabled-tile-border-color: var(
+      --nys-color-neutral-100,
+      #d0d0ce
+    );
+  }
+
+  :host([tile][size="sm"]) {
+    --_nys-radiobutton-tile-padding-x: var(--nys-space-200, 16px);
+    --_nys-radiobutton-tile-padding-y: var(--nys-space-150, 12px);
+  }
+
+  :host([tile][showError]) {
+    --_nys-radiobutton-tile-border-color: var(--nys-color-danger, #b52c2c);
+    --_nys-radiobutton-hover-tile-border-color: var(
+      --nys-color-danger,
+      #b52c2c
+    );
+    --_nys-radiobutton-pressed-tile-border-color: var(
+      --nys-color-danger,
+      #b52c2c
+    );
+    --_nys-radiobutton-checked-tile-border-color: var(
+      --nys-color-danger,
+      #b52c2c
+    );
+  }
+
   .nys-radiogroup {
     display: flex;
     flex-direction: column;
@@ -683,6 +750,14 @@ const qt = (o) => o ?? c, ct = ut`
     font-family: var(--_nys-radiobutton-font-family);
     font-size: var(--_nys-radiobutton-font-size);
     line-height: var(--_nys-radiobutton-line-height);
+
+    /* Tile */
+    border-radius: var(--_nys-radiobutton-tile-border-radius);
+    border: var(--_nys-radiobutton-tile-border-width) solid
+      var(--_nys-radiobutton-tile-border-color);
+    background: var(--_nys-radiobutton-tile-bg-color);
+    padding: var(--_nys-radiobutton-tile-padding-y)
+      var(--_nys-radiobutton-tile-padding-x);
   }
 
   .nys-radiobutton__radio {
@@ -700,10 +775,13 @@ const qt = (o) => o ?? c, ct = ut`
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
+    outline-offset: var(--_nys-radiobutton-outline-offset);
+    outline: none;
     margin: 0 0 auto 0; /* Causes centered radio button if single line of label but top aligned if multiline */
   }
 
   /* Pointer cursor for unchecked radio button */
+  .nys-radiobutton:hover,
   .nys-radiobutton:hover * {
     cursor: pointer;
   }
@@ -713,6 +791,15 @@ const qt = (o) => o ?? c, ct = ut`
     background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');
     background-color: var(--_nys-radiobutton-checked-color-bg);
   }
+  :host([tile])
+    .nys-radiobutton:has(.nys-radiobutton__radio:not(:disabled):checked) {
+    border-color: var(--_nys-radiobutton-checked-tile-border-color);
+    background-color: var(--_nys-radiobutton-checked-tile-bg-color);
+  }
+  :host([tile])
+    .nys-radiobutton:has(.nys-radiobutton__radio:not(:disabled):checked:hover) {
+    cursor: default;
+  }
 
   /* Checked + Disabled */
   .nys-radiobutton__radio:disabled:checked {
@@ -720,6 +807,10 @@ const qt = (o) => o ?? c, ct = ut`
     border-color: var(--_nys-radiobutton-disabled-checked-color-border);
     background-color: var(--_nys-radiobutton-disabled-checked-color-bg);
   }
+  :host([tile]) .nys-radiobutton:has(.nys-radiobutton__radio:disabled:checked) {
+    border-color: var(--_nys-radiobutton-disabled-tile-border-color);
+    background-color: var(--_nys-radiobutton-disabled-tile-bg-color);
+  }
 
   /* Disabled */
   .nys-radiobutton__radio:disabled {
@@ -727,24 +818,51 @@ const qt = (o) => o ?? c, ct = ut`
     border-color: var(--_nys-radiobutton-disabled-color-border);
     cursor: not-allowed;
   }
+  :host([tile]) .nys-radiobutton:has(.nys-radiobutton__radio:disabled) {
+    background-color: var(--_nys-radiobutton-disabled-color-bg);
+    border-color: var(--_nys-radiobutton-disabled-color-border);
+    cursor: not-allowed;
+  }
 
   /* Hover - only allow hover on unchecked */
   .nys-radiobutton__radio:hover:not(:disabled):not(:checked) {
     border-color: var(--_nys-radiobutton-hover-color-border);
     background-color: var(--_nys-radiobutton-hover-color-bg);
   }
+  :host([tile])
+    .nys-radiobutton:has(
+      .nys-radiobutton__radio:hover:not(:disabled):not(:checked)
+    ) {
+    border-color: var(--_nys-radiobutton-hover-tile-border-color);
+    background-color: var(--_nys-radiobutton-hover-tile-bg-color);
+    outline: solid var(--_nys-radiobutton-tile-border-width)
+      var(--_nys-radiobutton-hover-tile-border-color);
+  }
 
   /* Pressed - only allow pressed on unchecked */
   .nys-radiobutton__radio:active:not(:disabled):not(:checked) {
     border-color: var(--_nys-radiobutton-pressed-color-border);
     background-color: var(--_nys-radiobutton-pressed-color-bg);
   }
+  :host([tile])
+    .nys-radiobutton:has(
+      .nys-radiobutton__radio:active:not(:disabled):not(:checked)
+    ) {
+    border-color: var(--_nys-radiobutton-pressed-tile-border-color);
+    background-color: var(--_nys-radiobutton-pressed-tile-bg-color);
+    outline: solid var(--_nys-radiobutton-tile-border-width)
+      var(--_nys-radiobutton-pressed-tile-border-color);
+  }
 
   /* Focused */
-  .nys-radiobutton__radio:focus {
+  :host(:not([tile])) .nys-radiobutton__radio:focus-visible {
     outline: solid var(--_nys-radiobutton-width-focus)
       var(--_nys-radiobutton-color-focus);
-    outline-offset: var(--_nys-radiobutton-offset-focus);
+  }
+  :host([tile]) .nys-radiobutton:has(*:focus-visible) {
+    outline: solid var(--_nys-radiobutton-tile-border-width)
+      var(--_nys-radiobutton-color-focus) !important;
+    border-color: var(--_nys-radiobutton-color-focus) !important;
   }
 
   /* Radiobutton Label Holder */
@@ -756,16 +874,19 @@ const qt = (o) => o ?? c, ct = ut`
 
   /* Label styling */
   .nys-radiobutton__label {
-    font-weight: var(--_nys-radiobutton-font-weight-400);
+    font-weight: var(--_nys-radiobutton-font-weight-label);
     color: var(--_nys-radiobutton-color-text);
   }
 
   /* Description styling */
   .nys-radiobutton__description {
-    font-weight: var(--_nys-radiobutton-font-weight-400);
+    font-weight: var(--_nys-radiobutton-font-weight-description);
     font-style: italic;
     text-align: left;
   }
+  :host([tile]) .nys-radiobutton__description {
+    font-style: normal;
+  }
 
   /* gap between radio and it's label */
   .nys-radiobutton__label,
@@ -784,38 +905,38 @@ const qt = (o) => o ?? c, ct = ut`
     cursor: not-allowed;
   }
 `;
-var Ht = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, f = (o, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Mt(t, e) : t, n = o.length - 1, r; n >= 0; n--)
-    (r = o[n]) && (i = (s ? r(t, e, i) : r(i)) || i);
-  return s && i && Ht(t, e, i), i;
+var Ht = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, _ = (r, t, e, o) => {
+  for (var s = o > 1 ? void 0 : o ? Ot(t, e) : t, n = r.length - 1, i; n >= 0; n--)
+    (i = r[n]) && (s = (o ? i(t, e, s) : i(s)) || s);
+  return o && s && Ht(t, e, s), s;
 };
-let Nt = 0;
-var g;
-const b = (g = class extends rt {
+let Mt = 0;
+var m;
+const y = (m = class extends it {
   // allows use of elementInternals' API
   constructor() {
-    super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.selectedValue = null, this._size = "md", this._internals = this.attachInternals();
+    super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.selectedValue = null, this._size = "md", this.tile = !1, this._internals = this.attachInternals();
   }
   get size() {
     return this._size;
   }
   set size(t) {
-    this._size = g.VALID_SIZES.includes(
+    this._size = m.VALID_SIZES.includes(
       t
     ) ? t : "md";
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-radiogroup-${Date.now()}-${Nt++}`), this.addEventListener("change", this._handleRadioButtonChange), this.addEventListener("invalid", this._handleInvalid);
+    super.connectedCallback(), this.id || (this.id = `nys-radiogroup-${Date.now()}-${Mt++}`), this.addEventListener("change", this._handleRadioButtonChange), this.addEventListener("invalid", this._handleInvalid);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("change", this._handleRadioButtonChange), this.removeEventListener("invalid", this._handleInvalid);
   }
   firstUpdated() {
-    this._initializeCheckedRadioValue(), this._setValue(), this.setRadioButtonRequire();
+    this._initializeCheckedRadioValue(), this._setValue(), this.setRadioButtonRequire(), this._updateRadioButtonsSize(), this._updateRadioButtonsTile(), this._updateRadioButtonsShowError();
   }
   updated(t) {
-    (t.has("required") || t.has("selectedValue")) && this._manageRequire(), t.has("size") && this._updateRadioButtonsSize();
+    (t.has("required") || t.has("selectedValue")) && this._manageRequire(), t.has("size") && this._updateRadioButtonsSize(), t.has("tile") && this._updateRadioButtonsTile(), t.has("showError") && this._updateRadioButtonsShowError();
   }
   // This callback is automatically called when the parent form is reset.
   formResetCallback() {
@@ -829,17 +950,17 @@ const b = (g = class extends rt {
   }
   // Updates the "require" attribute of the first radiobutton underneath a radiogroup to ensure requirement for all radiobutton under the same name/group
   setRadioButtonRequire() {
-    this.querySelectorAll("nys-radiobutton").forEach((e, s) => {
-      this.required && s === 0 && e.setAttribute("required", "required");
+    this.querySelectorAll("nys-radiobutton").forEach((e, o) => {
+      this.required && o === 0 && e.setAttribute("required", "required");
     });
   }
   async _manageRequire() {
-    const t = this.errorMessage || "Please select an option.", e = this.querySelector("nys-radiobutton"), s = e ? await e.getInputElement() : null;
-    s && (this.required && !this.selectedValue ? this._internals.setValidity(
+    const t = this.errorMessage || "Please select an option.", e = this.querySelector("nys-radiobutton"), o = e ? await e.getInputElement() : null;
+    o && (this.required && !this.selectedValue ? this._internals.setValidity(
       { valueMissing: !0 },
       t,
-      s
-    ) : (this.showError = !1, this._internals.setValidity({}, "", s)));
+      o
+    ) : (this.showError = !1, this._internals.setValidity({}, "", o)));
   }
   // Need to account for if radiogroup already have a radiobutton checked at initialization
   _initializeCheckedRadioValue() {
@@ -853,24 +974,34 @@ const b = (g = class extends rt {
       e.setAttribute("size", this.size);
     });
   }
+  _updateRadioButtonsTile() {
+    this.querySelectorAll("nys-radiobutton").forEach((e) => {
+      this.tile ? e.toggleAttribute("tile", !0) : e.removeAttribute("tile");
+    });
+  }
+  _updateRadioButtonsShowError() {
+    this.querySelectorAll("nys-radiobutton").forEach((e) => {
+      this.showError ? e.setAttribute("showError", "") : e.removeAttribute("showError");
+    });
+  }
   // Keeps radiogroup informed of the name and value of its current selected radiobutton at each change
   _handleRadioButtonChange(t) {
-    const e = t, { name: s, value: i } = e.detail;
-    this.name = s, this.selectedValue = i, this._internals.setFormValue(this.selectedValue);
+    const e = t, { name: o, value: s } = e.detail;
+    this.name = o, this.selectedValue = s, this._internals.setFormValue(this.selectedValue);
   }
   async _handleInvalid(t) {
     if (t.preventDefault(), this._internals.validity.valueMissing) {
       this.showError = !0, this._manageRequire();
-      const e = this.querySelector("nys-radiobutton"), s = e ? await e.getInputElement() : null;
-      if (s) {
-        const i = this._internals.form;
-        i ? Array.from(i.elements).find((l) => {
-          if (l.tagName.toLowerCase() === "nys-radiogroup") {
-            if (!l.querySelector("nys-radiobutton").checkValidity())
-              return l;
+      const e = this.querySelector("nys-radiobutton"), o = e ? await e.getInputElement() : null;
+      if (o) {
+        const s = this._internals.form;
+        s ? Array.from(s.elements).find((d) => {
+          if (d.tagName.toLowerCase() === "nys-radiogroup") {
+            if (!d.querySelector("nys-radiobutton").checkValidity())
+              return d;
           } else
-            return typeof l.checkValidity == "function" && !l.checkValidity();
-        }) === this && s.focus() : s.focus();
+            return typeof d.checkValidity == "function" && !d.checkValidity();
+        }) === this && o.focus() : o.focus();
       }
     }
   }
@@ -895,59 +1026,62 @@ const b = (g = class extends rt {
       <nys-errormessage
         ?showError=${this.showError}
         errorMessage=${this._internals.validationMessage || this.errorMessage}
-        showDivider
+        .showDivider=${!this.tile}
       ></nys-errormessage>
     </div>`;
   }
-}, g.VALID_SIZES = ["sm", "md"], g.styles = ct, g.formAssociated = !0, g);
-f([
-  u({ type: String })
-], b.prototype, "id", 2);
-f([
-  u({ type: String, reflect: !0 })
-], b.prototype, "name", 2);
-f([
-  u({ type: Boolean, reflect: !0 })
-], b.prototype, "required", 2);
-f([
-  u({ type: Boolean, reflect: !0 })
-], b.prototype, "optional", 2);
-f([
-  u({ type: Boolean, reflect: !0 })
-], b.prototype, "showError", 2);
-f([
-  u({ type: String })
-], b.prototype, "errorMessage", 2);
-f([
-  u({ type: String })
-], b.prototype, "label", 2);
-f([
-  u({ type: String })
-], b.prototype, "description", 2);
-f([
+}, m.VALID_SIZES = ["sm", "md"], m.styles = ct, m.formAssociated = !0, m);
+_([
+  c({ type: String })
+], y.prototype, "id", 2);
+_([
+  c({ type: String, reflect: !0 })
+], y.prototype, "name", 2);
+_([
+  c({ type: Boolean, reflect: !0 })
+], y.prototype, "required", 2);
+_([
+  c({ type: Boolean, reflect: !0 })
+], y.prototype, "optional", 2);
+_([
+  c({ type: Boolean, reflect: !0 })
+], y.prototype, "showError", 2);
+_([
+  c({ type: String })
+], y.prototype, "errorMessage", 2);
+_([
+  c({ type: String })
+], y.prototype, "label", 2);
+_([
+  c({ type: String })
+], y.prototype, "description", 2);
+_([
   St()
-], b.prototype, "selectedValue", 2);
-f([
-  u({ reflect: !0 })
-], b.prototype, "size", 1);
-let Vt = b;
-customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", Vt);
-var Tt = Object.defineProperty, It = Object.getOwnPropertyDescriptor, m = (o, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? It(t, e) : t, n = o.length - 1, r; n >= 0; n--)
-    (r = o[n]) && (i = (s ? r(t, e, i) : r(i)) || i);
-  return s && i && Tt(t, e, i), i;
+], y.prototype, "selectedValue", 2);
+_([
+  c({ reflect: !0 })
+], y.prototype, "size", 1);
+_([
+  c({ type: Boolean, reflect: !0 })
+], y.prototype, "tile", 2);
+let Tt = y;
+customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", Tt);
+var Vt = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, v = (r, t, e, o) => {
+  for (var s = o > 1 ? void 0 : o ? Nt(t, e) : t, n = r.length - 1, i; n >= 0; n--)
+    (i = r[n]) && (s = (o ? i(t, e, s) : i(s)) || s);
+  return o && s && Vt(t, e, s), s;
 };
-let Bt = 0;
-var d;
-const _ = (d = class extends rt {
+let It = 0;
+var l;
+const f = (l = class extends it {
   constructor() {
-    super(...arguments), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this._size = "md";
+    super(...arguments), this.checked = !1, this.disabled = !1, this.required = !1, this.label = "", this.description = "", this.id = "", this.name = "", this.value = "", this._size = "md", this.tile = !1;
   }
   get size() {
     return this._size;
   }
   set size(t) {
-    this._size = d.VALID_SIZES.includes(
+    this._size = l.VALID_SIZES.includes(
       t
     ) ? t : "md";
   }
@@ -962,10 +1096,10 @@ const _ = (d = class extends rt {
   /********************** Lifecycle updates **********************/
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${Bt++}`), this.checked && (d.buttonGroup[this.name] && (d.buttonGroup[this.name].checked = !1, d.buttonGroup[this.name].requestUpdate()), d.buttonGroup[this.name] = this);
+    super.connectedCallback(), this.id || (this.id = `nys-radiobutton-${Date.now()}-${It++}`), this.checked && (l.buttonGroup[this.name] && (l.buttonGroup[this.name].checked = !1, l.buttonGroup[this.name].requestUpdate()), l.buttonGroup[this.name] = this);
   }
   updated(t) {
-    t.has("checked") && this.checked && d.buttonGroup[this.name] !== this && (d.buttonGroup[this.name] && (d.buttonGroup[this.name].checked = !1, d.buttonGroup[this.name].requestUpdate()), d.buttonGroup[this.name] = this);
+    t.has("checked") && this.checked && l.buttonGroup[this.name] !== this && (l.buttonGroup[this.name] && (l.buttonGroup[this.name].checked = !1, l.buttonGroup[this.name].requestUpdate()), l.buttonGroup[this.name] = this);
   }
   /******************** Function ********************/
   // This helper function is called to perform the element's native validation.
@@ -979,7 +1113,7 @@ const _ = (d = class extends rt {
   /******************** Event Handlers ********************/
   // Handle radiobutton change event & unselection of other options in group
   _handleChange() {
-    this.checked || (d.buttonGroup[this.name] && (d.buttonGroup[this.name].checked = !1, d.buttonGroup[this.name].requestUpdate()), d.buttonGroup[this.name] = this, this.checked = !0, this.dispatchEvent(
+    this.checked || (l.buttonGroup[this.name] && (l.buttonGroup[this.name].checked = !1, l.buttonGroup[this.name].requestUpdate()), l.buttonGroup[this.name] = this, this.checked = !0, this.dispatchEvent(
       new CustomEvent("change", {
         detail: { checked: this.checked, name: this.name, value: this.value },
         bubbles: !0,
@@ -997,7 +1131,7 @@ const _ = (d = class extends rt {
   }
   // Handle keydown for keyboard accessibility
   _handleKeydown(t) {
-    t.code === "Space" && (t.preventDefault(), !this.disabled && !this.checked && (d.buttonGroup[this.name] && (d.buttonGroup[this.name].checked = !1, d.buttonGroup[this.name].requestUpdate()), d.buttonGroup[this.name] = this, this.checked = !0, this.dispatchEvent(
+    t.code === "Space" && (t.preventDefault(), !this.disabled && !this.checked && (l.buttonGroup[this.name] && (l.buttonGroup[this.name].checked = !1, l.buttonGroup[this.name].requestUpdate()), l.buttonGroup[this.name] = this, this.checked = !0, this.dispatchEvent(
       new CustomEvent("change", {
         detail: {
           checked: this.checked,
@@ -1016,7 +1150,7 @@ const _ = (d = class extends rt {
           id="${this.id}"
           class="nys-radiobutton__radio"
           type="radio"
-          name="${qt(this.name ? this.name : void 0)}"
+          name="${Bt(this.name ? this.name : void 0)}"
           .checked=${this.checked}
           ?disabled=${this.disabled}
           .value=${this.value}
@@ -1040,38 +1174,41 @@ const _ = (d = class extends rt {
       </label>
     `;
   }
-}, d.VALID_SIZES = ["sm", "md"], d.buttonGroup = {}, d.styles = ct, d);
-m([
-  u({ type: Boolean, reflect: !0 })
-], _.prototype, "checked", 2);
-m([
-  u({ type: Boolean, reflect: !0 })
-], _.prototype, "disabled", 2);
-m([
-  u({ type: Boolean, reflect: !0 })
-], _.prototype, "required", 2);
-m([
-  u({ type: String })
-], _.prototype, "label", 2);
-m([
-  u({ type: String })
-], _.prototype, "description", 2);
-m([
-  u({ type: String })
-], _.prototype, "id", 2);
-m([
-  u({ type: String, reflect: !0 })
-], _.prototype, "name", 2);
-m([
-  u({ type: String })
-], _.prototype, "value", 2);
-m([
-  u({ reflect: !0 })
-], _.prototype, "size", 1);
-let Dt = _;
+}, l.VALID_SIZES = ["sm", "md"], l.buttonGroup = {}, l.styles = ct, l);
+v([
+  c({ type: Boolean, reflect: !0 })
+], f.prototype, "checked", 2);
+v([
+  c({ type: Boolean, reflect: !0 })
+], f.prototype, "disabled", 2);
+v([
+  c({ type: Boolean, reflect: !0 })
+], f.prototype, "required", 2);
+v([
+  c({ type: String })
+], f.prototype, "label", 2);
+v([
+  c({ type: String })
+], f.prototype, "description", 2);
+v([
+  c({ type: String })
+], f.prototype, "id", 2);
+v([
+  c({ type: String, reflect: !0 })
+], f.prototype, "name", 2);
+v([
+  c({ type: String })
+], f.prototype, "value", 2);
+v([
+  c({ reflect: !0 })
+], f.prototype, "size", 1);
+v([
+  c({ type: Boolean, reflect: !0 })
+], f.prototype, "tile", 2);
+let Dt = f;
 customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", Dt);
 export {
   Dt as NysRadiobutton,
-  Vt as NysRadiogroup
+  Tt as NysRadiogroup
 };
 //# sourceMappingURL=nys-radiobutton.js.map