@nysds/nys-textinput 1.3.0 → 1.5.0

package/dist/nys-textinput.js

@@ -1,7 +1,4 @@
-import { css as qt, LitElement as jt, html as x } from "lit";
-import "@nysds/nys-icon";
-import "@nysds/nys-label";
-import "@nysds/nys-errormessage";
+import { css as lt, LitElement as ht, html as F } from "lit";
 /*!
    * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
@@ -17,18 +14,18 @@ import "@nysds/nys-errormessage";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Q = globalThis, ft = Q.ShadowRoot && (Q.ShadyCSS === void 0 || Q.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ft = Symbol(), mt = /* @__PURE__ */ new WeakMap();
-let ne = class {
+const O = globalThis, D = O.ShadowRoot && (O.ShadyCSS === void 0 || O.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, it = Symbol(), Y = /* @__PURE__ */ new WeakMap();
+let dt = class {
   constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== Ft) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== it) 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 (ft && t === void 0) {
+    if (D && t === void 0) {
       const s = e !== void 0 && e.length === 1;
-      s && (t = mt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && mt.set(e, t));
+      s && (t = Y.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && Y.set(e, t));
     }
     return t;
   }
@@ -36,26 +33,26 @@ let ne = class {
     return this.cssText;
   }
 };
-const re = (n) => new ne(typeof n == "string" ? n : n + "", void 0, Ft), ie = (n, t) => {
-  if (ft) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+const ut = (n) => new dt(typeof n == "string" ? n : n + "", void 0, it), ct = (n, t) => {
+  if (D) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const s = document.createElement("style"), o = Q.litNonce;
-    o !== void 0 && s.setAttribute("nonce", o), s.textContent = e.cssText, n.appendChild(s);
+    const s = document.createElement("style"), i = O.litNonce;
+    i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, n.appendChild(s);
   }
-}, xt = ft ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
+}, G = D ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const s of t.cssRules) e += s.cssText;
-  return re(e);
+  return ut(e);
 })(n) : n;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: ae, defineProperty: le, getOwnPropertyDescriptor: he, getOwnPropertyNames: ce, getOwnPropertySymbols: de, getPrototypeOf: ue } = Object, I = globalThis, At = I.trustedTypes, pe = At ? At.emptyScript : "", ct = I.reactiveElementPolyfillSupport, j = (n, t) => n, tt = { toAttribute(n, t) {
+const { is: pt, defineProperty: yt, getOwnPropertyDescriptor: _t, getOwnPropertyNames: ft, getOwnPropertySymbols: vt, getPrototypeOf: bt } = Object, $ = globalThis, J = $.trustedTypes, gt = J ? J.emptyScript : "", z = $.reactiveElementPolyfillSupport, M = (n, t) => n, N = { toAttribute(n, t) {
   switch (t) {
     case Boolean:
-      n = n ? pe : null;
+      n = n ? gt : null;
       break;
     case Object:
     case Array:
@@ -80,57 +77,57 @@ const { is: ae, defineProperty: le, getOwnPropertyDescriptor: he, getOwnProperty
       }
   }
   return e;
-} }, bt = (n, t) => !ae(n, t), wt = { attribute: !0, type: String, converter: tt, reflect: !1, hasChanged: bt };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), I.litPropertyMetadata ?? (I.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class L extends HTMLElement {
+} }, j = (n, t) => !pt(n, t), K = { attribute: !0, type: String, converter: N, reflect: !1, hasChanged: j };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class S extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = wt) {
+  static createProperty(t, e = K) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
-      const s = Symbol(), o = this.getPropertyDescriptor(t, s, e);
-      o !== void 0 && le(this.prototype, t, o);
+      const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
+      i !== void 0 && yt(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, s) {
-    const { get: o, set: i } = he(this.prototype, t) ?? { get() {
+    const { get: i, set: r } = _t(this.prototype, t) ?? { get() {
       return this[e];
-    }, set(r) {
-      this[e] = r;
+    }, set(o) {
+      this[e] = o;
     } };
     return { get() {
-      return o == null ? void 0 : o.call(this);
-    }, set(r) {
-      const l = o == null ? void 0 : o.call(this);
-      i.call(this, r), this.requestUpdate(t, l, s);
+      return i == null ? void 0 : i.call(this);
+    }, set(o) {
+      const l = i == null ? void 0 : i.call(this);
+      r.call(this, o), this.requestUpdate(t, l, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? wt;
+    return this.elementProperties.get(t) ?? K;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(j("elementProperties"))) return;
-    const t = ue(this);
+    if (this.hasOwnProperty(M("elementProperties"))) return;
+    const t = bt(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(j("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(j("properties"))) {
-      const e = this.properties, s = [...ce(e), ...de(e)];
-      for (const o of s) this.createProperty(o, e[o]);
+    if (this.hasOwnProperty(M("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {
+      const e = this.properties, s = [...ft(e), ...vt(e)];
+      for (const i of s) this.createProperty(i, e[i]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
       const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [s, o] of e) this.elementProperties.set(s, o);
+      if (e !== void 0) for (const [s, i] of e) this.elementProperties.set(s, i);
     }
     this._$Eh = /* @__PURE__ */ new Map();
     for (const [e, s] of this.elementProperties) {
-      const o = this._$Eu(e, s);
-      o !== void 0 && this._$Eh.set(o, e);
+      const i = this._$Eu(e, s);
+      i !== void 0 && this._$Eh.set(i, e);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
@@ -138,8 +135,8 @@ class L extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const s = new Set(t.flat(1 / 0).reverse());
-      for (const o of s) e.unshift(xt(o));
-    } else t !== void 0 && e.push(xt(t));
+      for (const i of s) e.unshift(G(i));
+    } else t !== void 0 && e.push(G(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -168,7 +165,7 @@ class L extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return ie(t, this.constructor.elementStyles), t;
+    return ct(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -190,24 +187,24 @@ class L extends HTMLElement {
     this._$AK(t, s);
   }
   _$EC(t, e) {
-    var i;
-    const s = this.constructor.elementProperties.get(t), o = this.constructor._$Eu(t, s);
-    if (o !== void 0 && s.reflect === !0) {
-      const r = (((i = s.converter) == null ? void 0 : i.toAttribute) !== void 0 ? s.converter : tt).toAttribute(e, s.type);
-      this._$Em = t, r == null ? this.removeAttribute(o) : this.setAttribute(o, r), this._$Em = null;
+    var r;
+    const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);
+    if (i !== void 0 && s.reflect === !0) {
+      const o = (((r = s.converter) == null ? void 0 : r.toAttribute) !== void 0 ? s.converter : N).toAttribute(e, s.type);
+      this._$Em = t, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
     }
   }
   _$AK(t, e) {
-    var i;
-    const s = this.constructor, o = s._$Eh.get(t);
-    if (o !== void 0 && this._$Em !== o) {
-      const r = s.getPropertyOptions(o), l = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((i = r.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? r.converter : tt;
-      this._$Em = o, this[o] = l.fromAttribute(e, r.type), this._$Em = null;
+    var r;
+    const s = this.constructor, i = s._$Eh.get(t);
+    if (i !== void 0 && this._$Em !== i) {
+      const o = s.getPropertyOptions(i), l = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((r = o.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? o.converter : N;
+      this._$Em = i, this[i] = l.fromAttribute(e, o.type), this._$Em = null;
     }
   }
   requestUpdate(t, e, s) {
     if (t !== void 0) {
-      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? bt)(this[t], e)) return;
+      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? j)(this[t], e)) return;
       this.P(t, e, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
@@ -233,21 +230,21 @@ class L extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [i, r] of this._$Ep) this[i] = r;
+        for (const [r, o] of this._$Ep) this[r] = o;
         this._$Ep = void 0;
       }
-      const o = this.constructor.elementProperties;
-      if (o.size > 0) for (const [i, r] of o) r.wrapped !== !0 || this._$AL.has(i) || this[i] === void 0 || this.P(i, this[i], r);
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [r, o] of i) o.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], o);
     }
     let t = !1;
     const e = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((o) => {
-        var i;
-        return (i = o.hostUpdate) == null ? void 0 : i.call(o);
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((i) => {
+        var r;
+        return (r = i.hostUpdate) == null ? void 0 : r.call(i);
       }), this.update(e)) : this._$EU();
-    } catch (o) {
-      throw t = !1, this._$EU(), o;
+    } catch (i) {
+      throw t = !1, this._$EU(), i;
     }
     t && this._$AE(e);
   }
@@ -256,8 +253,8 @@ class L extends HTMLElement {
   _$AE(t) {
     var e;
     (e = this._$EO) == null || e.forEach((s) => {
-      var o;
-      return (o = s.hostUpdated) == null ? void 0 : o.call(s);
+      var i;
+      return (i = s.hostUpdated) == null ? void 0 : i.call(s);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$EU() {
@@ -280,37 +277,37 @@ class L extends HTMLElement {
   firstUpdated(t) {
   }
 }
-L.elementStyles = [], L.shadowRootOptions = { mode: "open" }, L[j("elementProperties")] = /* @__PURE__ */ new Map(), L[j("finalized")] = /* @__PURE__ */ new Map(), ct == null || ct({ ReactiveElement: L }), (I.reactiveElementVersions ?? (I.reactiveElementVersions = [])).push("2.0.4");
+S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[M("elementProperties")] = /* @__PURE__ */ new Map(), S[M("finalized")] = /* @__PURE__ */ new Map(), z == null || z({ ReactiveElement: S }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ye = { attribute: !0, type: String, converter: tt, reflect: !1, hasChanged: bt }, fe = (n = ye, t, e) => {
-  const { kind: s, metadata: o } = e;
-  let i = globalThis.litPropertyMetadata.get(o);
-  if (i === void 0 && globalThis.litPropertyMetadata.set(o, i = /* @__PURE__ */ new Map()), i.set(e.name, n), s === "accessor") {
-    const { name: r } = e;
+const $t = { attribute: !0, type: String, converter: N, reflect: !1, hasChanged: j }, mt = (n = $t, t, e) => {
+  const { kind: s, metadata: i } = e;
+  let r = globalThis.litPropertyMetadata.get(i);
+  if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, n), s === "accessor") {
+    const { name: o } = e;
     return { set(l) {
       const a = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(r, a, n);
+      t.set.call(this, l), this.requestUpdate(o, a, n);
     }, init(l) {
-      return l !== void 0 && this.P(r, void 0, n), l;
+      return l !== void 0 && this.P(o, void 0, n), l;
     } };
   }
   if (s === "setter") {
-    const { name: r } = e;
+    const { name: o } = e;
     return function(l) {
-      const a = this[r];
-      t.call(this, l), this.requestUpdate(r, a, n);
+      const a = this[o];
+      t.call(this, l), this.requestUpdate(o, a, n);
     };
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function p(n) {
-  return (t, e) => typeof e == "object" ? fe(n, t, e) : ((s, o, i) => {
-    const r = o.hasOwnProperty(i);
-    return o.constructor.createProperty(i, r ? { ...s, wrapped: !0 } : s), r ? Object.getOwnPropertyDescriptor(o, i) : void 0;
+function u(n) {
+  return (t, e) => typeof e == "object" ? mt(n, t, e) : ((s, i, r) => {
+    const o = i.hasOwnProperty(r);
+    return i.constructor.createProperty(r, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, r) : void 0;
   })(n, t, e);
 }
 /**
@@ -318,10 +315,10 @@ function p(n) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function be(n) {
-  return p({ ...n, state: !0, attribute: !1 });
+function xt(n) {
+  return u({ ...n, state: !0, attribute: !1 });
 }
-const ve = qt`
+const wt = lt`
   :host {
     /* Anything that can be overridden should be defined here */
 
@@ -540,70 +537,70 @@ const ve = qt`
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const F = globalThis, et = F.trustedTypes, St = et ? et.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Wt = "$lit$", P = `lit$${Math.random().toFixed(9).slice(2)}$`, Gt = "?" + P, _e = `<${Gt}>`, O = document, st = () => O.createComment(""), G = (n) => n === null || typeof n != "object" && typeof n != "function", vt = Array.isArray, ge = (n) => vt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", dt = `[ 	
-\f\r]`, V = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Et = /-->/g, Pt = />/g, U = RegExp(`>|${dt}(?:([^\\s"'>=/]+)(${dt}*=${dt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Ct = /'/g, It = /"/g, Kt = /^(?:script|style|textarea|title)$/i, K = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Ut = /* @__PURE__ */ new WeakMap(), M = O.createTreeWalker(O, 129);
-function Zt(n, t) {
-  if (!vt(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return St !== void 0 ? St.createHTML(t) : t;
+const C = globalThis, R = C.trustedTypes, Z = R ? R.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, nt = "$lit$", g = `lit$${Math.random().toFixed(9).slice(2)}$`, rt = "?" + g, At = `<${rt}>`, A = document, k = () => A.createComment(""), U = (n) => n === null || typeof n != "object" && typeof n != "function", W = Array.isArray, Et = (n) => W(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", L = `[ 	
+\f\r]`, P = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Q = /-->/g, X = />/g, m = RegExp(`>|${L}(?:([^\\s"'>=/]+)(${L}*=${L}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), tt = /'/g, et = /"/g, ot = /^(?:script|style|textarea|title)$/i, H = Symbol.for("lit-noChange"), y = Symbol.for("lit-nothing"), st = /* @__PURE__ */ new WeakMap(), w = A.createTreeWalker(A, 129);
+function at(n, t) {
+  if (!W(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Z !== void 0 ? Z.createHTML(t) : t;
 }
-const $e = (n, t) => {
+const St = (n, t) => {
   const e = n.length - 1, s = [];
-  let o, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = V;
+  let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = P;
   for (let l = 0; l < e; l++) {
     const a = n[l];
-    let c, d, h = -1, b = 0;
-    for (; b < a.length && (r.lastIndex = b, d = r.exec(a), d !== null); ) b = r.lastIndex, r === V ? d[1] === "!--" ? r = Et : d[1] !== void 0 ? r = Pt : d[2] !== void 0 ? (Kt.test(d[2]) && (o = RegExp("</" + d[2], "g")), r = U) : d[3] !== void 0 && (r = U) : r === U ? d[0] === ">" ? (r = o ?? V, h = -1) : d[1] === void 0 ? h = -2 : (h = r.lastIndex - d[2].length, c = d[1], r = d[3] === void 0 ? U : d[3] === '"' ? It : Ct) : r === It || r === Ct ? r = U : r === Et || r === Pt ? r = V : (r = U, o = void 0);
-    const m = r === U && n[l + 1].startsWith("/>") ? " " : "";
-    i += r === V ? a + _e : h >= 0 ? (s.push(c), a.slice(0, h) + Wt + a.slice(h) + P + m) : a + P + (h === -2 ? l : m);
+    let p, _, h = -1, v = 0;
+    for (; v < a.length && (o.lastIndex = v, _ = o.exec(a), _ !== null); ) v = o.lastIndex, o === P ? _[1] === "!--" ? o = Q : _[1] !== void 0 ? o = X : _[2] !== void 0 ? (ot.test(_[2]) && (i = RegExp("</" + _[2], "g")), o = m) : _[3] !== void 0 && (o = m) : o === m ? _[0] === ">" ? (o = i ?? P, h = -1) : _[1] === void 0 ? h = -2 : (h = o.lastIndex - _[2].length, p = _[1], o = _[3] === void 0 ? m : _[3] === '"' ? et : tt) : o === et || o === tt ? o = m : o === Q || o === X ? o = P : (o = m, i = void 0);
+    const b = o === m && n[l + 1].startsWith("/>") ? " " : "";
+    r += o === P ? a + At : h >= 0 ? (s.push(p), a.slice(0, h) + nt + a.slice(h) + g + b) : a + g + (h === -2 ? l : b);
   }
-  return [Zt(n, i + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+  return [at(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
-let yt = class Yt {
+class T {
   constructor({ strings: t, _$litType$: e }, s) {
-    let o;
+    let i;
     this.parts = [];
-    let i = 0, r = 0;
-    const l = t.length - 1, a = this.parts, [c, d] = $e(t, e);
-    if (this.el = Yt.createElement(c, s), M.currentNode = this.el.content, e === 2 || e === 3) {
+    let r = 0, o = 0;
+    const l = t.length - 1, a = this.parts, [p, _] = St(t, e);
+    if (this.el = T.createElement(p, s), w.currentNode = this.el.content, e === 2 || e === 3) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
     }
-    for (; (o = M.nextNode()) !== null && a.length < l; ) {
-      if (o.nodeType === 1) {
-        if (o.hasAttributes()) for (const h of o.getAttributeNames()) if (h.endsWith(Wt)) {
-          const b = d[r++], m = o.getAttribute(h).split(P), S = /([.?@])?(.*)/.exec(b);
-          a.push({ type: 1, index: i, name: S[2], strings: m, ctor: S[1] === "." ? xe : S[1] === "?" ? Ae : S[1] === "@" ? we : at }), o.removeAttribute(h);
-        } else h.startsWith(P) && (a.push({ type: 6, index: i }), o.removeAttribute(h));
-        if (Kt.test(o.tagName)) {
-          const h = o.textContent.split(P), b = h.length - 1;
-          if (b > 0) {
-            o.textContent = et ? et.emptyScript : "";
-            for (let m = 0; m < b; m++) o.append(h[m], st()), M.nextNode(), a.push({ type: 2, index: ++i });
-            o.append(h[b], st());
+    for (; (i = w.nextNode()) !== null && a.length < l; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(nt)) {
+          const v = _[o++], b = i.getAttribute(h).split(g), I = /([.?@])?(.*)/.exec(v);
+          a.push({ type: 1, index: r, name: I[2], strings: b, ctor: I[1] === "." ? Mt : I[1] === "?" ? Ct : I[1] === "@" ? Ut : V }), i.removeAttribute(h);
+        } else h.startsWith(g) && (a.push({ type: 6, index: r }), i.removeAttribute(h));
+        if (ot.test(i.tagName)) {
+          const h = i.textContent.split(g), v = h.length - 1;
+          if (v > 0) {
+            i.textContent = R ? R.emptyScript : "";
+            for (let b = 0; b < v; b++) i.append(h[b], k()), w.nextNode(), a.push({ type: 2, index: ++r });
+            i.append(h[v], k());
           }
         }
-      } else if (o.nodeType === 8) if (o.data === Gt) a.push({ type: 2, index: i });
+      } else if (i.nodeType === 8) if (i.data === rt) a.push({ type: 2, index: r });
       else {
         let h = -1;
-        for (; (h = o.data.indexOf(P, h + 1)) !== -1; ) a.push({ type: 7, index: i }), h += P.length - 1;
+        for (; (h = i.data.indexOf(g, h + 1)) !== -1; ) a.push({ type: 7, index: r }), h += g.length - 1;
       }
-      i++;
+      r++;
     }
   }
   static createElement(t, e) {
-    const s = O.createElement("template");
+    const s = A.createElement("template");
     return s.innerHTML = t, s;
   }
-};
-function R(n, t, e = n, s) {
-  var r, l;
-  if (t === K) return t;
-  let o = s !== void 0 ? (r = e._$Co) == null ? void 0 : r[s] : e._$Cl;
-  const i = G(t) ? void 0 : t._$litDirective$;
-  return (o == null ? void 0 : o.constructor) !== i && ((l = o == null ? void 0 : o._$AO) == null || l.call(o, !1), i === void 0 ? o = void 0 : (o = new i(n), o._$AT(n, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = o : e._$Cl = o), o !== void 0 && (t = R(n, o._$AS(n, t.values), o, s)), t;
 }
-let me = class {
+function E(n, t, e = n, s) {
+  var o, l;
+  if (t === H) return t;
+  let i = s !== void 0 ? (o = e._$Co) == null ? void 0 : o[s] : e._$Cl;
+  const r = U(t) ? void 0 : t._$litDirective$;
+  return (i == null ? void 0 : i.constructor) !== r && ((l = i == null ? void 0 : i._$AO) == null || l.call(i, !1), r === void 0 ? i = void 0 : (i = new r(n), i._$AT(n, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = E(n, i._$AS(n, t.values), i, s)), t;
+}
+class Pt {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -614,29 +611,30 @@ let me = class {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? O).importNode(e, !0);
-    M.currentNode = o;
-    let i = M.nextNode(), r = 0, l = 0, a = s[0];
+    const { el: { content: e }, parts: s } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? A).importNode(e, !0);
+    w.currentNode = i;
+    let r = w.nextNode(), o = 0, l = 0, a = s[0];
     for (; a !== void 0; ) {
-      if (r === a.index) {
-        let c;
-        a.type === 2 ? c = new Jt(i, i.nextSibling, this, t) : a.type === 1 ? c = new a.ctor(i, a.name, a.strings, this, t) : a.type === 6 && (c = new Se(i, this, t)), this._$AV.push(c), a = s[++l];
+      if (o === a.index) {
+        let p;
+        a.type === 2 ? p = new B(r, r.nextSibling, this, t) : a.type === 1 ? p = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (p = new Ht(r, this, t)), this._$AV.push(p), a = s[++l];
       }
-      r !== (a == null ? void 0 : a.index) && (i = M.nextNode(), r++);
+      o !== (a == null ? void 0 : a.index) && (r = w.nextNode(), o++);
     }
-    return M.currentNode = O, o;
+    return w.currentNode = A, i;
   }
   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++;
   }
-}, Jt = class Qt {
+}
+class B {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
-  constructor(t, e, s, o) {
-    this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
+  constructor(t, e, s, i) {
+    this.type = 2, this._$AH = y, 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;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -650,7 +648,7 @@ let me = class {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = R(this, t, e), G(t) ? t === v || t == null || t === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : t !== this._$AH && t !== K && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ge(t) ? this.k(t) : this._(t);
+    t = E(this, t, e), U(t) ? t === y || t == null || t === "" ? (this._$AH !== y && this._$AR(), this._$AH = y) : t !== this._$AH && t !== H && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Et(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -659,93 +657,96 @@ let me = class {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== v && G(this._$AH) ? this._$AA.nextSibling.data = t : this.T(O.createTextNode(t)), this._$AH = t;
+    this._$AH !== y && U(this._$AH) ? this._$AA.nextSibling.data = t : this.T(A.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    var i;
-    const { values: e, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = yt.createElement(Zt(s.h, s.h[0]), this.options)), s);
-    if (((i = this._$AH) == null ? void 0 : i._$AD) === o) this._$AH.p(e);
+    var r;
+    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = T.createElement(at(s.h, s.h[0]), this.options)), s);
+    if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
     else {
-      const r = new me(o, this), l = r.u(this.options);
-      r.p(e), this.T(l), this._$AH = r;
+      const o = new Pt(i, this), l = o.u(this.options);
+      o.p(e), this.T(l), this._$AH = o;
     }
   }
   _$AC(t) {
-    let e = Ut.get(t.strings);
-    return e === void 0 && Ut.set(t.strings, e = new yt(t)), e;
+    let e = st.get(t.strings);
+    return e === void 0 && st.set(t.strings, e = new T(t)), e;
   }
   k(t) {
-    vt(this._$AH) || (this._$AH = [], this._$AR());
+    W(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
-    let s, o = 0;
-    for (const i of t) o === e.length ? e.push(s = new Qt(this.O(st()), this.O(st()), this, this.options)) : s = e[o], s._$AI(i), o++;
-    o < e.length && (this._$AR(s && s._$AB.nextSibling, o), e.length = o);
+    let s, i = 0;
+    for (const r of t) i === e.length ? e.push(s = new B(this.O(k()), this.O(k()), this, this.options)) : s = e[i], s._$AI(r), i++;
+    i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
   }
   _$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 o = t.nextSibling;
-      t.remove(), t = o;
+      const i = t.nextSibling;
+      t.remove(), t = i;
     }
   }
   setConnected(t) {
     var e;
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
-}, at = class {
+}
+class V {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, s, o, i) {
-    this.type = 1, this._$AH = v, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = v;
+  constructor(t, e, s, i, r) {
+    this.type = 1, this._$AH = y, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = y;
   }
-  _$AI(t, e = this, s, o) {
-    const i = this.strings;
-    let r = !1;
-    if (i === void 0) t = R(this, t, e, 0), r = !G(t) || t !== this._$AH && t !== K, r && (this._$AH = t);
+  _$AI(t, e = this, s, i) {
+    const r = this.strings;
+    let o = !1;
+    if (r === void 0) t = E(this, t, e, 0), o = !U(t) || t !== this._$AH && t !== H, o && (this._$AH = t);
     else {
       const l = t;
-      let a, c;
-      for (t = i[0], a = 0; a < i.length - 1; a++) c = R(this, l[s + a], e, a), c === K && (c = this._$AH[a]), r || (r = !G(c) || c !== this._$AH[a]), c === v ? t = v : t !== v && (t += (c ?? "") + i[a + 1]), this._$AH[a] = c;
+      let a, p;
+      for (t = r[0], a = 0; a < r.length - 1; a++) p = E(this, l[s + a], e, a), p === H && (p = this._$AH[a]), o || (o = !U(p) || p !== this._$AH[a]), p === y ? t = y : t !== y && (t += (p ?? "") + r[a + 1]), this._$AH[a] = p;
     }
-    r && !o && this.j(t);
+    o && !i && this.j(t);
   }
   j(t) {
-    t === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === y ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
-};
-class xe extends at {
+}
+class Mt extends V {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === v ? void 0 : t;
+    this.element[this.name] = t === y ? void 0 : t;
   }
 }
-let Ae = class extends at {
+class Ct extends V {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== v);
+    this.element.toggleAttribute(this.name, !!t && t !== y);
   }
-}, we = class extends at {
-  constructor(t, e, s, o, i) {
-    super(t, e, s, o, i), this.type = 5;
+}
+class Ut extends V {
+  constructor(t, e, s, i, r) {
+    super(t, e, s, i, r), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = R(this, t, e, 0) ?? v) === K) return;
-    const s = this._$AH, o = t === v && s !== v || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, i = t !== v && (s === v || o);
-    o && this.element.removeEventListener(this.name, this, s), i && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    if ((t = E(this, t, e, 0) ?? y) === H) return;
+    const s = this._$AH, i = t === y && s !== y || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== y && (s === y || i);
+    i && this.element.removeEventListener(this.name, this, s), r && 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);
   }
-}, Se = class {
+}
+class Ht {
   constructor(t, e, s) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
   }
@@ -753,1330 +754,142 @@ let Ae = class extends at {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    R(this, t);
+    E(this, t);
   }
-};
-const ut = F.litHtmlPolyfillSupport;
-ut == null || ut(yt, Jt), (F.litHtmlVersions ?? (F.litHtmlVersions = [])).push("3.2.1");
+}
+const q = C.litHtmlPolyfillSupport;
+q == null || q(T, B), (C.litHtmlVersions ?? (C.litHtmlVersions = [])).push("3.2.1");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const T = (n) => n ?? v;
-/*!
-   * 
-   * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
-   * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
-   * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
-   * 
-   * Button Component
-   * Part of the New York State Design System
-   * Repository: https://github.com/its-hcd/nysds
-   * License: MIT
-*/
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const X = globalThis, _t = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Xt = Symbol(), Tt = /* @__PURE__ */ new WeakMap();
-let Ee = class {
-  constructor(n, t, e) {
-    if (this._$cssResult$ = !0, e !== Xt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = n, this.t = t;
-  }
-  get styleSheet() {
-    let n = this.o;
-    const t = this.t;
-    if (_t && n === void 0) {
-      const e = t !== void 0 && t.length === 1;
-      e && (n = Tt.get(t)), n === void 0 && ((this.o = n = new CSSStyleSheet()).replaceSync(this.cssText), e && Tt.set(t, n));
-    }
-    return n;
-  }
-  toString() {
-    return this.cssText;
-  }
+const x = (n) => n ?? y;
+var Tt = Object.defineProperty, It = Object.getOwnPropertyDescriptor, c = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? It(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
+  return s && i && Tt(t, e, i), i;
 };
-const Pe = (n) => new Ee(typeof n == "string" ? n : n + "", void 0, Xt), Ce = (n, t) => {
-  if (_t) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
-  else for (const e of t) {
-    const s = document.createElement("style"), o = X.litNonce;
-    o !== void 0 && s.setAttribute("nonce", o), s.textContent = e.cssText, n.appendChild(s);
-  }
-}, kt = _t ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
-  let e = "";
-  for (const s of t.cssRules) e += s.cssText;
-  return Pe(e);
-})(n) : n;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { is: Ie, defineProperty: Ue, getOwnPropertyDescriptor: Te, getOwnPropertyNames: ke, getOwnPropertySymbols: Me, getPrototypeOf: He } = Object, z = globalThis, Mt = z.trustedTypes, Oe = Mt ? Mt.emptyScript : "", Ht = z.reactiveElementPolyfillSupport, W = (n, t) => n, ot = { toAttribute(n, t) {
-  switch (t) {
-    case Boolean:
-      n = n ? Oe : null;
-      break;
-    case Object:
-    case Array:
-      n = n == null ? n : JSON.stringify(n);
-  }
-  return n;
-}, fromAttribute(n, t) {
-  let e = n;
-  switch (t) {
-    case Boolean:
-      e = n !== null;
-      break;
-    case Number:
-      e = n === null ? null : Number(n);
-      break;
-    case Object:
-    case Array:
-      try {
-        e = JSON.parse(n);
-      } catch {
-        e = null;
-      }
-  }
-  return e;
-} }, gt = (n, t) => !Ie(n, t), Ot = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: gt };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), z.litPropertyMetadata ?? (z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class B extends HTMLElement {
-  static addInitializer(t) {
-    this._$Ei(), (this.l ?? (this.l = [])).push(t);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  static createProperty(t, e = Ot) {
-    if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
-      const s = Symbol(), o = this.getPropertyDescriptor(t, s, e);
-      o !== void 0 && Ue(this.prototype, t, o);
-    }
-  }
-  static getPropertyDescriptor(t, e, s) {
-    const { get: o, set: i } = Te(this.prototype, t) ?? { get() {
-      return this[e];
-    }, set(r) {
-      this[e] = r;
-    } };
-    return { get() {
-      return o == null ? void 0 : o.call(this);
-    }, set(r) {
-      const l = o == null ? void 0 : o.call(this);
-      i.call(this, r), this.requestUpdate(t, l, s);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? Ot;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(W("elementProperties"))) return;
-    const t = He(this);
-    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(W("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(W("properties"))) {
-      const e = this.properties, s = [...ke(e), ...Me(e)];
-      for (const o of s) this.createProperty(o, e[o]);
-    }
-    const t = this[Symbol.metadata];
-    if (t !== null) {
-      const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [s, o] of e) this.elementProperties.set(s, o);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, s] of this.elementProperties) {
-      const o = this._$Eu(e, s);
-      o !== void 0 && this._$Eh.set(o, 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 o of s) e.unshift(kt(o));
-    } else t !== void 0 && e.push(kt(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;
-  }
+let Ot = 0;
+var f;
+const d = (f = class extends ht {
+  // allows use of elementInternals' API
   constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    var t;
-    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
-  }
-  addController(t) {
-    var e;
-    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
+    super(), this.id = "", this.name = "", this._type = "text", this.label = "", this.description = "", this.placeholder = "", this.value = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.optional = !1, this.form = "", this.pattern = "", this.maxlength = null, this.width = "full", this.step = null, this.min = null, this.max = null, this.showError = !1, this.errorMessage = "", this.showPassword = !1, this._originalErrorMessage = "", this._hasUserInteracted = !1, this._internals = this.attachInternals();
   }
-  removeController(t) {
-    var e;
-    (e = this._$EO) == null || e.delete(t);
+  get type() {
+    return this._type;
   }
-  _$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]);
-    t.size > 0 && (this._$Ep = t);
+  set type(t) {
+    this._type = f.VALID_TYPES.includes(
+      t
+    ) ? t : "text";
   }
-  createRenderRoot() {
-    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Ce(t, this.constructor.elementStyles), t;
+  // Ensure the "width" property is valid after updates
+  async updated(t) {
+    t.has("width") && (await Promise.resolve(), this.width = f.VALID_WIDTHS.includes(this.width) ? this.width : "full"), t.has("disabled") && (this._validateButtonSlot("startButton"), this._validateButtonSlot("endButton"));
   }
+  // Generate a unique ID if one is not provided
   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);
-    });
-  }
-  enableUpdating(t) {
+    super.connectedCallback(), this.id || (this.id = `nys-textinput-${Date.now()}-${Ot++}`), this._originalErrorMessage = this.errorMessage ?? "", this.addEventListener("invalid", this._handleInvalid);
   }
   disconnectedCallback() {
-    var t;
-    (t = this._$EO) == null || t.forEach((e) => {
-      var s;
-      return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
-    });
+    super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid);
   }
-  attributeChangedCallback(t, e, s) {
-    this._$AK(t, s);
+  firstUpdated() {
+    this._setValue();
   }
-  _$EC(t, e) {
-    var s;
-    const o = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, o);
-    if (i !== void 0 && o.reflect === !0) {
-      const r = (((s = o.converter) == null ? void 0 : s.toAttribute) !== void 0 ? o.converter : ot).toAttribute(e, o.type);
-      this._$Em = t, r == null ? this.removeAttribute(i) : this.setAttribute(i, r), this._$Em = null;
-    }
+  // This callback is automatically called when the parent form is reset.
+  formResetCallback() {
+    this.value = "";
   }
-  _$AK(t, e) {
-    var s;
-    const o = this.constructor, i = o._$Eh.get(t);
-    if (i !== void 0 && this._$Em !== i) {
-      const r = o.getPropertyOptions(i), l = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((s = r.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? r.converter : ot;
-      this._$Em = i, this[i] = l.fromAttribute(e, r.type), this._$Em = null;
-    }
+  /********************** Form Integration **********************/
+  _setValue() {
+    this._internals.setFormValue(this.value), this._manageRequire();
   }
-  requestUpdate(t, e, s) {
-    if (t !== void 0) {
-      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? gt)(this[t], e)) return;
-      this.P(t, e, s);
-    }
-    this.isUpdatePending === !1 && (this._$ES = this._$ET());
+  _manageRequire() {
+    var i, r;
+    const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector("input");
+    if (!t) return;
+    const e = this.errorMessage || "This field is required";
+    this.required && (!this.value || ((r = this.value) == null ? void 0 : r.trim()) === "") ? (this._internals.ariaRequired = "true", this._internals.setValidity({ valueMissing: !0 }, e, t)) : (this._internals.ariaRequired = "false", this._internals.setValidity({}), this._hasUserInteracted = !1);
   }
-  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);
+  _setValidityMessage(t = "") {
+    var i, r;
+    const e = (i = this.shadowRoot) == null ? void 0 : i.querySelector("input");
+    if (!e) return;
+    this.showError = !!t, (r = this._originalErrorMessage) != null && r.trim() && t !== "" ? this.errorMessage = this._originalErrorMessage : this.errorMessage = t;
+    const s = t ? { customError: !0 } : {};
+    this._internals.setValidity(s, this.errorMessage, e);
   }
-  async _$ET() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$ES;
-    } catch (e) {
-      Promise.reject(e);
-    }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
+  _validate() {
+    var i;
+    const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector("input");
+    if (!t) return;
+    const e = t.validity;
+    let s = "";
+    e.valueMissing ? s = "This field is required" : e.typeMismatch ? s = "Invalid format for this type" : e.patternMismatch ? s = "Invalid format" : e.tooShort ? s = `Value is too short. Minimum length is ${t.minLength}` : e.tooLong ? s = `Value is too long. Maximum length is ${t.maxLength}` : e.rangeUnderflow ? s = `Value must be at least ${t.min}` : e.rangeOverflow ? s = `Value must be at most ${t.max}` : e.stepMismatch ? s = "Invalid step value" : s = t.validationMessage, this._setValidityMessage(s);
   }
-  scheduleUpdate() {
-    return this.performUpdate();
+  /********************** Functions **********************/
+  // This helper function is called to perform the element's native validation.
+  checkValidity() {
+    var e;
+    const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("input");
+    return t ? t.checkValidity() : !0;
   }
-  performUpdate() {
-    var t;
-    if (!this.isUpdatePending) return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [i, r] of this._$Ep) this[i] = r;
-        this._$Ep = void 0;
-      }
-      const o = this.constructor.elementProperties;
-      if (o.size > 0) for (const [i, r] of o) r.wrapped !== !0 || this._$AL.has(i) || this[i] === void 0 || this.P(i, this[i], r);
-    }
-    let e = !1;
-    const s = this._$AL;
-    try {
-      e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$EO) == null || t.forEach((o) => {
-        var i;
-        return (i = o.hostUpdate) == null ? void 0 : i.call(o);
-      }), this.update(s)) : this._$EU();
-    } catch (o) {
-      throw e = !1, this._$EU(), o;
+  _handleInvalid(t) {
+    var s;
+    t.preventDefault(), this._hasUserInteracted = !0, this._validate();
+    const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("input");
+    if (e) {
+      const i = this._internals.form;
+      i ? Array.from(i.elements).find(
+        (l) => typeof l.checkValidity == "function" && !l.checkValidity()
+      ) === this && e.focus() : e.focus();
     }
-    e && this._$AE(s);
   }
-  willUpdate(t) {
-  }
-  _$AE(t) {
-    var e;
-    (e = this._$EO) == null || e.forEach((s) => {
-      var o;
-      return (o = s.hostUpdated) == null ? void 0 : o.call(s);
-    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  _togglePasswordVisibility() {
+    this.showPassword = !this.showPassword;
   }
-  _$EU() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  /******************** Event Handlers ********************/
+  // Handle input event to check pattern validity
+  _handleInput(t) {
+    const e = t.target;
+    this.value = e.value, this._internals.setFormValue(this.value), this._hasUserInteracted && this._validate(), this.dispatchEvent(
+      new CustomEvent("nys-input", {
+        detail: { value: this.value },
+        bubbles: !0,
+        composed: !0
+      })
+    );
   }
-  get updateComplete() {
-    return this.getUpdateComplete();
+  // Handle focus event
+  _handleFocus() {
+    this.dispatchEvent(new Event("nys-focus"));
   }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(t) {
-    return !0;
-  }
-  update(t) {
-    this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EC(e, this[e]))), this._$EU();
-  }
-  updated(t) {
-  }
-  firstUpdated(t) {
-  }
-}
-B.elementStyles = [], B.shadowRootOptions = { mode: "open" }, B[W("elementProperties")] = /* @__PURE__ */ new Map(), B[W("finalized")] = /* @__PURE__ */ new Map(), Ht == null || Ht({ ReactiveElement: B }), (z.reactiveElementVersions ?? (z.reactiveElementVersions = [])).push("2.0.4");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ne = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: gt }, Re = (n = Ne, t, e) => {
-  const { kind: s, metadata: o } = e;
-  let i = globalThis.litPropertyMetadata.get(o);
-  if (i === void 0 && globalThis.litPropertyMetadata.set(o, i = /* @__PURE__ */ new Map()), i.set(e.name, n), s === "accessor") {
-    const { name: r } = e;
-    return { set(l) {
-      const a = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(r, a, n);
-    }, init(l) {
-      return l !== void 0 && this.P(r, void 0, n), l;
-    } };
-  }
-  if (s === "setter") {
-    const { name: r } = e;
-    return function(l) {
-      const a = this[r];
-      t.call(this, l), this.requestUpdate(r, a, n);
-    };
-  }
-  throw Error("Unsupported decorator location: " + s);
-};
-function g(n) {
-  return (t, e) => typeof e == "object" ? Re(n, t, e) : ((s, o, i) => {
-    const r = o.hasOwnProperty(i);
-    return o.constructor.createProperty(i, r ? { ...s, wrapped: !0 } : s), r ? Object.getOwnPropertyDescriptor(o, i) : void 0;
-  })(n, t, e);
-}
-const ze = qt`
-  :host {
-    /* Anything that can be overridden should be defined here */
-
-    /* Global Button Styles */
-    --_nys-button-width: fit-content;
-    --_nys-button-height: var(--nys-size-600, 48px);
-    --_nys-button-radius-left: var(--nys-radius-xl, 12px);
-    --_nys-button-radius-right: var(--nys-radius-xl, 12px);
-    --_nys-button-padding-y: var(--nys-space-150, 12px);
-    --_nys-button-padding-x: var(--nys-space-250, 20px);
-    --_nys-button-gap: var(--nys-space-100, 8px);
-    --_nys-button-width-border: var(--nys-border-width-md, 2px);
-    --_nys-button-width-focus: var(--nys-border-width-md, 2px);
-    --_nys-button-offset-focus: var(--nys-space-2px, 2px);
-    --_nys-button-color-focus: var(--nys-color-focus, #004dd1);
-
-    /* Global Button Colors */
-    --_nys-button-color-bg: var(--nys-color-theme, #154973);
-    --_nys-button-color-text: var(--nys-color-text-reverse, #ffffff);
-    --_nys-button-color-border: var(--nys-color-theme, #154973);
-
-    --_nys-button-color-bg-hover: var(--nys-color-theme-strong, #0e324f);
-    --_nys-button-color-text-hover: var(--nys-color-text-reverse, #ffffff);
-    --_nys-button-color-border-hover: var(--nys-color-theme-strong, #0e324f);
-
-    --_nys-button-color-bg-active: var(--nys-color-theme-stronger, #081b2b);
-    --_nys-button-color-text-active: var(--nys-color-text-reverse, #ffffff);
-    --_nys-button-color-border-active: var(--nys-color-theme-stronger, #081b2b);
-
-    --_nys-button-color-bg-disabled: var(--nys-color-neutral-10, #f6f6f6);
-    --_nys-button-color-text-disabled: var(--nys-color-text-disabled, #bec0c1);
-    --_nys-button-color-border-disabled: var(--nys-color-neutral-10, #f6f6f6);
-
-    /* Typography */
-    --_nys-button-font-size: var(--nys-font-size-ui-md, 16px);
-    --_nys-button-font-weight: var(--nys-font-weight-semibold, 600);
-    --_nys-button-line-height: var(--nys-font-lineheight-ui-md, 24px);
-    --_nys-button-font-family: var(
-      --nys-font-family-ui,
-      var(
-        --nys-font-family-sans,
-        "Proxima Nova",
-        "Helvetica Neue",
-        "Helvetica",
-        "Arial",
-        sans-serif
-      )
-    );
-  }
-
-  /* Sizes */
-  :host([size="sm"]) {
-    --_nys-button-height: var(--nys-size-500, 40px);
-    --_nys-button-padding-y: var(--nys-space-100, 8px);
-    --_nys-button-padding-x: var(--nys-space-200, 16px);
-  }
-  :host([size="md"]) {
-    --_nys-button-height: var(--nys-size-600, 48px);
-    --_nys-button-padding-y: var(--nys-space-150, 12px);
-    --_nys-button-padding-x: var(--nys-space-250, 20px);
-  }
-  :host([size="lg"]) {
-    --_nys-button-height: var(--nys-size-700, 56px);
-    --_nys-button-padding-y: var(--nys-space-200, 16px);
-    --_nys-button-padding-x: var(--nys-space-300, 24px);
-  }
-  :host([fullWidth]) {
-    --_nys-button-width: 100%;
-  }
-
-  /* VARIANTS */
-
-  /* Filled */
-  :host([variant="filled"]) {
-    /* Filled - Default */
-    --_nys-button-color-bg: var(--nys-color-theme, #154973);
-    --_nys-button-color-text: var(--nys-color-text-reverse, #ffffff);
-    --_nys-button-color-border: var(--nys-color-transparent, #ffffff00);
-
-    /* Filled - Hover */
-    --_nys-button-color-bg-hover: var(--nys-color-theme-strong, #0e324f);
-    --_nys-button-color-text-hover: var(--nys-color-text-reverse, #ffffff);
-    --_nys-button-color-border: var(--nys-color-transparent, #ffffff00);
-
-    /* Filled - Pressed/Active */
-    --_nys-button-color-bg-active: var(--nys-color-theme-stronger, #081b2b);
-    --_nys-button-color-text-active: var(--nys-color-text-reverse, #ffffff);
-    --_nys-button-color-border: var(--nys-color-transparent, #ffffff00);
-
-    /* Filled - Disabled */
-    --_nys-button-color-bg-disabled: var(--nys-color-neutral-10, #f6f6f6);
-    --_nys-button-color-text-disabled: var(--nys-color-text-disabled, #bec0c1);
-    --_nys-button-color-border: var(--nys-color-transparent, #ffffff00);
-  }
-
-  /* Outline */
-  :host([variant="outline"]) {
-    /* Outline - Default */
-    --_nys-button-color-bg: var(--nys-color-surface, #ffffff);
-    --_nys-button-color-text: var(--nys-color-theme, #154973);
-    --_nys-button-color-border: var(--nys-color-theme, #154973);
-
-    /* Outline - Hover */
-    --_nys-button-color-bg-hover: var(--nys-color-theme-weaker, #eff6fb);
-    --_nys-button-color-text-hover: var(--nys-color-theme, #154973);
-    --_nys-button-color-border-hover: var(--nys-color-theme, #154973);
-
-    /* Outline - Pressed/Active */
-    --_nys-button-color-bg-active: var(--nys-color-theme-weak, #cddde9);
-    --_nys-button-color-text-active: var(--nys-color-theme, #154973);
-    --_nys-button-color-border-active: var(--nys-color-theme, #154973);
-
-    /* Outline - Disabled */
-    --_nys-button-color-bg-disabled: var(--nys-color-surface, #ffffff);
-    --_nys-button-color-text-disabled: var(--nys-color-text-disabled, #bec0c1);
-    --_nys-button-color-border-disabled: var(--nys-color-neutral-100, #d0d0ce);
-  }
-
-  /* Text */
-  :host([variant="text"]) {
-    --_nys-button-height: fit-content;
-    --_nys-button-radius-left: var(--nys-radius-md, 4px);
-    --_nys-button-radius-right: var(--nys-radius-md, 4px);
-    --_nys-button-padding-y: var(--nys-space-2px, 2px);
-    --_nys-button-padding-x: var(--nys-space-50, 4px);
-    --_nys-button-width-border: 0px;
-    --_nys-button-text-decoration: underline;
-
-    /* Text - Default */
-    --_nys-button-color-bg: var(--nys-color-transparent, #ffffff00);
-    --_nys-button-color-text: var(--nys-color-link, #004dd1);
-    --_nys-button-color-border: var(--nys-color-transparent, #ffffff00);
-
-    /* Text - Hover */
-    --_nys-button-color-bg-hover: var(--nys-color-transparent, #ffffff00);
-    --_nys-button-color-text-hover: var(--nys-color-link-strong, #003ba1);
-    --_nys-button-color-border-hover: var(--nys-color-transparent, #ffffff00);
-
-    /* Text - Pressed/Active */
-    --_nys-button-color-bg-active: var(--nys-color-transparent, #ffffff00);
-    --_nys-button-color-text-active: var(--nys-color-link-strongest, #002971);
-    --_nys-button-color-border-active: var(--nys-color-transparent, #ffffff00);
-
-    /* Text - Disabled */
-    --_nys-button-color-bg-disabled: var(--nys-color-transparent, #ffffff00);
-    --_nys-button-color-text-disabled: var(--nys-color-text-disabled, #bec0c1);
-    --_nys-button-color-border-disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-  }
-
-  /* Ghost */
-  :host([variant="ghost"]) {
-    /* Ghost - Default */
-    --_nys-button-color-bg: var(--nys-color-transparent, #ffffff00);
-    --_nys-button-color-text: var(--nys-color-text, #1b1b1b);
-    --_nys-button-color-border: var(--nys-color-transparent, #ffffff00);
-
-    /* Ghost - Hover */
-    --_nys-button-color-bg-hover: var(
-      --nys-color-black-transparent-100,
-      #0000001a
-    );
-    --_nys-button-color-text-hover: var(--nys-color-text, #1b1b1b);
-    --_nys-button-color-border-hover: var(--nys-color-transparent, #ffffff00);
-
-    /* Ghost - Active */
-    --_nys-button-color-bg-active: var(
-      --nys-color-black-transparent-200,
-      #00000033
-    );
-    --_nys-button-color-text-active: var(--nys-color-text, #1b1b1b);
-    --_nys-button-color-border-active: var(--nys-color-transparent, #ffffff00);
-
-    /* Ghost - Disabled */
-    --_nys-button-color-bg-disabled: var(--nys-color-transparent, #ffffff00);
-    --_nys-button-color-text-disabled: var(--nys-color-text-disabled, #bec0c1);
-    --_nys-button-color-border-disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-  }
-
-  /* INVERTED VARIANTS */
-
-  /* Filled Inverted */
-  :host([variant="filled"][inverted]) {
-    /* Filled Inverted - Default */
-    --_nys-button-color-bg: var(--nys-color-surface, #ffffff);
-    --_nys-button-color-text: var(--nys-color-text, #1b1b1b);
-    --_nys-button-color-border-disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-
-    /* Filled Inverted - Hover */
-    --_nys-button-color-bg-hover: var(--nys-color-neutral-100, #d0d0ce);
-    --_nys-button-color-text-hover: var(--nys-color-text, #1b1b1b);
-    --_nys-button-color-border-disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-
-    /* Filled Inverted - Pressed/Active */
-    --_nys-button-color-bg-active: var(--nys-color-neutral-300, #a7a9ab);
-    --_nys-button-color-text-active: var(--nys-color-text, #1b1b1b);
-    --_nys-button-color-border-disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-
-    /* Filled Inverted - Disabled */
-    --_nys-button-color-bg-disabled: var(--nys-color-text, #1b1b1b);
-    --_nys-button-color-text-disabled: var(--nys-color-text-disabled, #62666a);
-    --_nys-button-color-border-disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-  }
-
-  /* Outline Inverted */
-  :host([variant="outline"][inverted]) {
-    /* Outline Inverted - Default */
-    --_nys-button-color-bg: var(--nys-color-surface-reverse, #1b1b1b);
-    --_nys-button-color-text: var(--nys-color-text-reverse, #ffffff);
-    --_nys-button-color-border: var(--nys-color-ink-reverse, #ffffff);
-
-    /* Outline Inverted - Hover */
-    --_nys-button-color-bg-hover: var(--nys-color-surface-reverse, #1b1b1b);
-    --_nys-button-color-text-hover: var(--nys-color-text-reverse-weak, #d0d0ce);
-    --_nys-button-color-border-hover: var(--nys-color-neutral-100, #d0d0ce);
-
-    /* Outline Inverted - Pressed/Active */
-    --_nys-button-color-bg-active: var(--nys-color-surface-reverse, #1b1b1b);
-    --_nys-button-color-text-active: var(
-      --nys-color-text-reverse-weaker,
-      #bec0c1
-    );
-    --_nys-button-color-border-active: var(--nys-color-neutral-300, #a7a9ab);
-
-    /* Outline Inverted - Disabled */
-    --_nys-button-color-bg-disabled: var(--nys-color-surface-reverse, #1b1b1b);
-    --_nys-button-color-text-disabled: var(
-      --nys-color-text-reverse-disabled,
-      #62666a
-    );
-    --_nys-button-color-border-disabled: var(--nys-color-neutral-600, #62666a);
-  }
-
-  /* Text Inverted */
-  :host([variant="text"][inverted]) {
-    --_nys-button-height: fit-content;
-    --_nys-button-radius-left: var(--nys-radius-md, 4px);
-    --_nys-button-radius-right: var(--nys-radius-md, 4px);
-    --_nys-button-padding-y: var(--nys-space-2px, 2px);
-    --_nys-button-padding-x: var(--nys-space-50, 4px);
-    --_nys-button-width-border: 0px;
-    --_nys-button-text-decoration: underline;
-
-    /* Text Inverted - Default */
-    --_nys-button-color-bg: var(--nys-color-transparent, #ffffff00);
-    --_nys-button-color-text: var(--nys-color-link-reverse, #a7a9ab);
-    --_nys-button-color-border: var(--nys-color-transparent, #ffffff00);
-
-    /* Text Inverted - Hover */
-    --_nys-button-color-bg-hover: var(--nys-color-transparent, #ffffff00);
-    --_nys-button-color-text-hover: var(
-      --nys-color-link-reverse-strong,
-      #ededed
-    );
-    --_nys-button-color-border-hover: var(--nys-color-transparent, #ffffff00);
-
-    /* Text Inverted - Pressed/Active */
-    --_nys-button-color-bg-active: var(--nys-color-transparent, #ffffff00);
-    --_nys-button-color-text-active: var(
-      --nys-color-reverse-strongest,
-      #ffffff
-    );
-    --_nys-button-color-border-active: var(--nys-color-transparent, #ffffff00);
-
-    /* Text Inverted - Disabled */
-    --_nys-button-color-bg-disabled: var(--nys-color-transparent, #ffffff00);
-    --_nys-button-color-text-disabled: var(
-      --nys-color-text-reverse-disabled,
-      #62666a
-    );
-    --_nys-button-color-border-disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-  }
-
-  /* Ghost Inverted */
-  :host([variant="ghost"][inverted]) {
-    /* Ghost Inverted - Default */
-    --_nys-button-color-bg: var(--nys-color-transparent, #ffffff00);
-    --_nys-button-color-text: var(--nys-color-text-reverse, #ffffff);
-    --_nys-button-color-border: var(--nys-color-transparent, #ffffff00);
-
-    /* Ghost Inverted - Hover */
-    --_nys-button-color-bg-hover: var(
-      --nys-color-white-transparent-100,
-      #ffffff1a
-    );
-    --_nys-button-color-text-hover: var(--nys-color-text-reverse, #ffffff);
-    --_nys-button-color-border-hover: var(--nys-color-transparent, #ffffff00);
-
-    /* Ghost Inverted - Pressed/Active */
-    --_nys-button-color-bg-active: var(
-      --nys-color-white-transparent-200,
-      #ffffff33
-    );
-    --_nys-button-color-text-active: var(--nys-color-text-reverse, #ffffff);
-    --_nys-button-color-border-active: var(--nys-color-transparent, #ffffff00);
-
-    /* Ghost Inverted - Disabled */
-    --_nys-button-color-bg-disabled: var(--nys-color-transparent, #ffffff00);
-    --_nys-button-color-text-disabled: var(--nys-color-text-disabled, #62666a);
-    --_nys-button-color-border-disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-  }
-
-  /* Circle */
-  :host([circle]) {
-    --_nys-button-width: var(--_nys-button-height);
-    --_nys-button-radius-left: var(--nys-radius-round, 1776px);
-    --_nys-button-radius-right: var(--nys-radius-round, 1776px);
-    --_nys-button-padding-y: 0;
-    --_nys-button-padding-x: 0;
-  }
-
-  .nys-button {
-    width: var(--_nys-button-width);
-    min-height: var(--_nys-button-height);
-    /* set every corner individually */
-    border-top-left-radius: var(--_nys-button-radius-left);
-    border-bottom-left-radius: var(--_nys-button-radius-left);
-    border-top-right-radius: var(--_nys-button-radius-right);
-    border-bottom-right-radius: var(--_nys-button-radius-right);
-    padding: var(--_nys-button-padding-y) var(--_nys-button-padding-x);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: var(--_nys-button-gap);
-    font-family: var(--_nys-button-font-family);
-    font-size: var(--_nys-button-font-size);
-    font-weight: var(--_nys-button-font-weight);
-    line-height: var(--_nys-button-line-height);
-    text-decoration: var(--_nys-button-text-decoration);
-    box-sizing: border-box;
-    background-color: var(--_nys-button-color-bg);
-    color: var(--_nys-button-color-text);
-    border: solid var(--_nys-button-width-border)
-      var(--_nys-button-color-border);
-    cursor: pointer;
-  }
-
-  :host([circle]) .nys-button {
-    max-width: var(--_nys-button-height);
-    max-height: var(--_nys-button-height);
-  }
-
-  .nys-button:hover {
-    background-color: var(--_nys-button-color-bg-hover);
-    color: var(--_nys-button-color-text-hover);
-    border-color: var(--_nys-button-color-border-hover);
-  }
-
-  .nys-button:active {
-    background-color: var(--_nys-button-color-bg-active);
-    color: var(--_nys-button-color-text-active);
-    border-color: var(--_nys-button-color-border-active);
-  }
-
-  .nys-button:disabled,
-  a[disabled] {
-    background-color: var(--_nys-button-color-bg-disabled);
-    color: var(--_nys-button-color-text-disabled);
-    border-color: var(--_nys-button-color-border-disabled);
-    cursor: not-allowed;
-  }
-
-  .nys-button__linkwrapper:has([disabled]) {
-    cursor: not-allowed;
-    width: fit-content;
-  }
-
-  /* Remove click functionality from disabled link button */
-  a[disabled] {
-    pointer-events: none;
-  }
-
-  a[disabled]:hover {
-    background-color: var(--_nys-button-color-bg-disabled);
-    color: var(--_nys-button-color-text-disabled);
-    border-color: var(--_nys-button-color-border-disabled);
-  }
-
-  .nys-button * {
-    cursor: pointer;
-  }
-
-  .nys-button:disabled * {
-    cursor: not-allowed;
-  }
-
-  .nys-button:focus-visible {
-    outline-offset: var(--_nys-button-offset-focus);
-    outline: solid var(--_nys-button-width-focus) var(--_nys-button-color-focus);
-  }
-
-  .nys-button__text {
-    display: flex;
-    align-items: center;
-    user-select: none;
-  }
-`;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const nt = globalThis, rt = nt.trustedTypes, Nt = rt ? rt.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, te = "$lit$", C = `lit$${Math.random().toFixed(9).slice(2)}$`, ee = "?" + C, De = `<${ee}>`, N = document, it = () => N.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", $t = Array.isArray, Le = (n) => $t(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", pt = `[ 	
-\f\r]`, q = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Rt = /-->/g, zt = />/g, k = RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Dt = /'/g, Lt = /"/g, se = /^(?:script|style|textarea|title)$/i, Y = Symbol.for("lit-noChange"), _ = Symbol.for("lit-nothing"), Vt = /* @__PURE__ */ new WeakMap(), H = N.createTreeWalker(N, 129);
-function oe(n, t) {
-  if (!$t(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Nt !== void 0 ? Nt.createHTML(t) : t;
-}
-const Ve = (n, t) => {
-  const e = n.length - 1, s = [];
-  let o, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = q;
-  for (let l = 0; l < e; l++) {
-    const a = n[l];
-    let c, d, h = -1, b = 0;
-    for (; b < a.length && (r.lastIndex = b, d = r.exec(a), d !== null); ) b = r.lastIndex, r === q ? d[1] === "!--" ? r = Rt : d[1] !== void 0 ? r = zt : d[2] !== void 0 ? (se.test(d[2]) && (o = RegExp("</" + d[2], "g")), r = k) : d[3] !== void 0 && (r = k) : r === k ? d[0] === ">" ? (r = o ?? q, h = -1) : d[1] === void 0 ? h = -2 : (h = r.lastIndex - d[2].length, c = d[1], r = d[3] === void 0 ? k : d[3] === '"' ? Lt : Dt) : r === Lt || r === Dt ? r = k : r === Rt || r === zt ? r = q : (r = k, o = void 0);
-    const m = r === k && n[l + 1].startsWith("/>") ? " " : "";
-    i += r === q ? a + De : h >= 0 ? (s.push(c), a.slice(0, h) + te + a.slice(h) + C + m) : a + C + (h === -2 ? l : m);
-  }
-  return [oe(n, i + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
-};
-class J {
-  constructor({ strings: t, _$litType$: e }, s) {
-    let o;
-    this.parts = [];
-    let i = 0, r = 0;
-    const l = t.length - 1, a = this.parts, [c, d] = Ve(t, e);
-    if (this.el = J.createElement(c, s), H.currentNode = this.el.content, e === 2 || e === 3) {
-      const h = this.el.content.firstChild;
-      h.replaceWith(...h.childNodes);
-    }
-    for (; (o = H.nextNode()) !== null && a.length < l; ) {
-      if (o.nodeType === 1) {
-        if (o.hasAttributes()) for (const h of o.getAttributeNames()) if (h.endsWith(te)) {
-          const b = d[r++], m = o.getAttribute(h).split(C), S = /([.?@])?(.*)/.exec(b);
-          a.push({ type: 1, index: i, name: S[2], strings: m, ctor: S[1] === "." ? qe : S[1] === "?" ? je : S[1] === "@" ? Fe : ht }), o.removeAttribute(h);
-        } else h.startsWith(C) && (a.push({ type: 6, index: i }), o.removeAttribute(h));
-        if (se.test(o.tagName)) {
-          const h = o.textContent.split(C), b = h.length - 1;
-          if (b > 0) {
-            o.textContent = rt ? rt.emptyScript : "";
-            for (let m = 0; m < b; m++) o.append(h[m], it()), H.nextNode(), a.push({ type: 2, index: ++i });
-            o.append(h[b], it());
-          }
-        }
-      } else if (o.nodeType === 8) if (o.data === ee) a.push({ type: 2, index: i });
-      else {
-        let h = -1;
-        for (; (h = o.data.indexOf(C, h + 1)) !== -1; ) a.push({ type: 7, index: i }), h += C.length - 1;
-      }
-      i++;
-    }
-  }
-  static createElement(t, e) {
-    const s = N.createElement("template");
-    return s.innerHTML = t, s;
-  }
-}
-function D(n, t, e = n, s) {
-  var o, i;
-  if (t === Y) return t;
-  let r = s !== void 0 ? (o = e._$Co) == null ? void 0 : o[s] : e._$Cl;
-  const l = Z(t) ? void 0 : t._$litDirective$;
-  return (r == null ? void 0 : r.constructor) !== l && ((i = r == null ? void 0 : r._$AO) == null || i.call(r, !1), l === void 0 ? r = void 0 : (r = new l(n), r._$AT(n, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = r : e._$Cl = r), r !== void 0 && (t = D(n, r._$AS(n, t.values), r, s)), t;
-}
-class Be {
-  constructor(t, e) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? N).importNode(e, !0);
-    H.currentNode = o;
-    let i = H.nextNode(), r = 0, l = 0, a = s[0];
-    for (; a !== void 0; ) {
-      if (r === a.index) {
-        let c;
-        a.type === 2 ? c = new lt(i, i.nextSibling, this, t) : a.type === 1 ? c = new a.ctor(i, a.name, a.strings, this, t) : a.type === 6 && (c = new We(i, this, t)), this._$AV.push(c), a = s[++l];
-      }
-      r !== (a == null ? void 0 : a.index) && (i = H.nextNode(), r++);
-    }
-    return H.currentNode = N, o;
-  }
-  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++;
-  }
-}
-class lt {
-  get _$AU() {
-    var t;
-    return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
-  }
-  constructor(t, e, s, o) {
-    this.type = 2, this._$AH = _, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const e = this._$AM;
-    return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, e = this) {
-    t = D(this, t, e), Z(t) ? t === _ || t == null || t === "" ? (this._$AH !== _ && this._$AR(), this._$AH = _) : t !== this._$AH && t !== Y && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Le(t) ? this.k(t) : this._(t);
-  }
-  O(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
-  }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
-  }
-  _(t) {
-    this._$AH !== _ && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(N.createTextNode(t)), this._$AH = t;
-  }
-  $(t) {
-    var e;
-    const { values: s, _$litType$: o } = t, i = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = J.createElement(oe(o.h, o.h[0]), this.options)), o);
-    if (((e = this._$AH) == null ? void 0 : e._$AD) === i) this._$AH.p(s);
-    else {
-      const r = new Be(i, this), l = r.u(this.options);
-      r.p(s), this.T(l), this._$AH = r;
-    }
-  }
-  _$AC(t) {
-    let e = Vt.get(t.strings);
-    return e === void 0 && Vt.set(t.strings, e = new J(t)), e;
-  }
-  k(t) {
-    $t(this._$AH) || (this._$AH = [], this._$AR());
-    const e = this._$AH;
-    let s, o = 0;
-    for (const i of t) o === e.length ? e.push(s = new lt(this.O(it()), this.O(it()), this, this.options)) : s = e[o], s._$AI(i), o++;
-    o < e.length && (this._$AR(s && s._$AB.nextSibling, o), e.length = o);
-  }
-  _$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 o = t.nextSibling;
-      t.remove(), t = o;
-    }
-  }
-  setConnected(t) {
-    var e;
-    this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
-  }
-}
-class ht {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t, e, s, o, i) {
-    this.type = 1, this._$AH = _, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = _;
-  }
-  _$AI(t, e = this, s, o) {
-    const i = this.strings;
-    let r = !1;
-    if (i === void 0) t = D(this, t, e, 0), r = !Z(t) || t !== this._$AH && t !== Y, r && (this._$AH = t);
-    else {
-      const l = t;
-      let a, c;
-      for (t = i[0], a = 0; a < i.length - 1; a++) c = D(this, l[s + a], e, a), c === Y && (c = this._$AH[a]), r || (r = !Z(c) || c !== this._$AH[a]), c === _ ? t = _ : t !== _ && (t += (c ?? "") + i[a + 1]), this._$AH[a] = c;
-    }
-    r && !o && this.j(t);
-  }
-  j(t) {
-    t === _ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-}
-class qe extends ht {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === _ ? void 0 : t;
-  }
-}
-class je extends ht {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== _);
-  }
-}
-class Fe extends ht {
-  constructor(t, e, s, o, i) {
-    super(t, e, s, o, i), this.type = 5;
-  }
-  _$AI(t, e = this) {
-    if ((t = D(this, t, e, 0) ?? _) === Y) return;
-    const s = this._$AH, o = t === _ && s !== _ || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, i = t !== _ && (s === _ || o);
-    o && this.element.removeEventListener(this.name, this, s), i && 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 We {
-  constructor(t, e, s) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    D(this, t);
-  }
-}
-const Bt = nt.litHtmlPolyfillSupport;
-Bt == null || Bt(J, lt), (nt.litHtmlVersions ?? (nt.litHtmlVersions = [])).push("3.2.1");
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const E = (n) => n ?? _;
-var Ge = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, $ = (n, t, e, s) => {
-  for (var o = s > 1 ? void 0 : s ? Ke(t, e) : t, i = n.length - 1, r; i >= 0; i--)
-    (r = n[i]) && (o = (s ? r(t, e, o) : r(o)) || o);
-  return s && o && Ge(t, e, o), o;
-};
-let Ze = 0;
-var A;
-const f = (A = class extends jt {
-  // 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.circle = !1, this.icon = "", this.disabled = !1, this.form = "", this.value = "", this._type = "button", this.onClick = () => {
-    }, this.href = "", this._target = "_self", this._internals = this.attachInternals();
-  }
-  get size() {
-    return this._size;
-  }
-  set size(n) {
-    this._size = A.VALID_SIZES.includes(
-      n
-    ) ? n : "md";
-  }
-  get variant() {
-    return this._variant;
-  }
-  set variant(n) {
-    this._variant = A.VALID_VARIANTS.includes(
-      n
-    ) ? n : "filled";
-  }
-  get type() {
-    return this._type;
-  }
-  set type(n) {
-    this._type = A.VALID_TYPES.includes(
-      n
-    ) ? n : "button";
-  }
-  get target() {
-    return this._target;
-  }
-  set target(n) {
-    this._target = A.VALID_TARGETS.includes(
-      n
-    ) ? n : "_self";
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = this._generateUniqueId());
-  }
-  /******************** Functions ********************/
-  _generateUniqueId() {
-    return `nys-button-${Date.now()}-${Ze++}`;
-  }
-  _manageFormAction(n) {
-    typeof this.onClick == "function" && this.onClick(n);
-    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("nys-focus"));
-  }
-  // Handle blur event
-  _handleBlur() {
-    this.dispatchEvent(new Event("nys-blur"));
-  }
-  _handleClick(n) {
-    if (this.disabled) {
-      n.preventDefault();
-      return;
-    }
-    this._manageFormAction(n), this.dispatchEvent(new Event("nys-click"));
-  }
-  // Handle keydown for keyboard accessibility
-  _handleKeydown(n) {
-    (n.code === "Space" || n.code === "Enter" || n.key === " " || n.key === "Enter") && (n.preventDefault(), this.disabled || this._manageFormAction(n));
-  }
-  render() {
-    return x`
-      ${this.href ? x`
-            <div class="nys-button__linkwrapper">
-              <a
-                class="nys-button"
-                id=${E(this.id)}
-                name=${E(this.name ? this.name : void 0)}
-                ?disabled=${this.disabled}
-                aria-disabled="${this.disabled ? "true" : "false"}"
-                form=${E(this.form ? this.form : void 0)}
-                value=${E(this.value ? this.value : void 0)}
-                href=${this.href}
-                target=${this.target}
-                aria-label=${this.ariaLabel || this.label || (this.circle ? this.icon : null) || "button"}
-                @click=${this._handleClick}
-                @focus="${this._handleFocus}"
-                @blur="${this._handleBlur}"
-              >
-                ${this.prefixIcon && this.variant !== "text" ? x`<slot name="prefix-icon">
-                      <nys-icon size="16" name=${this.prefixIcon}></nys-icon>
-                    </slot>` : ""}
-                ${this.label && !this.circle ? x`<label class="nys-button__text">${this.label}</label>` : ""}
-                ${this.suffixIcon && this.variant !== "text" ? x`<slot name="suffix-icon">
-                      <nys-icon size="16" name=${this.suffixIcon}></nys-icon>
-                    </slot>` : ""}
-                ${this.circle && this.icon ? x`<slot name="circle-icon"
-                      ><nys-icon
-                        size=${this.size === "sm" ? "24" : this.size === "lg" ? "40" : "32"}
-                        name=${this.icon}
-                      ></nys-icon
-                    ></slot>` : ""}
-              </a>
-            </div>
-          ` : x`
-            <button
-              class="nys-button"
-              id=${E(this.id)}
-              name=${E(this.name ? this.name : void 0)}
-              ?disabled=${this.disabled}
-              form=${E(this.form ? this.form : void 0)}
-              value=${E(this.value ? this.value : void 0)}
-              type=${this.type}
-              aria-label=${this.ariaLabel || this.label || (this.circle ? this.icon : null) || "button"}
-              @click=${this._handleClick}
-              @focus="${this._handleFocus}"
-              @blur="${this._handleBlur}"
-              @keydown="${this._handleKeydown}"
-            >
-              ${this.prefixIcon && this.variant !== "text" ? x`<slot name="prefix-icon">
-                    <nys-icon size="16" name=${this.prefixIcon}></nys-icon>
-                  </slot>` : ""}
-              ${this.label && !this.circle ? x`<label class="nys-button__text">${this.label}</label>` : ""}
-              ${this.suffixIcon && this.variant !== "text" ? x`<slot name="suffix-icon">
-                    <nys-icon size="16" name=${this.suffixIcon}></nys-icon>
-                  </slot>` : ""}
-              ${this.circle && this.icon ? x`<slot name="circle-icon">
-                    <nys-icon
-                      size=${this.size === "sm" ? "24" : this.size === "lg" ? "40" : "32"}
-                      name=${this.icon}
-                    ></nys-icon>
-                  </slot>` : ""}
-            </button>
-          `}
-    `;
-  }
-}, A.VALID_SIZES = ["sm", "md", "lg"], A.VALID_VARIANTS = [
-  "filled",
-  "outline",
-  "ghost",
-  "text"
-], A.VALID_TYPES = ["submit", "reset", "button"], A.VALID_TARGETS = [
-  "_self",
-  "_blank",
-  "_parent",
-  "_top",
-  "framename"
-], A.styles = ze, A.formAssociated = !0, A);
-$([
-  g({ type: String })
-], f.prototype, "id", 2);
-$([
-  g({ type: String, reflect: !0 })
-], f.prototype, "name", 2);
-$([
-  g({ reflect: !0 })
-], f.prototype, "size", 1);
-$([
-  g({ type: Boolean, reflect: !0 })
-], f.prototype, "fullWidth", 2);
-$([
-  g({ reflect: !0 })
-], f.prototype, "variant", 1);
-$([
-  g({ type: Boolean, reflect: !0 })
-], f.prototype, "inverted", 2);
-$([
-  g({ type: String })
-], f.prototype, "label", 2);
-$([
-  g({ type: String })
-], f.prototype, "ariaLabel", 2);
-$([
-  g({ type: String })
-], f.prototype, "prefixIcon", 2);
-$([
-  g({ type: String })
-], f.prototype, "suffixIcon", 2);
-$([
-  g({ type: Boolean, reflect: !0 })
-], f.prototype, "circle", 2);
-$([
-  g({ type: String })
-], f.prototype, "icon", 2);
-$([
-  g({ type: Boolean, reflect: !0 })
-], f.prototype, "disabled", 2);
-$([
-  g({ type: String })
-], f.prototype, "form", 2);
-$([
-  g({ type: String })
-], f.prototype, "value", 2);
-$([
-  g({ reflect: !0 })
-], f.prototype, "type", 1);
-$([
-  g({ type: Function })
-], f.prototype, "onClick", 2);
-$([
-  g({ type: String })
-], f.prototype, "href", 2);
-$([
-  g({ reflect: !0 })
-], f.prototype, "target", 1);
-let Ye = f;
-customElements.get("nys-button") || customElements.define("nys-button", Ye);
-var Je = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, y = (n, t, e, s) => {
-  for (var o = s > 1 ? void 0 : s ? Qe(t, e) : t, i = n.length - 1, r; i >= 0; i--)
-    (r = n[i]) && (o = (s ? r(t, e, o) : r(o)) || o);
-  return s && o && Je(t, e, o), o;
-};
-let Xe = 0;
-var w;
-const u = (w = class extends jt {
-  // allows use of elementInternals' API
-  constructor() {
-    super(), this.id = "", this.name = "", this._type = "text", this.label = "", this.description = "", this.placeholder = "", this.value = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.optional = !1, this.form = "", this.pattern = "", this.maxlength = null, this.width = "full", this.step = null, this.min = null, this.max = null, this.showError = !1, this.errorMessage = "", this.showPassword = !1, this._originalErrorMessage = "", this._hasUserInteracted = !1, this._internals = this.attachInternals();
-  }
-  get type() {
-    return this._type;
-  }
-  set type(t) {
-    this._type = w.VALID_TYPES.includes(
-      t
-    ) ? t : "text";
-  }
-  // Ensure the "width" property is valid after updates
-  async updated(t) {
-    t.has("width") && (await Promise.resolve(), this.width = w.VALID_WIDTHS.includes(this.width) ? this.width : "full"), t.has("disabled") && (this._validateButtonSlot("startButton"), this._validateButtonSlot("endButton"));
-  }
-  // Generate a unique ID if one is not provided
-  connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-textinput-${Date.now()}-${Xe++}`), this._originalErrorMessage = this.errorMessage ?? "", this.addEventListener("invalid", this._handleInvalid);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid);
-  }
-  firstUpdated() {
-    this._setValue(), this._manageRequire();
-  }
-  // This callback is automatically called when the parent form is reset.
-  formResetCallback() {
-    this.value = "";
-  }
-  /********************** Form Integration **********************/
-  _setValue() {
-    this._internals.setFormValue(this.value), this._manageRequire();
-  }
-  _manageRequire() {
-    var o, i;
-    const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("input");
-    if (!t) return;
-    const e = this.errorMessage || "This field is required";
-    this.required && (!this.value || ((i = this.value) == null ? void 0 : i.trim()) === "") ? (this._internals.ariaRequired = "true", this._internals.setValidity({ valueMissing: !0 }, e, t)) : (this._internals.ariaRequired = "false", this._internals.setValidity({}), this._hasUserInteracted = !1);
-  }
-  _setValidityMessage(t = "") {
-    var o, i;
-    const e = (o = this.shadowRoot) == null ? void 0 : o.querySelector("input");
-    if (!e) return;
-    this.showError = !!t, (i = this._originalErrorMessage) != null && i.trim() && t !== "" ? this.errorMessage = this._originalErrorMessage : this.errorMessage = t;
-    const s = t ? { customError: !0 } : {};
-    this._internals.setValidity(s, this.errorMessage, e);
-  }
-  _validate() {
-    var o;
-    const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("input");
-    if (!t) return;
-    const e = t.validity;
-    let s = "";
-    e.valueMissing ? s = "This field is required" : e.typeMismatch ? s = "Invalid format for this type" : e.patternMismatch ? s = "Invalid format" : e.tooShort ? s = `Value is too short. Minimum length is ${t.minLength}` : e.tooLong ? s = `Value is too long. Maximum length is ${t.maxLength}` : e.rangeUnderflow ? s = `Value must be at least ${t.min}` : e.rangeOverflow ? s = `Value must be at most ${t.max}` : e.stepMismatch ? s = "Invalid step value" : s = t.validationMessage, this._setValidityMessage(s);
-  }
-  /********************** Functions **********************/
-  // This helper function is called to perform the element's native validation.
-  checkValidity() {
-    var e;
-    const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("input");
-    return t ? t.checkValidity() : !0;
-  }
-  _handleInvalid(t) {
-    var s;
-    t.preventDefault(), this._hasUserInteracted = !0, this._validate();
-    const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("input");
-    if (e) {
-      const o = this._internals.form;
-      o ? Array.from(o.elements).find(
-        (l) => typeof l.checkValidity == "function" && !l.checkValidity()
-      ) === this && e.focus() : e.focus();
-    }
-  }
-  _togglePasswordVisibility() {
-    this.showPassword = !this.showPassword;
-  }
-  /******************** Event Handlers ********************/
-  // Handle input event to check pattern validity
-  _handleInput(t) {
-    const e = t.target;
-    this.value = e.value, this._internals.setFormValue(this.value), this._hasUserInteracted && this._validate(), this.dispatchEvent(
-      new CustomEvent("nys-input", {
-        detail: { value: this.value },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  // Handle focus event
-  _handleFocus() {
-    this.dispatchEvent(new Event("nys-focus"));
-  }
-  // Handle blur event
-  _handleBlur() {
-    this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(new Event("nys-blur"));
+  // Handle blur event
+  _handleBlur() {
+    this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(new Event("nys-blur"));
   }
   _validateButtonSlot(t) {
-    var r, l;
-    const e = (r = this.shadowRoot) == null ? void 0 : r.querySelector(
+    var o, l;
+    const e = (o = this.shadowRoot) == null ? void 0 : o.querySelector(
       'slot[name="' + t + '"]'
     ), s = (l = this.shadowRoot) == null ? void 0 : l.querySelector(
       ".nys-textinput__buttoncontainer"
     );
     if (!e || !s) return;
-    const o = e.assignedElements();
-    let i = !1;
-    o.forEach((a) => {
-      a instanceof HTMLElement && a.tagName.toLowerCase() === "nys-button" && !i ? (i = !0, a.setAttribute("size", "sm"), a.setAttribute("variant", "primary"), this.disabled ? a.setAttribute("disabled", "true") : a.removeAttribute("disabled")) : (console.warn(
+    const i = e.assignedElements();
+    let r = !1;
+    i.forEach((a) => {
+      a instanceof HTMLElement && a.tagName.toLowerCase() === "nys-button" && !r ? (r = !0, a.setAttribute("size", "sm"), a.setAttribute("variant", "primary"), this.disabled ? a.setAttribute("disabled", "true") : a.removeAttribute("disabled")) : (console.warn(
         "The '" + t + "' slot only accepts a single <nys-button> element. Removing invalid or extra node:",
         a
       ), a.remove());
-    }), t === "startButton" ? s.classList.toggle("has-start-button", i) : t === "endButton" && s.classList.toggle("has-end-button", i);
+    }), t === "startButton" ? s.classList.toggle("has-start-button", r) : t === "endButton" && s.classList.toggle("has-end-button", r);
   }
   render() {
-    return x`
+    return F`
       <div class="nys-textinput">
         <nys-label
           id=${this.id}
@@ -2104,22 +917,22 @@ const u = (w = class extends jt {
               aria-disabled="${this.disabled}"
               aria-label="${[this.label, this.description].filter(Boolean).join(" ")}"
               .value=${this.value}
-              placeholder=${T(
+              placeholder=${x(
       this.placeholder ? this.placeholder : void 0
     )}
-              pattern=${T(this.pattern ? this.pattern : void 0)}
-              min=${T(this.min !== "" ? this.min : void 0)}
-              maxlength=${T(
+              pattern=${x(this.pattern ? this.pattern : void 0)}
+              min=${x(this.min !== "" ? this.min : void 0)}
+              maxlength=${x(
       this.maxlength !== "" ? this.maxlength : void 0
     )}
-              step=${T(this.step !== "" ? this.step : void 0)}
-              max=${T(this.max !== "" ? this.max : void 0)}
-              form=${T(this.form ? this.form : void 0)}
+              step=${x(this.step !== "" ? this.step : void 0)}
+              max=${x(this.max !== "" ? this.max : void 0)}
+              form=${x(this.form ? this.form : void 0)}
               @input=${this._handleInput}
               @focus="${this._handleFocus}"
               @blur="${this._handleBlur}"
             />
-            ${this.type === "password" ? x` <nys-button
+            ${this.type === "password" ? F` <nys-button
                   class="eye-icon"
                   id="password-toggle"
                   suffixIcon="slotted"
@@ -2146,7 +959,7 @@ const u = (w = class extends jt {
       </div>
     `;
   }
-}, w.VALID_TYPES = [
+}, f.VALID_TYPES = [
   "email",
   "number",
   "password",
@@ -2154,73 +967,73 @@ const u = (w = class extends jt {
   "tel",
   "text",
   "url"
-], w.VALID_WIDTHS = ["sm", "md", "lg", "full"], w.styles = ve, w.formAssociated = !0, w);
-y([
-  p({ type: String })
-], u.prototype, "id", 2);
-y([
-  p({ type: String, reflect: !0 })
-], u.prototype, "name", 2);
-y([
-  p({ reflect: !0 })
-], u.prototype, "type", 1);
-y([
-  p({ type: String })
-], u.prototype, "label", 2);
-y([
-  p({ type: String })
-], u.prototype, "description", 2);
-y([
-  p({ type: String })
-], u.prototype, "placeholder", 2);
-y([
-  p({ type: String })
-], u.prototype, "value", 2);
-y([
-  p({ type: Boolean, reflect: !0 })
-], u.prototype, "disabled", 2);
-y([
-  p({ type: Boolean, reflect: !0 })
-], u.prototype, "readonly", 2);
-y([
-  p({ type: Boolean, reflect: !0 })
-], u.prototype, "required", 2);
-y([
-  p({ type: Boolean, reflect: !0 })
-], u.prototype, "optional", 2);
-y([
-  p({ type: String })
-], u.prototype, "form", 2);
-y([
-  p({ type: String })
-], u.prototype, "pattern", 2);
-y([
-  p({ type: Number })
-], u.prototype, "maxlength", 2);
-y([
-  p({ reflect: !0 })
-], u.prototype, "width", 2);
-y([
-  p({ type: Number })
-], u.prototype, "step", 2);
-y([
-  p({ type: Number })
-], u.prototype, "min", 2);
-y([
-  p({ type: Number })
-], u.prototype, "max", 2);
-y([
-  p({ type: Boolean, reflect: !0 })
-], u.prototype, "showError", 2);
-y([
-  p({ type: String })
-], u.prototype, "errorMessage", 2);
-y([
-  be()
-], u.prototype, "showPassword", 2);
-let ts = u;
-customElements.get("nys-textinput") || customElements.define("nys-textinput", ts);
+], f.VALID_WIDTHS = ["sm", "md", "lg", "full"], f.styles = wt, f.formAssociated = !0, f);
+c([
+  u({ type: String })
+], d.prototype, "id", 2);
+c([
+  u({ type: String, reflect: !0 })
+], d.prototype, "name", 2);
+c([
+  u({ reflect: !0 })
+], d.prototype, "type", 1);
+c([
+  u({ type: String })
+], d.prototype, "label", 2);
+c([
+  u({ type: String })
+], d.prototype, "description", 2);
+c([
+  u({ type: String })
+], d.prototype, "placeholder", 2);
+c([
+  u({ type: String })
+], d.prototype, "value", 2);
+c([
+  u({ type: Boolean, reflect: !0 })
+], d.prototype, "disabled", 2);
+c([
+  u({ type: Boolean, reflect: !0 })
+], d.prototype, "readonly", 2);
+c([
+  u({ type: Boolean, reflect: !0 })
+], d.prototype, "required", 2);
+c([
+  u({ type: Boolean, reflect: !0 })
+], d.prototype, "optional", 2);
+c([
+  u({ type: String })
+], d.prototype, "form", 2);
+c([
+  u({ type: String })
+], d.prototype, "pattern", 2);
+c([
+  u({ type: Number })
+], d.prototype, "maxlength", 2);
+c([
+  u({ reflect: !0 })
+], d.prototype, "width", 2);
+c([
+  u({ type: Number })
+], d.prototype, "step", 2);
+c([
+  u({ type: Number })
+], d.prototype, "min", 2);
+c([
+  u({ type: Number })
+], d.prototype, "max", 2);
+c([
+  u({ type: Boolean, reflect: !0 })
+], d.prototype, "showError", 2);
+c([
+  u({ type: String })
+], d.prototype, "errorMessage", 2);
+c([
+  xt()
+], d.prototype, "showPassword", 2);
+let Nt = d;
+customElements.get("nys-textinput") || customElements.define("nys-textinput", Nt);
 export {
-  ts as NysTextinput
+  Nt as NysTextinput
 };
 //# sourceMappingURL=nys-textinput.js.map