@nysds/nys-alert 1.0.0 → 1.1.0

package/dist/nys-alert.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/nys-alert.js

@@ -4,7 +4,7 @@ import { css as L1, LitElement as x1, html as d } from "lit";
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
    * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
    * 
-   * Alert Component v1.0.0
+   * Alert Component v1.1.0
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -14,7 +14,7 @@ import { css as L1, LitElement as x1, html as d } from "lit";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const h1 = globalThis, z1 = h1.ShadowRoot && (h1.ShadyCSS === void 0 || h1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, $5 = Symbol(), q1 = /* @__PURE__ */ new WeakMap();
+const h1 = globalThis, k1 = h1.ShadowRoot && (h1.ShadyCSS === void 0 || h1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, $5 = Symbol(), q1 = /* @__PURE__ */ new WeakMap();
 let T5 = class {
   constructor(t, e, o) {
     if (this._$cssResult$ = !0, o !== $5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -23,7 +23,7 @@ let T5 = class {
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (z1 && t === void 0) {
+    if (k1 && t === void 0) {
       const o = e !== void 0 && e.length === 1;
       o && (t = q1.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && q1.set(e, t));
     }
@@ -34,12 +34,12 @@ let T5 = class {
   }
 };
 const N5 = (s) => new T5(typeof s == "string" ? s : s + "", void 0, $5), R5 = (s, t) => {
-  if (z1) s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  if (k1) s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const o = document.createElement("style"), r = h1.litNonce;
     r !== void 0 && o.setAttribute("nonce", r), o.textContent = e.cssText, s.appendChild(o);
   }
-}, W1 = z1 ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+}, W1 = k1 ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const o of t.cssRules) e += o.cssText;
   return N5(e);
@@ -49,10 +49,10 @@ const N5 = (s) => new T5(typeof s == "string" ? s : s + "", void 0, $5), R5 = (s
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: I5, defineProperty: j5, getOwnPropertyDescriptor: D5, getOwnPropertyNames: q5, getOwnPropertySymbols: W5, getPrototypeOf: F5 } = Object, Z = globalThis, F1 = Z.trustedTypes, J5 = F1 ? F1.emptyScript : "", A1 = Z.reactiveElementPolyfillSupport, e1 = (s, t) => s, u1 = { toAttribute(s, t) {
+const { is: I5, defineProperty: j5, getOwnPropertyDescriptor: D5, getOwnPropertyNames: q5, getOwnPropertySymbols: W5, getPrototypeOf: F5 } = Object, Z = globalThis, F1 = Z.trustedTypes, Y5 = F1 ? F1.emptyScript : "", A1 = Z.reactiveElementPolyfillSupport, e1 = (s, t) => s, u1 = { toAttribute(s, t) {
   switch (t) {
     case Boolean:
-      s = s ? J5 : null;
+      s = s ? Y5 : null;
       break;
     case Object:
     case Array:
@@ -77,7 +77,7 @@ const { is: I5, defineProperty: j5, getOwnPropertyDescriptor: D5, getOwnProperty
       }
   }
   return e;
-} }, k1 = (s, t) => !I5(s, t), J1 = { attribute: !0, type: String, converter: u1, reflect: !1, hasChanged: k1 };
+} }, z1 = (s, t) => !I5(s, t), Y1 = { attribute: !0, type: String, converter: u1, reflect: !1, hasChanged: z1 };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Z.litPropertyMetadata ?? (Z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class F extends HTMLElement {
   static addInitializer(t) {
@@ -86,7 +86,7 @@ class F extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = J1) {
+  static createProperty(t, e = Y1) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
       const o = Symbol(), r = this.getPropertyDescriptor(t, o, e);
       r !== void 0 && j5(this.prototype, t, r);
@@ -106,7 +106,7 @@ class F extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? J1;
+    return this.elementProperties.get(t) ?? Y1;
   }
   static _$Ei() {
     if (this.hasOwnProperty(e1("elementProperties"))) return;
@@ -204,7 +204,7 @@ class F extends HTMLElement {
   }
   requestUpdate(t, e, o) {
     if (t !== void 0) {
-      if (o ?? (o = this.constructor.getPropertyOptions(t)), !(o.hasChanged ?? k1)(this[t], e)) return;
+      if (o ?? (o = this.constructor.getPropertyOptions(t)), !(o.hasChanged ?? z1)(this[t], e)) return;
       this.P(t, e, o);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
@@ -283,7 +283,7 @@ F.elementStyles = [], F.shadowRootOptions = { mode: "open" }, F[e1("elementPrope
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Y5 = { attribute: !0, type: String, converter: u1, reflect: !1, hasChanged: k1 }, K5 = (s = Y5, t, e) => {
+const J5 = { attribute: !0, type: String, converter: u1, reflect: !1, hasChanged: z1 }, K5 = (s = J5, t, e) => {
   const { kind: o, metadata: r } = e;
   let n = globalThis.litPropertyMetadata.get(r);
   if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), n.set(e.name, s), o === "accessor") {
@@ -426,7 +426,7 @@ const G5 = L1`
   }
 
   /* For HTML elements put into the slot */
-  ::slotted(p) {
+  ::slotted(*) {
     font-weight: var(--_nys-alert-font-weight-regular);
     margin: 0;
   }
@@ -524,22 +524,22 @@ const G5 = L1`
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const o1 = globalThis, f1 = o1.trustedTypes, Y1 = f1 ? f1.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, x5 = "$lit$", M = `lit$${Math.random().toFixed(9).slice(2)}$`, M5 = "?" + M, X5 = `<${M5}>`, U = document, y1 = () => U.createComment(""), i1 = (s) => s === null || typeof s != "object" && typeof s != "function", B1 = Array.isArray, Q5 = (s) => B1(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", V1 = `[ 	
-\f\r]`, J = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, K1 = /-->/g, G1 = />/g, V = RegExp(`>|${V1}(?:([^\\s"'>=/]+)(${V1}*=${V1}*(?:[^ 	
+const o1 = globalThis, f1 = o1.trustedTypes, J1 = f1 ? f1.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, x5 = "$lit$", M = `lit$${Math.random().toFixed(9).slice(2)}$`, M5 = "?" + M, X5 = `<${M5}>`, U = document, y1 = () => U.createComment(""), i1 = (s) => s === null || typeof s != "object" && typeof s != "function", B1 = Array.isArray, Q5 = (s) => B1(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", V1 = `[ 	
+\f\r]`, Y = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, K1 = /-->/g, G1 = />/g, V = RegExp(`>|${V1}(?:([^\\s"'>=/]+)(${V1}*=${V1}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), X1 = /'/g, Q1 = /"/g, H5 = /^(?:script|style|textarea|title)$/i, C1 = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), t5 = /* @__PURE__ */ new WeakMap(), E = U.createTreeWalker(U, 129);
 function Z5(s, t) {
   if (!B1(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Y1 !== void 0 ? Y1.createHTML(t) : t;
+  return J1 !== void 0 ? J1.createHTML(t) : t;
 }
 const t2 = (s, t) => {
   const e = s.length - 1, o = [];
-  let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = J;
+  let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = Y;
   for (let l = 0; l < e; l++) {
     const C = s[l];
     let c, h, a = -1, p = 0;
-    for (; p < C.length && (i.lastIndex = p, h = i.exec(C), h !== null); ) p = i.lastIndex, i === J ? h[1] === "!--" ? i = K1 : h[1] !== void 0 ? i = G1 : h[2] !== void 0 ? (H5.test(h[2]) && (r = RegExp("</" + h[2], "g")), i = V) : h[3] !== void 0 && (i = V) : i === V ? h[0] === ">" ? (i = r ?? J, a = -1) : h[1] === void 0 ? a = -2 : (a = i.lastIndex - h[2].length, c = h[1], i = h[3] === void 0 ? V : h[3] === '"' ? Q1 : X1) : i === Q1 || i === X1 ? i = V : i === K1 || i === G1 ? i = J : (i = V, r = void 0);
+    for (; p < C.length && (i.lastIndex = p, h = i.exec(C), h !== null); ) p = i.lastIndex, i === Y ? h[1] === "!--" ? i = K1 : h[1] !== void 0 ? i = G1 : h[2] !== void 0 ? (H5.test(h[2]) && (r = RegExp("</" + h[2], "g")), i = V) : h[3] !== void 0 && (i = V) : i === V ? h[0] === ">" ? (i = r ?? Y, a = -1) : h[1] === void 0 ? a = -2 : (a = i.lastIndex - h[2].length, c = h[1], i = h[3] === void 0 ? V : h[3] === '"' ? Q1 : X1) : i === Q1 || i === X1 ? i = V : i === K1 || i === G1 ? i = Y : (i = V, r = void 0);
     const f = i === V && s[l + 1].startsWith("/>") ? " " : "";
-    n += i === J ? C + X5 : a >= 0 ? (o.push(c), C.slice(0, a) + x5 + C.slice(a) + M + f) : C + M + (a === -2 ? l : f);
+    n += i === Y ? C + X5 : a >= 0 ? (o.push(c), C.slice(0, a) + x5 + C.slice(a) + M + f) : C + M + (a === -2 ? l : f);
   }
   return [Z5(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
 };
@@ -556,8 +556,8 @@ let U1 = class A5 {
     for (; (r = E.nextNode()) !== null && C.length < l; ) {
       if (r.nodeType === 1) {
         if (r.hasAttributes()) for (const a of r.getAttributeNames()) if (a.endsWith(x5)) {
-          const p = h[i++], f = r.getAttribute(a).split(M), $ = /([.?@])?(.*)/.exec(p);
-          C.push({ type: 1, index: n, name: $[2], strings: f, ctor: $[1] === "." ? o2 : $[1] === "?" ? s2 : $[1] === "@" ? r2 : M1 }), r.removeAttribute(a);
+          const p = h[i++], f = r.getAttribute(a).split(M), L = /([.?@])?(.*)/.exec(p);
+          C.push({ type: 1, index: n, name: L[2], strings: f, ctor: L[1] === "." ? o2 : L[1] === "?" ? s2 : L[1] === "@" ? r2 : M1 }), r.removeAttribute(a);
         } else a.startsWith(M) && (C.push({ type: 6, index: n }), r.removeAttribute(a));
         if (H5.test(r.tagName)) {
           const a = r.textContent.split(M), p = a.length - 1;
@@ -751,7 +751,7 @@ const E1 = (s) => s ?? v;
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
    * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
    * 
-   * Icon Component v1.0.0
+   * Icon Component v1.1.0
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -826,7 +826,7 @@ const { is: a2, defineProperty: c2, getOwnPropertyDescriptor: h2, getOwnProperty
   return e;
 } }, T1 = (s, t) => !a2(s, t), n5 = { attribute: !0, type: String, converter: g1, reflect: !1, hasChanged: T1 };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), T.litPropertyMetadata ?? (T.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let Y = class extends HTMLElement {
+let J = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
@@ -1024,7 +1024,7 @@ let Y = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-Y.elementStyles = [], Y.shadowRootOptions = { mode: "open" }, Y[s1("elementProperties")] = /* @__PURE__ */ new Map(), Y[s1("finalized")] = /* @__PURE__ */ new Map(), r5 == null || r5({ ReactiveElement: Y }), (T.reactiveElementVersions ?? (T.reactiveElementVersions = [])).push("2.0.4");
+J.elementStyles = [], J.shadowRootOptions = { mode: "open" }, J[s1("elementProperties")] = /* @__PURE__ */ new Map(), J[s1("finalized")] = /* @__PURE__ */ new Map(), r5 == null || r5({ ReactiveElement: J }), (T.reactiveElementVersions ?? (T.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -1358,7 +1358,7 @@ var _2 = Object.defineProperty, b2 = Object.getOwnPropertyDescriptor, D = (s, t,
     (i = s[n]) && (r = (o ? i(t, e, r) : i(r)) || r);
   return o && r && _2(t, e, r), r;
 }, K;
-const k = (K = class extends x1 {
+const z = (K = class extends x1 {
   constructor() {
     super(...arguments), this.name = "", this.label = "", this.rotate = "0", this.flip = "", this.color = "", this._size = "sm";
   }
@@ -1399,23 +1399,23 @@ const k = (K = class extends x1 {
 ], K);
 D([
   j({ type: String })
-], k.prototype, "name", 2);
+], z.prototype, "name", 2);
 D([
   j({ type: String })
-], k.prototype, "label", 2);
+], z.prototype, "label", 2);
 D([
   j({ type: String })
-], k.prototype, "rotate", 2);
+], z.prototype, "rotate", 2);
 D([
   j({ type: String })
-], k.prototype, "flip", 2);
+], z.prototype, "flip", 2);
 D([
   j({ type: String })
-], k.prototype, "color", 2);
+], z.prototype, "color", 2);
 D([
   j({ reflect: !0 })
-], k.prototype, "size", 1);
-let m2 = k;
+], z.prototype, "size", 1);
+let m2 = z;
 customElements.get("nys-icon") || customElements.define("nys-icon", m2);
 /*!
    * 
@@ -1423,7 +1423,7 @@ customElements.get("nys-icon") || customElements.define("nys-icon", m2);
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
    * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
    * 
-   * Button Component v1.0.0
+   * Button Component v1.1.0
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -1729,7 +1729,7 @@ function g(s) {
     return r.constructor.createProperty(n, i ? { ...o, wrapped: !0 } : o), i ? Object.getOwnPropertyDescriptor(r, n) : void 0;
   })(s, t, e);
 }
-const z2 = L1`
+const k2 = L1`
   :host {
     /* Anything that can be overridden should be defined here */
 
@@ -2059,7 +2059,7 @@ const z2 = L1`
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
    * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
    * 
-   * Icon Component v1.0.0
+   * Icon Component v1.1.0
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -2070,7 +2070,7 @@ const z2 = L1`
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const v1 = globalThis, I1 = v1.ShadowRoot && (v1.ShadyCSS === void 0 || v1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, U5 = Symbol(), h5 = /* @__PURE__ */ new WeakMap();
-let k2 = class {
+let z2 = class {
   constructor(s, t, e) {
     if (this._$cssResult$ = !0, e !== U5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = s, this.t = t;
@@ -2088,7 +2088,7 @@ let k2 = class {
     return this.cssText;
   }
 };
-const B2 = (s) => new k2(typeof s == "string" ? s : s + "", void 0, U5), O2 = (s, t) => {
+const B2 = (s) => new z2(typeof s == "string" ? s : s + "", void 0, U5), O2 = (s, t) => {
   if (I1) s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const o = document.createElement("style"), r = v1.litNonce;
@@ -2365,7 +2365,7 @@ function q(s) {
     return r.constructor.createProperty(n, i ? { ...o, wrapped: !0 } : o), i ? Object.getOwnPropertyDescriptor(r, n) : void 0;
   })(s, t, e);
 }
-const J2 = {
+const Y2 = {
   // --------- UX Team Main Library (below) --------- //
   // *** CORE *** //
   account_circle: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
@@ -2564,7 +2564,7 @@ const J2 = {
   lock_filled: `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="23" viewBox="0 0 18 23" fill="none">
   <path d="M3.30002 22.7751C2.43369 22.7751 1.69211 22.4667 1.07527 21.8498C0.458441 21.2328 0.150024 20.4913 0.150024 19.6251V10.2251C0.150024 9.35893 0.458441 8.61735 1.07527 8.00035C1.69211 7.38351 2.43369 7.0751 3.30002 7.0751H3.62502V5.8001C3.62502 4.28343 4.14586 2.99593 5.18752 1.9376C6.22919 0.879264 7.50002 0.350098 9.00002 0.350098C10.5 0.350098 11.7709 0.879264 12.8125 1.9376C13.8542 2.99593 14.375 4.28343 14.375 5.8001V7.0751H14.7C15.5662 7.0751 16.3078 7.38351 16.9248 8.00035C17.5416 8.61735 17.85 9.35893 17.85 10.2251V19.6251C17.85 20.4913 17.5416 21.2328 16.9248 21.8498C16.3078 22.4667 15.5662 22.7751 14.7 22.7751H3.30002ZM9.00002 16.9251C9.55002 16.9251 10.0209 16.7293 10.4125 16.3376C10.8042 15.9459 11 15.4751 11 14.9251C11 14.3751 10.8042 13.9043 10.4125 13.5126C10.0209 13.1209 9.55002 12.9251 9.00002 12.9251C8.45002 12.9251 7.97919 13.1209 7.58752 13.5126C7.19586 13.9043 7.00002 14.3751 7.00002 14.9251C7.00002 15.4751 7.19586 15.9459 7.58752 16.3376C7.97919 16.7293 8.45002 16.9251 9.00002 16.9251ZM6.77502 7.0751H11.225V5.8001C11.225 5.16126 11.0125 4.61818 10.5875 4.17085C10.1625 3.72368 9.63336 3.5001 9.00002 3.5001C8.36669 3.5001 7.83752 3.72368 7.41252 4.17085C6.98752 4.61818 6.77502 5.16126 6.77502 5.8001V7.0751Z" fill="var(--nys-icon-color, currentcolor)"/>
 </svg>`
-}, Y2 = L1`
+}, J2 = L1`
   :host {
     display: inline-block;
     --_nys-icon-size: 0.7em; /* If cap isn't supported, a fallback value of 0.7em is used, as it closely approximates the height of capital letters in most fonts. */
@@ -2679,7 +2679,7 @@ const B = (Q = class extends x1 {
     ) ? s : "sm";
   }
   getIcon() {
-    const s = J2[this.name], t = !!this.label;
+    const s = Y2[this.name], t = !!this.label;
     if (!s) return null;
     const e = new DOMParser().parseFromString(s, "image/svg+xml").documentElement;
     return e instanceof SVGElement ? (e.setAttribute("role", "img"), e.setAttribute("aria-label", t ? this.label : ""), e.setAttribute("aria-hidden", t ? "false" : "true"), e.style.rotate = `${this.rotate}deg`, e.style.color = this.color || "currentcolor", e.classList.add(`nys-icon--${this.size}`), e.classList.add("nys-icon--svg"), this.flip && e.classList.add(`nys-icon--flip-${this.flip}`), e) : null;
@@ -2688,7 +2688,7 @@ const B = (Q = class extends x1 {
     const s = this.getIcon();
     return s ? d`${s}` : null;
   }
-}, Q.styles = Y2, Q.VALID_TYPES = [
+}, Q.styles = J2, Q.VALID_TYPES = [
   "2xs",
   "xs",
   "sm",
@@ -2730,9 +2730,9 @@ customElements.get("nys-icon") || customElements.define("nys-icon", X2);
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b1 = globalThis, m1 = b1.trustedTypes, f5 = m1 ? m1.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, z5 = "$lit$", H = `lit$${Math.random().toFixed(9).slice(2)}$`, k5 = "?" + H, Q2 = `<${k5}>`, z = document, $1 = () => z.createComment(""), l1 = (s) => s === null || typeof s != "object" && typeof s != "function", D1 = Array.isArray, t7 = (s) => D1(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", P1 = `[ 	
+const b1 = globalThis, m1 = b1.trustedTypes, f5 = m1 ? m1.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, k5 = "$lit$", H = `lit$${Math.random().toFixed(9).slice(2)}$`, z5 = "?" + H, Q2 = `<${z5}>`, k = document, $1 = () => k.createComment(""), l1 = (s) => s === null || typeof s != "object" && typeof s != "function", D1 = Array.isArray, t7 = (s) => D1(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", P1 = `[ 	
 \f\r]`, t1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, y5 = /-->/g, g5 = />/g, S = RegExp(`>|${P1}(?:([^\\s"'>=/]+)(${P1}*=${P1}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), w5 = /'/g, _5 = /"/g, B5 = /^(?:script|style|textarea|title)$/i, a1 = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), b5 = /* @__PURE__ */ new WeakMap(), P = z.createTreeWalker(z, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), w5 = /'/g, _5 = /"/g, B5 = /^(?:script|style|textarea|title)$/i, a1 = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), b5 = /* @__PURE__ */ new WeakMap(), P = k.createTreeWalker(k, 129);
 function O5(s, t) {
   if (!D1(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return f5 !== void 0 ? f5.createHTML(t) : t;
@@ -2745,7 +2745,7 @@ const e7 = (s, t) => {
     let c, h, a = -1, p = 0;
     for (; p < C.length && (i.lastIndex = p, h = i.exec(C), h !== null); ) p = i.lastIndex, i === t1 ? h[1] === "!--" ? i = y5 : h[1] !== void 0 ? i = g5 : h[2] !== void 0 ? (B5.test(h[2]) && (r = RegExp("</" + h[2], "g")), i = S) : h[3] !== void 0 && (i = S) : i === S ? h[0] === ">" ? (i = r ?? t1, a = -1) : h[1] === void 0 ? a = -2 : (a = i.lastIndex - h[2].length, c = h[1], i = h[3] === void 0 ? S : h[3] === '"' ? _5 : w5) : i === _5 || i === w5 ? i = S : i === y5 || i === g5 ? i = t1 : (i = S, r = void 0);
     const f = i === S && s[l + 1].startsWith("/>") ? " " : "";
-    n += i === t1 ? C + Q2 : a >= 0 ? (o.push(c), C.slice(0, a) + z5 + C.slice(a) + H + f) : C + H + (a === -2 ? l : f);
+    n += i === t1 ? C + Q2 : a >= 0 ? (o.push(c), C.slice(0, a) + k5 + C.slice(a) + H + f) : C + H + (a === -2 ? l : f);
   }
   return [O5(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
 };
@@ -2761,9 +2761,9 @@ class c1 {
     }
     for (; (r = P.nextNode()) !== null && C.length < l; ) {
       if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const a of r.getAttributeNames()) if (a.endsWith(z5)) {
-          const p = h[i++], f = r.getAttribute(a).split(H), $ = /([.?@])?(.*)/.exec(p);
-          C.push({ type: 1, index: n, name: $[2], strings: f, ctor: $[1] === "." ? s7 : $[1] === "?" ? r7 : $[1] === "@" ? n7 : Z1 }), r.removeAttribute(a);
+        if (r.hasAttributes()) for (const a of r.getAttributeNames()) if (a.endsWith(k5)) {
+          const p = h[i++], f = r.getAttribute(a).split(H), L = /([.?@])?(.*)/.exec(p);
+          C.push({ type: 1, index: n, name: L[2], strings: f, ctor: L[1] === "." ? s7 : L[1] === "?" ? r7 : L[1] === "@" ? n7 : Z1 }), r.removeAttribute(a);
         } else a.startsWith(H) && (C.push({ type: 6, index: n }), r.removeAttribute(a));
         if (B5.test(r.tagName)) {
           const a = r.textContent.split(H), p = a.length - 1;
@@ -2773,7 +2773,7 @@ class c1 {
             r.append(a[p], $1());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === k5) C.push({ type: 2, index: n });
+      } else if (r.nodeType === 8) if (r.data === z5) C.push({ type: 2, index: n });
       else {
         let a = -1;
         for (; (a = r.data.indexOf(H, a + 1)) !== -1; ) C.push({ type: 7, index: n }), a += H.length - 1;
@@ -2782,7 +2782,7 @@ class c1 {
     }
   }
   static createElement(t, e) {
-    const o = z.createElement("template");
+    const o = k.createElement("template");
     return o.innerHTML = t, o;
   }
 }
@@ -2804,7 +2804,7 @@ class o7 {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: o } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? z).importNode(e, !0);
+    const { el: { content: e }, parts: o } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? k).importNode(e, !0);
     P.currentNode = r;
     let n = P.nextNode(), i = 0, l = 0, C = o[0];
     for (; C !== void 0; ) {
@@ -2814,7 +2814,7 @@ class o7 {
       }
       i !== (C == null ? void 0 : C.index) && (n = P.nextNode(), i++);
     }
-    return P.currentNode = z, r;
+    return P.currentNode = k, r;
   }
   p(t) {
     let e = 0;
@@ -2850,7 +2850,7 @@ class H1 {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== u && l1(this._$AH) ? this._$AA.nextSibling.data = t : this.T(z.createTextNode(t)), this._$AH = t;
+    this._$AH !== u && l1(this._$AH) ? this._$AA.nextSibling.data = t : this.T(k.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var e;
@@ -2964,17 +2964,18 @@ var C7 = Object.defineProperty, l7 = Object.getOwnPropertyDescriptor, w = (s, t,
   return o && r && C7(t, e, r), r;
 };
 let a7 = 0;
-var L;
-const y = (L = class extends x1 {
+var $;
+const y = ($ = class extends x1 {
+  // allows use of elementInternals' API
   constructor() {
-    super(...arguments), this.id = "", this.name = "", this._size = "md", this.fullWidth = !1, this._variant = "filled", this.inverted = !1, this.label = "", this.prefixIcon = "", this.suffixIcon = "", this.disabled = !1, this.form = "", this.value = "", this._type = "button", this.onClick = () => {
-    }, this.href = "";
+    super(), this.id = "", this.name = "", this._size = "md", this.fullWidth = !1, this._variant = "filled", this.inverted = !1, this.label = "", this.prefixIcon = "", this.suffixIcon = "", this.disabled = !1, this.form = "", this.value = "", this._type = "button", this.onClick = () => {
+    }, this.href = "", this._internals = this.attachInternals();
   }
   get size() {
     return this._size;
   }
   set size(s) {
-    this._size = L.VALID_SIZES.includes(
+    this._size = $.VALID_SIZES.includes(
       s
     ) ? s : "md";
   }
@@ -2982,7 +2983,7 @@ const y = (L = class extends x1 {
     return this._variant;
   }
   set variant(s) {
-    this._variant = L.VALID_VARIANTS.includes(
+    this._variant = $.VALID_VARIANTS.includes(
       s
     ) ? s : "filled";
   }
@@ -2990,11 +2991,10 @@ const y = (L = class extends x1 {
     return this._type;
   }
   set type(s) {
-    this._type = L.VALID_TYPES.includes(
+    this._type = $.VALID_TYPES.includes(
       s
     ) ? s : "button";
   }
-  /**************** Lifecycle Methods ****************/
   connectedCallback() {
     super.connectedCallback(), this.id || (this.id = this._generateUniqueId());
   }
@@ -3002,6 +3002,20 @@ const y = (L = class extends x1 {
   _generateUniqueId() {
     return `nys-button-${Date.now()}-${a7++}`;
   }
+  _manageFormAction(s) {
+    typeof this.onClick == "function" && this.onClick(s);
+    const t = this._internals.form;
+    if (t)
+      switch (this.type) {
+        case "submit":
+          t.requestSubmit();
+          break;
+        case "reset":
+          t.reset();
+          break;
+      }
+  }
+  /******************** Event Handlers ********************/
   // Handle focus event
   _handleFocus() {
     this.dispatchEvent(new Event("focus"));
@@ -3011,7 +3025,15 @@ const y = (L = class extends x1 {
     this.dispatchEvent(new Event("blur"));
   }
   _handleClick(s) {
-    typeof this.onClick == "function" && this.onClick(s);
+    if (this.disabled) {
+      s.preventDefault();
+      return;
+    }
+    this._manageFormAction(s);
+  }
+  // Handle keydown for keyboard accessibility
+  _handleKeydown(s) {
+    (s.code === "Space" || s.code === "Enter") && (s.preventDefault(), this.disabled || this._manageFormAction(s));
   }
   render() {
     return d`
@@ -3020,10 +3042,11 @@ const y = (L = class extends x1 {
               <a
                 class="nys-button"
                 id=${x(this.id)}
-                name=${x(this.name)}
+                name=${x(this.name ? this.name : void 0)}
                 ?disabled=${this.disabled}
-                form=${x(this.form)}
-                value=${x(this.value)}
+                aria-disabled="${this.disabled ? "true" : "false"}"
+                form=${x(this.form ? this.form : void 0)}
+                value=${x(this.value ? this.value : void 0)}
                 href=${this.href}
                 target="_blank"
                 @click=${this._handleClick}
@@ -3043,14 +3066,15 @@ const y = (L = class extends x1 {
             <button
               class="nys-button"
               id=${x(this.id)}
-              name=${x(this.name)}
+              name=${x(this.name ? this.name : void 0)}
               ?disabled=${this.disabled}
-              form=${x(this.form)}
-              value=${x(this.value)}
+              form=${x(this.form ? this.form : void 0)}
+              value=${x(this.value ? this.value : void 0)}
               type=${this.type}
               @click=${this._handleClick}
               @focus="${this._handleFocus}"
               @blur="${this._handleBlur}"
+              @keydown="${this._handleKeydown}"
             >
               ${this.prefixIcon && this.variant !== "text" ? d`<slot name="prefix-icon">
                     <nys-icon size="16" name=${this.prefixIcon}></nys-icon>
@@ -3063,12 +3087,12 @@ const y = (L = class extends x1 {
           `}
     `;
   }
-}, L.VALID_SIZES = ["sm", "md", "lg"], L.VALID_VARIANTS = [
+}, $.VALID_SIZES = ["sm", "md", "lg"], $.VALID_VARIANTS = [
   "filled",
   "outline",
   "ghost",
   "text"
-], L.VALID_TYPES = ["submit", "reset", "button"], L.styles = z2, L);
+], $.VALID_TYPES = ["submit", "reset", "button"], $.styles = k2, $.formAssociated = !0, $);
 w([
   g({ type: String })
 ], y.prototype, "id", 2);
@@ -3262,10 +3286,10 @@ b([
   m({ type: String })
 ], _.prototype, "icon", 2);
 b([
-  m({ type: Boolean })
+  m({ type: Boolean, reflect: !0 })
 ], _.prototype, "dismissible", 2);
 b([
-  m({ type: Number })
+  m({ type: Number, reflect: !0 })
 ], _.prototype, "duration", 2);
 b([
   m({ type: String })