@nysds/components 1.1.6 → 1.1.7

package/dist/nysds.es.js

@@ -2,7 +2,7 @@ import { css as b, LitElement as v, html as h } from "lit";
 import { property as a, state as x1 } from "lit/decorators.js";
 import { ifDefined as p } from "lit/directives/if-defined.js";
 /*!
-   * New York State Design System (v1.1.6)
+   * New York State Design System (v1.1.7)
    * Description: A design system for New York State's digital products.
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -253,10 +253,10 @@ const at = b`
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const a2 = globalThis, Z2 = a2.ShadowRoot && (a2.ShadyCSS === void 0 || a2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, q5 = Symbol(), r5 = /* @__PURE__ */ new WeakMap();
+const a2 = globalThis, Z2 = a2.ShadowRoot && (a2.ShadyCSS === void 0 || a2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, T5 = Symbol(), r5 = /* @__PURE__ */ new WeakMap();
 let lt = class {
   constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== q5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== T5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
@@ -272,7 +272,7 @@ let lt = class {
     return this.cssText;
   }
 };
-const ct = (o) => new lt(typeof o == "string" ? o : o + "", void 0, q5), ht = (o, t) => {
+const ct = (o) => new lt(typeof o == "string" ? o : o + "", void 0, T5), ht = (o, t) => {
   if (Z2) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const s = document.createElement("style"), r = a2.litNonce;
@@ -1210,10 +1210,10 @@ customElements.get("nys-icon") || customElements.define("nys-icon", kt);
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const l2 = globalThis, O2 = l2.ShadowRoot && (l2.ShadyCSS === void 0 || l2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, T5 = Symbol(), l5 = /* @__PURE__ */ new WeakMap();
+const l2 = globalThis, O2 = l2.ShadowRoot && (l2.ShadyCSS === void 0 || l2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, q5 = Symbol(), l5 = /* @__PURE__ */ new WeakMap();
 let $t = class {
   constructor(o, t, e) {
-    if (this._$cssResult$ = !0, e !== T5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, e !== q5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = o, this.t = t;
   }
   get styleSheet() {
@@ -1229,7 +1229,7 @@ let $t = class {
     return this.cssText;
   }
 };
-const St = (o) => new $t(typeof o == "string" ? o : o + "", void 0, T5), Lt = (o, t) => {
+const St = (o) => new $t(typeof o == "string" ? o : o + "", void 0, q5), Lt = (o, t) => {
   if (O2) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const s = document.createElement("style"), r = l2.litNonce;
@@ -1275,7 +1275,7 @@ const { is: Mt, defineProperty: Et, getOwnPropertyDescriptor: Dt, getOwnProperty
   return e;
 } }, I2 = (o, t) => !Mt(o, t), C5 = { attribute: !0, type: String, converter: y2, reflect: !1, hasChanged: I2 };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), E1.litPropertyMetadata ?? (E1.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let q1 = class extends HTMLElement {
+let T1 = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
@@ -1473,7 +1473,7 @@ let q1 = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-q1.elementStyles = [], q1.shadowRootOptions = { mode: "open" }, q1[Y1("elementProperties")] = /* @__PURE__ */ new Map(), q1[Y1("finalized")] = /* @__PURE__ */ new Map(), d5 == null || d5({ ReactiveElement: q1 }), (E1.reactiveElementVersions ?? (E1.reactiveElementVersions = [])).push("2.0.4");
+T1.elementStyles = [], T1.shadowRootOptions = { mode: "open" }, T1[Y1("elementProperties")] = /* @__PURE__ */ new Map(), T1[Y1("finalized")] = /* @__PURE__ */ new Map(), d5 == null || d5({ ReactiveElement: T1 }), (E1.reactiveElementVersions ?? (E1.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -1500,7 +1500,7 @@ const zt = { attribute: !0, type: String, converter: y2, reflect: !1, hasChanged
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function A(o) {
+function D(o) {
   return (t, e) => typeof e == "object" ? Zt(o, t, e) : ((s, r, i) => {
     const n = r.hasOwnProperty(i);
     return r.constructor.createProperty(i, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(r, i) : void 0;
@@ -1912,7 +1912,7 @@ const Pt = b`
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const u2 = globalThis, p2 = u2.trustedTypes, y5 = p2 ? p2.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, N5 = "$lit$", l1 = `lit$${Math.random().toFixed(9).slice(2)}$`, j5 = "?" + l1, Ot = `<${j5}>`, b1 = document, v2 = () => b1.createComment(""), Q1 = (o) => o === null || typeof o != "object" && typeof o != "function", B2 = Array.isArray, It = (o) => B2(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", A2 = `[ 	
-\f\r]`, T1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, u5 = /-->/g, p5 = />/g, p1 = RegExp(`>|${A2}(?:([^\\s"'>=/]+)(${A2}*=${A2}*(?:[^ 	
+\f\r]`, q1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, u5 = /-->/g, p5 = />/g, p1 = RegExp(`>|${A2}(?:([^\\s"'>=/]+)(${A2}*=${A2}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), v5 = /'/g, f5 = /"/g, F5 = /^(?:script|style|textarea|title)$/i, t2 = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), g5 = /* @__PURE__ */ new WeakMap(), g1 = b1.createTreeWalker(b1, 129);
 function G5(o, t) {
   if (!B2(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
@@ -1920,13 +1920,13 @@ function G5(o, t) {
 }
 const Bt = (o, t) => {
   const e = o.length - 1, s = [];
-  let r, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = T1;
+  let r, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = q1;
   for (let l = 0; l < e; l++) {
     const c = o[l];
     let C, y, d = -1, _ = 0;
-    for (; _ < c.length && (n.lastIndex = _, y = n.exec(c), y !== null); ) _ = n.lastIndex, n === T1 ? y[1] === "!--" ? n = u5 : y[1] !== void 0 ? n = p5 : y[2] !== void 0 ? (F5.test(y[2]) && (r = RegExp("</" + y[2], "g")), n = p1) : y[3] !== void 0 && (n = p1) : n === p1 ? y[0] === ">" ? (n = r ?? T1, d = -1) : y[1] === void 0 ? d = -2 : (d = n.lastIndex - y[2].length, C = y[1], n = y[3] === void 0 ? p1 : y[3] === '"' ? f5 : v5) : n === f5 || n === v5 ? n = p1 : n === u5 || n === p5 ? n = T1 : (n = p1, r = void 0);
+    for (; _ < c.length && (n.lastIndex = _, y = n.exec(c), y !== null); ) _ = n.lastIndex, n === q1 ? y[1] === "!--" ? n = u5 : y[1] !== void 0 ? n = p5 : y[2] !== void 0 ? (F5.test(y[2]) && (r = RegExp("</" + y[2], "g")), n = p1) : y[3] !== void 0 && (n = p1) : n === p1 ? y[0] === ">" ? (n = r ?? q1, d = -1) : y[1] === void 0 ? d = -2 : (d = n.lastIndex - y[2].length, C = y[1], n = y[3] === void 0 ? p1 : y[3] === '"' ? f5 : v5) : n === f5 || n === v5 ? n = p1 : n === u5 || n === p5 ? n = q1 : (n = p1, r = void 0);
     const k = n === p1 && o[l + 1].startsWith("/>") ? " " : "";
-    i += n === T1 ? c + Ot : d >= 0 ? (s.push(C), c.slice(0, d) + N5 + c.slice(d) + l1 + k) : c + l1 + (d === -2 ? l : k);
+    i += n === q1 ? c + Ot : d >= 0 ? (s.push(C), c.slice(0, d) + N5 + c.slice(d) + l1 + k) : c + l1 + (d === -2 ? l : k);
   }
   return [G5(o, i + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
@@ -1944,7 +1944,7 @@ let H2 = class W5 {
       if (r.nodeType === 1) {
         if (r.hasAttributes()) for (const d of r.getAttributeNames()) if (d.endsWith(N5)) {
           const _ = y[n++], k = r.getAttribute(d).split(l1), J = /([.?@])?(.*)/.exec(_);
-          c.push({ type: 1, index: i, name: J[2], strings: k, ctor: J[1] === "." ? qt : J[1] === "?" ? Tt : J[1] === "@" ? Nt : k2 }), r.removeAttribute(d);
+          c.push({ type: 1, index: i, name: J[2], strings: k, ctor: J[1] === "." ? Tt : J[1] === "?" ? qt : J[1] === "@" ? Nt : k2 }), r.removeAttribute(d);
         } else d.startsWith(l1) && (c.push({ type: 6, index: i }), r.removeAttribute(d));
         if (F5.test(r.tagName)) {
           const d = r.textContent.split(l1), _ = d.length - 1;
@@ -2087,14 +2087,14 @@ let Rt = class {
   j(t) {
     t === $ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
-}, qt = class extends k2 {
+}, Tt = class extends k2 {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
     this.element[this.name] = t === $ ? void 0 : t;
   }
-}, Tt = class extends k2 {
+}, qt = class extends k2 {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -2133,24 +2133,24 @@ _5 == null || _5(H2, Y5), (u2.litHtmlVersions ?? (u2.litHtmlVersions = [])).push
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const i1 = (o) => o ?? $;
-var Ft = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, V = (o, t, e, s) => {
+var Ft = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, A = (o, t, e, s) => {
   for (var r = s > 1 ? void 0 : s ? Gt(t, e) : t, i = o.length - 1, n; i >= 0; i--)
     (n = o[i]) && (r = (s ? n(t, e, r) : n(r)) || r);
   return s && r && Ft(t, e, r), r;
 };
 let Wt = 0;
-var j;
-const M = (j = class extends v {
+var I;
+const L = (I = class extends v {
   // allows use of elementInternals' API
   constructor() {
     super(), this.id = "", this.name = "", this._size = "md", this.fullWidth = !1, this._variant = "filled", this.inverted = !1, this.label = "", this.ariaLabel = "", this.prefixIcon = "", this.suffixIcon = "", this.disabled = !1, this.form = "", this.value = "", this._type = "button", this.onClick = () => {
-    }, this.href = "", this._internals = this.attachInternals();
+    }, this.href = "", this._target = "_self", this._internals = this.attachInternals();
   }
   get size() {
     return this._size;
   }
   set size(o) {
-    this._size = j.VALID_SIZES.includes(
+    this._size = I.VALID_SIZES.includes(
       o
     ) ? o : "md";
   }
@@ -2158,7 +2158,7 @@ const M = (j = class extends v {
     return this._variant;
   }
   set variant(o) {
-    this._variant = j.VALID_VARIANTS.includes(
+    this._variant = I.VALID_VARIANTS.includes(
       o
     ) ? o : "filled";
   }
@@ -2166,10 +2166,18 @@ const M = (j = class extends v {
     return this._type;
   }
   set type(o) {
-    this._type = j.VALID_TYPES.includes(
+    this._type = I.VALID_TYPES.includes(
       o
     ) ? o : "button";
   }
+  get target() {
+    return this._target;
+  }
+  set target(o) {
+    this._target = I.VALID_TARGETS.includes(
+      o
+    ) ? o : "_self";
+  }
   connectedCallback() {
     super.connectedCallback(), this.id || (this.id = this._generateUniqueId());
   }
@@ -2223,7 +2231,7 @@ const M = (j = class extends v {
                 form=${i1(this.form ? this.form : void 0)}
                 value=${i1(this.value ? this.value : void 0)}
                 href=${this.href}
-                target="_blank"
+                target=${this.target}
                 aria-label=${this.ariaLabel || this.label || "button"}
                 @click=${this._handleClick}
                 @focus="${this._handleFocus}"
@@ -2264,61 +2272,70 @@ const M = (j = class extends v {
           `}
     `;
   }
-}, j.VALID_SIZES = ["sm", "md", "lg"], j.VALID_VARIANTS = [
+}, I.VALID_SIZES = ["sm", "md", "lg"], I.VALID_VARIANTS = [
   "filled",
   "outline",
   "ghost",
   "text"
-], j.VALID_TYPES = ["submit", "reset", "button"], j.styles = Pt, j.formAssociated = !0, j);
-V([
-  A({ type: String })
-], M.prototype, "id", 2);
-V([
-  A({ type: String, reflect: !0 })
-], M.prototype, "name", 2);
-V([
-  A({ reflect: !0 })
-], M.prototype, "size", 1);
-V([
-  A({ type: Boolean, reflect: !0 })
-], M.prototype, "fullWidth", 2);
-V([
-  A({ reflect: !0 })
-], M.prototype, "variant", 1);
-V([
-  A({ type: Boolean, reflect: !0 })
-], M.prototype, "inverted", 2);
-V([
-  A({ type: String })
-], M.prototype, "label", 2);
-V([
-  A({ type: String })
-], M.prototype, "ariaLabel", 2);
-V([
-  A({ type: String })
-], M.prototype, "prefixIcon", 2);
-V([
-  A({ type: String })
-], M.prototype, "suffixIcon", 2);
-V([
-  A({ type: Boolean, reflect: !0 })
-], M.prototype, "disabled", 2);
-V([
-  A({ type: String })
-], M.prototype, "form", 2);
-V([
-  A({ type: String })
-], M.prototype, "value", 2);
-V([
-  A({ reflect: !0 })
-], M.prototype, "type", 1);
-V([
-  A({ type: Function })
-], M.prototype, "onClick", 2);
-V([
-  A({ type: String })
-], M.prototype, "href", 2);
-let Yt = M;
+], I.VALID_TYPES = ["submit", "reset", "button"], I.VALID_TARGETS = [
+  "_self",
+  "_blank",
+  "_parent",
+  "_top",
+  "framename"
+], I.styles = Pt, I.formAssociated = !0, I);
+A([
+  D({ type: String })
+], L.prototype, "id", 2);
+A([
+  D({ type: String, reflect: !0 })
+], L.prototype, "name", 2);
+A([
+  D({ reflect: !0 })
+], L.prototype, "size", 1);
+A([
+  D({ type: Boolean, reflect: !0 })
+], L.prototype, "fullWidth", 2);
+A([
+  D({ reflect: !0 })
+], L.prototype, "variant", 1);
+A([
+  D({ type: Boolean, reflect: !0 })
+], L.prototype, "inverted", 2);
+A([
+  D({ type: String })
+], L.prototype, "label", 2);
+A([
+  D({ type: String })
+], L.prototype, "ariaLabel", 2);
+A([
+  D({ type: String })
+], L.prototype, "prefixIcon", 2);
+A([
+  D({ type: String })
+], L.prototype, "suffixIcon", 2);
+A([
+  D({ type: Boolean, reflect: !0 })
+], L.prototype, "disabled", 2);
+A([
+  D({ type: String })
+], L.prototype, "form", 2);
+A([
+  D({ type: String })
+], L.prototype, "value", 2);
+A([
+  D({ reflect: !0 })
+], L.prototype, "type", 1);
+A([
+  D({ type: Function })
+], L.prototype, "onClick", 2);
+A([
+  D({ type: String })
+], L.prototype, "href", 2);
+A([
+  D({ reflect: !0 })
+], L.prototype, "target", 1);
+let Yt = L;
 customElements.get("nys-button") || customElements.define("nys-button", Yt);
 var Kt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, Z = (o, t, e, s) => {
   for (var r = s > 1 ? void 0 : s ? Jt(t, e) : t, i = o.length - 1, n; i >= 0; i--)
@@ -2327,7 +2344,7 @@ var Kt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, Z = (o, t,
 };
 let Xt = 0;
 var h1;
-const U = (h1 = class extends v {
+const z = (h1 = class extends v {
   constructor() {
     super(...arguments), this.id = "", this.heading = "", this.icon = "", this.dismissible = !1, this.duration = 0, this.text = "", this.primaryAction = "", this.secondaryAction = "", this.primaryLabel = "Learn more", this.secondaryLabel = "Dismiss", this._alertClosed = !1, this._slotHasContent = !0, this._type = "info", this._timeoutId = null;
   }
@@ -2376,7 +2393,7 @@ const U = (h1 = class extends v {
       })
     );
   }
-  _checkSlotContent() {
+  async _checkSlotContent() {
     var e;
     const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("slot");
     if (t) {
@@ -2386,9 +2403,9 @@ const U = (h1 = class extends v {
           return r.nodeType === Node.ELEMENT_NODE || r.nodeType === Node.TEXT_NODE && ((i = r.textContent) == null ? void 0 : i.trim());
         }
       );
-      this._slotHasContent = s.length > 0;
+      await Promise.resolve(), this._slotHasContent = s.length > 0;
     } else
-      this._slotHasContent = !1;
+      await Promise.resolve(), this._slotHasContent = !1;
   }
   render() {
     var s, r;
@@ -2410,7 +2427,7 @@ const U = (h1 = class extends v {
               ></nys-icon>
             </div>
             <div class="nys-alert__texts">
-              <h4 class="nys-alert__header">${this.heading}</h4>
+              <div class="nys-alert__header">${this.heading}</div>
               ${this._slotHasContent ? h`<slot></slot>` : ((r = this.text) == null ? void 0 : r.trim().length) > 0 ? h`<p class="nys-alert__text">${this.text}</p>` : ""}
               ${this.primaryAction || this.secondaryAction ? h`<div class="nys-alert__actions">
                     ${this.primaryAction ? h`<a
@@ -2460,44 +2477,44 @@ const U = (h1 = class extends v {
 ], h1);
 Z([
   a({ type: String })
-], U.prototype, "id", 2);
+], z.prototype, "id", 2);
 Z([
   a({ type: String })
-], U.prototype, "heading", 2);
+], z.prototype, "heading", 2);
 Z([
   a({ type: String })
-], U.prototype, "icon", 2);
+], z.prototype, "icon", 2);
 Z([
   a({ type: Boolean, reflect: !0 })
-], U.prototype, "dismissible", 2);
+], z.prototype, "dismissible", 2);
 Z([
   a({ type: Number, reflect: !0 })
-], U.prototype, "duration", 2);
+], z.prototype, "duration", 2);
 Z([
   a({ type: String })
-], U.prototype, "text", 2);
+], z.prototype, "text", 2);
 Z([
   a({ type: String })
-], U.prototype, "primaryAction", 2);
+], z.prototype, "primaryAction", 2);
 Z([
   a({ type: String })
-], U.prototype, "secondaryAction", 2);
+], z.prototype, "secondaryAction", 2);
 Z([
   a({ type: String })
-], U.prototype, "primaryLabel", 2);
+], z.prototype, "primaryLabel", 2);
 Z([
   a({ type: String })
-], U.prototype, "secondaryLabel", 2);
+], z.prototype, "secondaryLabel", 2);
 Z([
   x1()
-], U.prototype, "_alertClosed", 2);
+], z.prototype, "_alertClosed", 2);
 Z([
   x1()
-], U.prototype, "_slotHasContent", 2);
+], z.prototype, "_slotHasContent", 2);
 Z([
   a({ reflect: !0 })
-], U.prototype, "type", 1);
-let Qt = U;
+], z.prototype, "type", 1);
+let Qt = z;
 customElements.get("nys-alert") || customElements.define("nys-alert", Qt);
 const te = b`
   :host {
@@ -3068,24 +3085,24 @@ const ne = b`
     user-select: none;
   }
 `;
-var ie = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, H = (o, t, e, s) => {
+var ie = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, V = (o, t, e, s) => {
   for (var r = s > 1 ? void 0 : s ? ae(t, e) : t, i = o.length - 1, n; i >= 0; i--)
     (n = o[i]) && (r = (s ? n(t, e, r) : n(r)) || r);
   return s && r && ie(t, e, r), r;
 };
 let le = 0;
-var z;
-const E = (z = class extends v {
+var U;
+const M = (U = class extends v {
   // allows use of elementInternals' API
   constructor() {
     super(), this.id = "", this.name = "", this._size = "md", this.fullWidth = !1, this._variant = "filled", this.inverted = !1, this.label = "", this.ariaLabel = "", this.prefixIcon = "", this.suffixIcon = "", this.disabled = !1, this.form = "", this.value = "", this._type = "button", this.onClick = () => {
-    }, this.href = "", this._internals = this.attachInternals();
+    }, this.href = "", this._target = "_self", this._internals = this.attachInternals();
   }
   get size() {
     return this._size;
   }
   set size(t) {
-    this._size = z.VALID_SIZES.includes(
+    this._size = U.VALID_SIZES.includes(
       t
     ) ? t : "md";
   }
@@ -3093,7 +3110,7 @@ const E = (z = class extends v {
     return this._variant;
   }
   set variant(t) {
-    this._variant = z.VALID_VARIANTS.includes(
+    this._variant = U.VALID_VARIANTS.includes(
       t
     ) ? t : "filled";
   }
@@ -3101,10 +3118,18 @@ const E = (z = class extends v {
     return this._type;
   }
   set type(t) {
-    this._type = z.VALID_TYPES.includes(
+    this._type = U.VALID_TYPES.includes(
       t
     ) ? t : "button";
   }
+  get target() {
+    return this._target;
+  }
+  set target(t) {
+    this._target = U.VALID_TARGETS.includes(
+      t
+    ) ? t : "_self";
+  }
   connectedCallback() {
     super.connectedCallback(), this.id || (this.id = this._generateUniqueId());
   }
@@ -3158,7 +3183,7 @@ const E = (z = class extends v {
                 form=${p(this.form ? this.form : void 0)}
                 value=${p(this.value ? this.value : void 0)}
                 href=${this.href}
-                target="_blank"
+                target=${this.target}
                 aria-label=${this.ariaLabel || this.label || "button"}
                 @click=${this._handleClick}
                 @focus="${this._handleFocus}"
@@ -3199,61 +3224,70 @@ const E = (z = class extends v {
           `}
     `;
   }
-}, z.VALID_SIZES = ["sm", "md", "lg"], z.VALID_VARIANTS = [
+}, U.VALID_SIZES = ["sm", "md", "lg"], U.VALID_VARIANTS = [
   "filled",
   "outline",
   "ghost",
   "text"
-], z.VALID_TYPES = ["submit", "reset", "button"], z.styles = ne, z.formAssociated = !0, z);
-H([
+], U.VALID_TYPES = ["submit", "reset", "button"], U.VALID_TARGETS = [
+  "_self",
+  "_blank",
+  "_parent",
+  "_top",
+  "framename"
+], U.styles = ne, U.formAssociated = !0, U);
+V([
   a({ type: String })
-], E.prototype, "id", 2);
-H([
+], M.prototype, "id", 2);
+V([
   a({ type: String, reflect: !0 })
-], E.prototype, "name", 2);
-H([
+], M.prototype, "name", 2);
+V([
   a({ reflect: !0 })
-], E.prototype, "size", 1);
-H([
+], M.prototype, "size", 1);
+V([
   a({ type: Boolean, reflect: !0 })
-], E.prototype, "fullWidth", 2);
-H([
+], M.prototype, "fullWidth", 2);
+V([
   a({ reflect: !0 })
-], E.prototype, "variant", 1);
-H([
+], M.prototype, "variant", 1);
+V([
   a({ type: Boolean, reflect: !0 })
-], E.prototype, "inverted", 2);
-H([
+], M.prototype, "inverted", 2);
+V([
   a({ type: String })
-], E.prototype, "label", 2);
-H([
+], M.prototype, "label", 2);
+V([
   a({ type: String })
-], E.prototype, "ariaLabel", 2);
-H([
+], M.prototype, "ariaLabel", 2);
+V([
   a({ type: String })
-], E.prototype, "prefixIcon", 2);
-H([
+], M.prototype, "prefixIcon", 2);
+V([
   a({ type: String })
-], E.prototype, "suffixIcon", 2);
-H([
+], M.prototype, "suffixIcon", 2);
+V([
   a({ type: Boolean, reflect: !0 })
-], E.prototype, "disabled", 2);
-H([
+], M.prototype, "disabled", 2);
+V([
   a({ type: String })
-], E.prototype, "form", 2);
-H([
+], M.prototype, "form", 2);
+V([
   a({ type: String })
-], E.prototype, "value", 2);
-H([
+], M.prototype, "value", 2);
+V([
   a({ reflect: !0 })
-], E.prototype, "type", 1);
-H([
+], M.prototype, "type", 1);
+V([
   a({ type: Function })
-], E.prototype, "onClick", 2);
-H([
+], M.prototype, "onClick", 2);
+V([
   a({ type: String })
-], E.prototype, "href", 2);
-let ce = E;
+], M.prototype, "href", 2);
+V([
+  a({ reflect: !0 })
+], M.prototype, "target", 1);
+let ce = M;
 customElements.get("nys-button") || customElements.define("nys-button", ce);
 const J5 = b`
   :host {
@@ -3579,7 +3613,7 @@ const { is: ye, defineProperty: ue, getOwnPropertyDescriptor: pe, getOwnProperty
       }
   }
   return e;
-} }, q2 = (o, t) => !ye(o, t), k5 = { attribute: !0, type: String, converter: f2, reflect: !1, hasChanged: q2 };
+} }, T2 = (o, t) => !ye(o, t), k5 = { attribute: !0, type: String, converter: f2, reflect: !1, hasChanged: T2 };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), A1.litPropertyMetadata ?? (A1.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let N1 = class extends HTMLElement {
   static addInitializer(t) {
@@ -3706,7 +3740,7 @@ let N1 = class extends HTMLElement {
   }
   requestUpdate(t, e, s) {
     if (t !== void 0) {
-      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? q2)(this[t], e)) return;
+      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? T2)(this[t], e)) return;
       this.P(t, e, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
@@ -3785,7 +3819,7 @@ N1.elementStyles = [], N1.shadowRootOptions = { mode: "open" }, N1[K1("elementPr
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const be = { attribute: !0, type: String, converter: f2, reflect: !1, hasChanged: q2 }, me = (o = be, t, e) => {
+const be = { attribute: !0, type: String, converter: f2, reflect: !1, hasChanged: T2 }, me = (o = be, t, e) => {
   const { kind: s, metadata: r } = e;
   let i = globalThis.litPropertyMetadata.get(r);
   if (i === void 0 && globalThis.litPropertyMetadata.set(r, i = /* @__PURE__ */ new Map()), i.set(e.name, o), s === "accessor") {
@@ -3935,7 +3969,7 @@ customElements.get("nys-label") || customElements.define("nys-label", o2);
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const h2 = globalThis, T2 = h2.ShadowRoot && (h2.ShadyCSS === void 0 || h2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, tt = Symbol(), $5 = /* @__PURE__ */ new WeakMap();
+const h2 = globalThis, q2 = h2.ShadowRoot && (h2.ShadyCSS === void 0 || h2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, tt = Symbol(), $5 = /* @__PURE__ */ new WeakMap();
 let ke = class {
   constructor(t, e, s) {
     if (this._$cssResult$ = !0, s !== tt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -3944,7 +3978,7 @@ let ke = class {
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (T2 && t === void 0) {
+    if (q2 && t === void 0) {
       const s = e !== void 0 && e.length === 1;
       s && (t = $5.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && $5.set(e, t));
     }
@@ -3955,12 +3989,12 @@ let ke = class {
   }
 };
 const $e = (o) => new ke(typeof o == "string" ? o : o + "", void 0, tt), Se = (o, t) => {
-  if (T2) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  if (q2) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const s = document.createElement("style"), r = h2.litNonce;
     r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, o.appendChild(s);
   }
-}, S5 = T2 ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
+}, S5 = q2 ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const s of t.cssRules) e += s.cssText;
   return $e(e);
@@ -4408,6 +4442,7 @@ const G = (X = class extends v {
       role="group"
     >
       <nys-label
+        id=${this.id}
         label=${this.label}
         description=${this.description}
         flag=${this.required ? "required" : this.optional ? "optional" : ""}
@@ -4454,10 +4489,10 @@ o1([
 ], G.prototype, "size", 1);
 let Re = G;
 customElements.get("nys-checkboxgroup") || customElements.define("nys-checkboxgroup", Re);
-var qe = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, I = (o, t, e, s) => {
-  for (var r = s > 1 ? void 0 : s ? Te(t, e) : t, i = o.length - 1, n; i >= 0; i--)
+var Te = Object.defineProperty, qe = Object.getOwnPropertyDescriptor, B = (o, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? qe(t, e) : t, i = o.length - 1, n; i >= 0; i--)
     (n = o[i]) && (r = (s ? n(t, e, r) : n(r)) || r);
-  return s && r && qe(t, e, r), r;
+  return s && r && Te(t, e, r), r;
 };
 let Ne = 0;
 var Q;
@@ -4625,40 +4660,40 @@ const P = (Q = class extends v {
     `;
   }
 }, Q.VALID_SIZES = ["sm", "md"], Q.styles = J5, Q.formAssociated = !0, Q);
-I([
+B([
   a({ type: Boolean, reflect: !0 })
 ], P.prototype, "checked", 2);
-I([
+B([
   a({ type: Boolean, reflect: !0 })
 ], P.prototype, "disabled", 2);
-I([
+B([
   a({ type: Boolean, reflect: !0 })
 ], P.prototype, "required", 2);
-I([
+B([
   a({ type: String })
 ], P.prototype, "label", 2);
-I([
+B([
   a({ type: String })
 ], P.prototype, "description", 2);
-I([
+B([
   a({ type: String })
 ], P.prototype, "id", 2);
-I([
+B([
   a({ type: String, reflect: !0 })
 ], P.prototype, "name", 2);
-I([
+B([
   a({ type: String })
 ], P.prototype, "value", 2);
-I([
+B([
   a({ type: Boolean, reflect: !0 })
 ], P.prototype, "showError", 2);
-I([
+B([
   a({ type: String })
 ], P.prototype, "errorMessage", 2);
-I([
+B([
   a({ type: Boolean })
 ], P.prototype, "groupExist", 2);
-I([
+B([
   a({ reflect: !0 })
 ], P.prototype, "size", 1);
 let je = P;
@@ -5646,7 +5681,7 @@ const et = b`
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
-    margin-bottom: auto; /* Causes centered radio button if single line of label but top aligned if multiline */
+    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 */
@@ -5737,7 +5772,7 @@ var e7 = Object.defineProperty, s7 = Object.getOwnPropertyDescriptor, W = (o, t,
 };
 let r7 = 0;
 var t1;
-const T = (t1 = class extends v {
+const N = (t1 = class extends v {
   // 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();
@@ -5828,6 +5863,7 @@ const T = (t1 = class extends v {
       aria-invalid="${this.showError ? "true" : "false"}"
     >
       <nys-label
+        id=${this.id}
         label=${this.label}
         description=${this.description}
         flag=${this.required ? "required" : this.optional ? "optional" : ""}
@@ -5847,35 +5883,35 @@ const T = (t1 = class extends v {
 }, t1.VALID_SIZES = ["sm", "md"], t1.styles = et, t1.formAssociated = !0, t1);
 W([
   a({ type: String })
-], T.prototype, "id", 2);
+], N.prototype, "id", 2);
 W([
   a({ type: String, reflect: !0 })
-], T.prototype, "name", 2);
+], N.prototype, "name", 2);
 W([
   a({ type: Boolean, reflect: !0 })
-], T.prototype, "required", 2);
+], N.prototype, "required", 2);
 W([
   a({ type: Boolean, reflect: !0 })
-], T.prototype, "optional", 2);
+], N.prototype, "optional", 2);
 W([
   a({ type: Boolean, reflect: !0 })
-], T.prototype, "showError", 2);
+], N.prototype, "showError", 2);
 W([
   a({ type: String })
-], T.prototype, "errorMessage", 2);
+], N.prototype, "errorMessage", 2);
 W([
   a({ type: String })
-], T.prototype, "label", 2);
+], N.prototype, "label", 2);
 W([
   a({ type: String })
-], T.prototype, "description", 2);
+], N.prototype, "description", 2);
 W([
   x1()
-], T.prototype, "selectedValue", 2);
+], N.prototype, "selectedValue", 2);
 W([
   a({ reflect: !0 })
-], T.prototype, "size", 1);
-let o7 = T;
+], N.prototype, "size", 1);
+let o7 = N;
 customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", o7);
 var n7 = Object.defineProperty, i7 = Object.getOwnPropertyDescriptor, n1 = (o, t, e, s) => {
   for (var r = s > 1 ? void 0 : s ? i7(t, e) : t, i = o.length - 1, n; i >= 0; i--)
@@ -6211,7 +6247,7 @@ n2([
   a({ type: Boolean, reflect: !0 })
 ], S1.prototype, "hidden");
 customElements.define("nys-option", S1);
-var d7 = Object.defineProperty, C7 = Object.getOwnPropertyDescriptor, B = (o, t, e, s) => {
+var d7 = Object.defineProperty, C7 = Object.getOwnPropertyDescriptor, R = (o, t, e, s) => {
   for (var r = s > 1 ? void 0 : s ? C7(t, e) : t, i = o.length - 1, n; i >= 0; i--)
     (n = o[i]) && (r = (s ? n(t, e, r) : n(r)) || r);
   return s && r && d7(t, e, r), r;
@@ -6340,6 +6376,7 @@ const O = (e1 = class extends v {
     return h`
       <div class="nys-select">
         <nys-label
+          id=${this.id}
           label=${this.label}
           description=${this.description}
           flag=${this.required ? "required" : this.optional ? "optional" : ""}
@@ -6381,40 +6418,40 @@ const O = (e1 = class extends v {
     `;
   }
 }, e1.VALID_WIDTHS = ["sm", "md", "lg", "full"], e1.styles = c7, e1.formAssociated = !0, e1);
-B([
+R([
   a({ type: String })
 ], O.prototype, "id", 2);
-B([
+R([
   a({ type: String, reflect: !0 })
 ], O.prototype, "name", 2);
-B([
+R([
   a({ type: String })
 ], O.prototype, "label", 2);
-B([
+R([
   a({ type: String })
 ], O.prototype, "description", 2);
-B([
+R([
   a({ type: String })
 ], O.prototype, "value", 2);
-B([
+R([
   a({ type: Boolean, reflect: !0 })
 ], O.prototype, "disabled", 2);
-B([
+R([
   a({ type: Boolean, reflect: !0 })
 ], O.prototype, "required", 2);
-B([
+R([
   a({ type: Boolean, reflect: !0 })
 ], O.prototype, "optional", 2);
-B([
+R([
   a({ type: String })
 ], O.prototype, "form", 2);
-B([
+R([
   a({ type: Boolean, reflect: !0 })
 ], O.prototype, "showError", 2);
-B([
+R([
   a({ type: String })
 ], O.prototype, "errorMessage", 2);
-B([
+R([
   a({ reflect: !0 })
 ], O.prototype, "width", 1);
 let u7 = O;
@@ -6561,14 +6598,14 @@ const p7 = b`
     cursor: not-allowed;
   }
 `;
-var v7 = Object.defineProperty, f7 = Object.getOwnPropertyDescriptor, D = (o, t, e, s) => {
+var v7 = Object.defineProperty, f7 = Object.getOwnPropertyDescriptor, H = (o, t, e, s) => {
   for (var r = s > 1 ? void 0 : s ? f7(t, e) : t, i = o.length - 1, n; i >= 0; i--)
     (n = o[i]) && (r = (s ? n(t, e, r) : n(r)) || r);
   return s && r && v7(t, e, r), r;
 };
 let g7 = 0;
-var R;
-const L = (R = class extends v {
+var T;
+const E = (T = class extends v {
   // allows use of elementInternals' API
   constructor() {
     super(), this.id = "", this.name = "", this.label = "", this.description = "", this.placeholder = "", this.value = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.optional = !1, this.form = "", this.maxlength = null, this.width = "full", this.rows = 4, this._resize = "vertical", this.showError = !1, this.errorMessage = "", this._hasUserInteracted = !1, this._internals = this.attachInternals();
@@ -6577,12 +6614,12 @@ const L = (R = class extends v {
     return this._resize;
   }
   set resize(t) {
-    this._resize = R.VALID_RESIZE.includes(
+    this._resize = T.VALID_RESIZE.includes(
       t
     ) ? t : "vertical";
   }
-  updated(t) {
-    t.has("width") && (this.width = R.VALID_WIDTHS.includes(this.width) ? this.width : "full"), t.has("rows") && (this.rows = this.rows ?? 4);
+  async updated(t) {
+    await Promise.resolve(), t.has("width") && (this.width = T.VALID_WIDTHS.includes(this.width) ? this.width : "full"), t.has("rows") && (this.rows = this.rows ?? 4);
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
@@ -6691,6 +6728,7 @@ const L = (R = class extends v {
     return h`
       <label class="nys-textarea">
         <nys-label
+          id=${this.id}
           label=${this.label}
           description=${this.description}
           flag=${this.required ? "required" : this.optional ? "optional" : ""}
@@ -6728,59 +6766,59 @@ const L = (R = class extends v {
       </label>
     `;
   }
-}, R.VALID_WIDTHS = ["sm", "md", "lg", "full"], R.VALID_RESIZE = ["vertical", "none"], R.styles = p7, R.formAssociated = !0, R);
-D([
+}, T.VALID_WIDTHS = ["sm", "md", "lg", "full"], T.VALID_RESIZE = ["vertical", "none"], T.styles = p7, T.formAssociated = !0, T);
+H([
   a({ type: String })
-], L.prototype, "id", 2);
-D([
+], E.prototype, "id", 2);
+H([
   a({ type: String, reflect: !0 })
-], L.prototype, "name", 2);
-D([
+], E.prototype, "name", 2);
+H([
   a({ type: String })
-], L.prototype, "label", 2);
-D([
+], E.prototype, "label", 2);
+H([
   a({ type: String })
-], L.prototype, "description", 2);
-D([
+], E.prototype, "description", 2);
+H([
   a({ type: String })
-], L.prototype, "placeholder", 2);
-D([
+], E.prototype, "placeholder", 2);
+H([
   a({ type: String })
-], L.prototype, "value", 2);
-D([
+], E.prototype, "value", 2);
+H([
   a({ type: Boolean, reflect: !0 })
-], L.prototype, "disabled", 2);
-D([
+], E.prototype, "disabled", 2);
+H([
   a({ type: Boolean, reflect: !0 })
-], L.prototype, "readonly", 2);
-D([
+], E.prototype, "readonly", 2);
+H([
   a({ type: Boolean, reflect: !0 })
-], L.prototype, "required", 2);
-D([
+], E.prototype, "required", 2);
+H([
   a({ type: Boolean, reflect: !0 })
-], L.prototype, "optional", 2);
-D([
+], E.prototype, "optional", 2);
+H([
   a({ type: String })
-], L.prototype, "form", 2);
-D([
+], E.prototype, "form", 2);
+H([
   a({ type: Number })
-], L.prototype, "maxlength", 2);
-D([
+], E.prototype, "maxlength", 2);
+H([
   a({ reflect: !0 })
-], L.prototype, "width", 2);
-D([
+], E.prototype, "width", 2);
+H([
   a({ type: Number })
-], L.prototype, "rows", 2);
-D([
+], E.prototype, "rows", 2);
+H([
   a({ reflect: !0 })
-], L.prototype, "resize", 1);
-D([
+], E.prototype, "resize", 1);
+H([
   a({ type: Boolean, reflect: !0 })
-], L.prototype, "showError", 2);
-D([
+], E.prototype, "showError", 2);
+H([
   a({ type: String })
-], L.prototype, "errorMessage", 2);
-let _7 = L;
+], E.prototype, "errorMessage", 2);
+let _7 = E;
 customElements.get("nys-textarea") || customElements.define("nys-textarea", _7);
 const b7 = b`
   :host {
@@ -6963,8 +7001,8 @@ const f = (q = class extends v {
     ) ? t : "text";
   }
   // Ensure the "width" property is valid after updates
-  updated(t) {
-    t.has("width") && (this.width = q.VALID_WIDTHS.includes(this.width) ? this.width : "full");
+  async updated(t) {
+    t.has("width") && (await Promise.resolve(), this.width = q.VALID_WIDTHS.includes(this.width) ? this.width : "full");
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
@@ -7056,6 +7094,7 @@ const f = (q = class extends v {
     return h`
       <div class="nys-textinput">
         <nys-label
+          id=${this.id}
           label=${this.label}
           description=${this.description}
           flag=${this.required ? "required" : this.optional ? "optional" : ""}
@@ -7462,7 +7501,7 @@ var S7 = Object.defineProperty, L7 = Object.getOwnPropertyDescriptor, K = (o, t,
 };
 let M7 = 0;
 var s1;
-const N = (s1 = class extends v {
+const j = (s1 = class extends v {
   // allows use of elementInternals' API
   constructor() {
     super(), this.id = "", this.name = "", this.value = "", this.checked = !1, this.disabled = !1, this.noIcon = !1, this.label = "", this.description = "", this._size = "md", this.form = "", this._internals = this.attachInternals();
@@ -7554,35 +7593,35 @@ const N = (s1 = class extends v {
 }, s1.VALID_SIZES = ["sm", "md"], s1.styles = $7, s1.formAssociated = !0, s1);
 K([
   a({ type: String })
-], N.prototype, "id", 2);
+], j.prototype, "id", 2);
 K([
   a({ type: String, reflect: !0 })
-], N.prototype, "name", 2);
+], j.prototype, "name", 2);
 K([
   a({ type: String })
-], N.prototype, "value", 2);
+], j.prototype, "value", 2);
 K([
   a({ type: Boolean, reflect: !0 })
-], N.prototype, "checked", 2);
+], j.prototype, "checked", 2);
 K([
   a({ type: Boolean, reflect: !0 })
-], N.prototype, "disabled", 2);
+], j.prototype, "disabled", 2);
 K([
   a({ type: Boolean })
-], N.prototype, "noIcon", 2);
+], j.prototype, "noIcon", 2);
 K([
   a({ type: String })
-], N.prototype, "label", 2);
+], j.prototype, "label", 2);
 K([
   a({ type: String })
-], N.prototype, "description", 2);
+], j.prototype, "description", 2);
 K([
   a({ reflect: !0 })
-], N.prototype, "size", 1);
+], j.prototype, "size", 1);
 K([
   a({ type: String })
-], N.prototype, "form", 2);
-let E7 = N;
+], j.prototype, "form", 2);
+let E7 = j;
 customElements.get("nys-toggle") || customElements.define("nys-toggle", E7);
 const D7 = b`
   :host {
@@ -8199,7 +8238,7 @@ F1.elementStyles = [], F1.shadowRootOptions = { mode: "open" }, F1[X1("elementPr
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q7 = { attribute: !0, type: String, converter: _2, reflect: !1, hasChanged: Y2 }, T7 = (o = q7, t, e) => {
+const T7 = { attribute: !0, type: String, converter: _2, reflect: !1, hasChanged: Y2 }, q7 = (o = T7, t, e) => {
   const { kind: s, metadata: r } = e;
   let i = globalThis.litPropertyMetadata.get(r);
   if (i === void 0 && globalThis.litPropertyMetadata.set(r, i = /* @__PURE__ */ new Map()), i.set(e.name, o), s === "accessor") {
@@ -8221,7 +8260,7 @@ const q7 = { attribute: !0, type: String, converter: _2, reflect: !1, hasChanged
   throw Error("Unsupported decorator location: " + s);
 };
 function w(o) {
-  return (t, e) => typeof e == "object" ? T7(o, t, e) : ((s, r, i) => {
+  return (t, e) => typeof e == "object" ? q7(o, t, e) : ((s, r, i) => {
     const n = r.hasOwnProperty(i);
     return r.constructor.createProperty(i, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(r, i) : void 0;
   })(o, t, e);
@@ -8648,8 +8687,8 @@ const g = (a1 = class extends v {
     ) ? o : "text";
   }
   // Ensure the "width" property is valid after updates
-  updated(o) {
-    o.has("width") && (this.width = a1.VALID_WIDTHS.includes(this.width) ? this.width : "full");
+  async updated(o) {
+    o.has("width") && (await Promise.resolve(), this.width = a1.VALID_WIDTHS.includes(this.width) ? this.width : "full");
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
@@ -8741,6 +8780,7 @@ const g = (a1 = class extends v {
     return h`
       <div class="nys-textinput">
         <nys-label
+          id=${this.id}
           label=${this.label}
           description=${this.description}
           flag=${this.required ? "required" : this.optional ? "optional" : ""}
@@ -9442,12 +9482,12 @@ const t5 = class t5 extends v {
   }
   /******************** Functions ********************/
   // Gets called when the slot content changes and directly appends the slotted elements into the shadow DOM
-  _handleSlotChange() {
+  async _handleSlotChange() {
     var i, n, l;
     const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot");
     if (!t) return;
     const e = t == null ? void 0 : t.assignedNodes({ flatten: !0 }).filter((c) => c.nodeType === Node.ELEMENT_NODE);
-    this.slotHasContent = e.length > 0;
+    await Promise.resolve(), this.slotHasContent = e.length > 0;
     const s = (n = this.shadowRoot) == null ? void 0 : n.querySelector(
       ".nys-globalheader__content"
     ), r = (l = this.shadowRoot) == null ? void 0 : l.querySelector(
@@ -9719,12 +9759,12 @@ const e5 = class e5 extends v {
   }
   /******************** Functions ********************/
   // Gets called when the slot content changes and directly appends the slotted elements into the shadow DOM
-  _handleSlotChange() {
+  async _handleSlotChange() {
     var i, n;
     const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector("slot");
     if (!t) return;
     const e = t == null ? void 0 : t.assignedNodes({ flatten: !0 }).filter((l) => l.nodeType === Node.ELEMENT_NODE);
-    this.slotHasContent = e.length > 0;
+    await Promise.resolve(), this.slotHasContent = e.length > 0;
     const s = (n = this.shadowRoot) == null ? void 0 : n.querySelector(
       ".nys-globalfooter__content"
     ), r = e == null ? void 0 : e.some(