@nysds/nys-button 1.11.1 → 1.11.3

package/dist/nys-button.js

@@ -1,1194 +1,15 @@
-import { css as it, LitElement as at, html as _ } from "lit";
-/*!
-   * 
-   * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
-   * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
-   * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
-   * 
-   * 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 D = globalThis, j = D.ShadowRoot && (D.ShadyCSS === void 0 || D.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, et = Symbol(), B = /* @__PURE__ */ new WeakMap();
-let lt = class {
-  constructor(t, e, o) {
-    if (this._$cssResult$ = !0, o !== et) 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 (j && t === void 0) {
-      const o = e !== void 0 && e.length === 1;
-      o && (t = B.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && B.set(e, t));
-    }
-    return t;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const ct = (n) => new lt(typeof n == "string" ? n : n + "", void 0, et), dt = (n, t) => {
-  if (j) n.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet));
-  else for (const e of t) {
-    const o = document.createElement("style"), r = D.litNonce;
-    r !== void 0 && o.setAttribute("nonce", r), o.textContent = e.cssText, n.appendChild(o);
-  }
-}, G = j ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
-  let e = "";
-  for (const o of t.cssRules) e += o.cssText;
-  return ct(e);
-})(n) : n;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { is: ut, defineProperty: ht, getOwnPropertyDescriptor: bt, getOwnPropertyNames: yt, getOwnPropertySymbols: ft, getPrototypeOf: vt } = Object, M = globalThis, W = M.trustedTypes, pt = W ? W.emptyScript : "", _t = M.reactiveElementPolyfillSupport, C = (n, t) => n, H = { toAttribute(n, t) {
-  switch (t) {
-    case Boolean:
-      n = n ? pt : 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;
-} }, F = (n, t) => !ut(n, t), K = { attribute: !0, type: String, converter: H, reflect: !1, useDefault: !1, hasChanged: F };
-Symbol.metadata ??= Symbol("metadata"), M.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-class w extends HTMLElement {
-  static addInitializer(t) {
-    this._$Ei(), (this.l ??= []).push(t);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  static createProperty(t, e = K) {
-    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
-      const o = Symbol(), r = this.getPropertyDescriptor(t, o, e);
-      r !== void 0 && ht(this.prototype, t, r);
-    }
-  }
-  static getPropertyDescriptor(t, e, o) {
-    const { get: r, set: s } = bt(this.prototype, t) ?? { get() {
-      return this[e];
-    }, set(i) {
-      this[e] = i;
-    } };
-    return { get: r, set(i) {
-      const l = r?.call(this);
-      s?.call(this, i), this.requestUpdate(t, l, o);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? K;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(C("elementProperties"))) return;
-    const t = vt(this);
-    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(C("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(C("properties"))) {
-      const e = this.properties, o = [...yt(e), ...ft(e)];
-      for (const r of o) this.createProperty(r, e[r]);
-    }
-    const t = this[Symbol.metadata];
-    if (t !== null) {
-      const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [o, r] of e) this.elementProperties.set(o, r);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, o] of this.elementProperties) {
-      const r = this._$Eu(e, o);
-      r !== void 0 && this._$Eh.set(r, e);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(t) {
-    const e = [];
-    if (Array.isArray(t)) {
-      const o = new Set(t.flat(1 / 0).reverse());
-      for (const r of o) e.unshift(G(r));
-    } else t !== void 0 && e.push(G(t));
-    return e;
-  }
-  static _$Eu(t, e) {
-    const o = e.attribute;
-    return o === !1 ? void 0 : typeof o == "string" ? o : typeof t == "string" ? t.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    this._$ES = new Promise(((t) => this.enableUpdating = t)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t) => t(this)));
-  }
-  addController(t) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
-  }
-  removeController(t) {
-    this._$EO?.delete(t);
-  }
-  _$E_() {
-    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const o of e.keys()) this.hasOwnProperty(o) && (t.set(o, this[o]), delete this[o]);
-    t.size > 0 && (this._$Ep = t);
-  }
-  createRenderRoot() {
-    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return dt(t, this.constructor.elementStyles), t;
-  }
-  connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
-  }
-  enableUpdating(t) {
-  }
-  disconnectedCallback() {
-    this._$EO?.forEach(((t) => t.hostDisconnected?.()));
-  }
-  attributeChangedCallback(t, e, o) {
-    this._$AK(t, o);
-  }
-  _$ET(t, e) {
-    const o = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, o);
-    if (r !== void 0 && o.reflect === !0) {
-      const s = (o.converter?.toAttribute !== void 0 ? o.converter : H).toAttribute(e, o.type);
-      this._$Em = t, s == null ? this.removeAttribute(r) : this.setAttribute(r, s), this._$Em = null;
-    }
-  }
-  _$AK(t, e) {
-    const o = this.constructor, r = o._$Eh.get(t);
-    if (r !== void 0 && this._$Em !== r) {
-      const s = o.getPropertyOptions(r), i = typeof s.converter == "function" ? { fromAttribute: s.converter } : s.converter?.fromAttribute !== void 0 ? s.converter : H;
-      this._$Em = r;
-      const l = i.fromAttribute(e, s.type);
-      this[r] = l ?? this._$Ej?.get(r) ?? l, this._$Em = null;
-    }
-  }
-  requestUpdate(t, e, o) {
-    if (t !== void 0) {
-      const r = this.constructor, s = this[t];
-      if (o ??= r.getPropertyOptions(t), !((o.hasChanged ?? F)(s, e) || o.useDefault && o.reflect && s === this._$Ej?.get(t) && !this.hasAttribute(r._$Eu(t, o)))) return;
-      this.C(t, e, o);
-    }
-    this.isUpdatePending === !1 && (this._$ES = this._$EP());
-  }
-  C(t, e, { useDefault: o, reflect: r, wrapped: s }, i) {
-    o && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, i ?? e ?? this[t]), s !== !0 || i !== void 0) || (this._$AL.has(t) || (this.hasUpdated || o || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
-  }
-  async _$EP() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$ES;
-    } catch (e) {
-      Promise.reject(e);
-    }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    if (!this.isUpdatePending) return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [r, s] of this._$Ep) this[r] = s;
-        this._$Ep = void 0;
-      }
-      const o = this.constructor.elementProperties;
-      if (o.size > 0) for (const [r, s] of o) {
-        const { wrapped: i } = s, l = this[r];
-        i !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, s, l);
-      }
-    }
-    let t = !1;
-    const e = this._$AL;
-    try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach(((o) => o.hostUpdate?.())), this.update(e)) : this._$EM();
-    } catch (o) {
-      throw t = !1, this._$EM(), o;
-    }
-    t && this._$AE(e);
-  }
-  willUpdate(t) {
-  }
-  _$AE(t) {
-    this._$EO?.forEach(((e) => e.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
-  }
-  _$EM() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(t) {
-    return !0;
-  }
-  update(t) {
-    this._$Eq &&= this._$Eq.forEach(((e) => this._$ET(e, this[e]))), this._$EM();
-  }
-  updated(t) {
-  }
-  firstUpdated(t) {
-  }
-}
-w.elementStyles = [], w.shadowRootOptions = { mode: "open" }, w[C("elementProperties")] = /* @__PURE__ */ new Map(), w[C("finalized")] = /* @__PURE__ */ new Map(), _t?.({ ReactiveElement: w }), (M.reactiveElementVersions ??= []).push("2.1.1");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const gt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: F }, $t = (n = gt, t, e) => {
-  const { kind: o, metadata: r } = e;
-  let s = globalThis.litPropertyMetadata.get(r);
-  if (s === void 0 && globalThis.litPropertyMetadata.set(r, s = /* @__PURE__ */ new Map()), o === "setter" && ((n = Object.create(n)).wrapped = !0), s.set(e.name, n), o === "accessor") {
-    const { name: i } = e;
-    return { set(l) {
-      const a = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(i, a, n);
-    }, init(l) {
-      return l !== void 0 && this.C(i, void 0, n, l), l;
-    } };
-  }
-  if (o === "setter") {
-    const { name: i } = e;
-    return function(l) {
-      const a = this[i];
-      t.call(this, l), this.requestUpdate(i, a, n);
-    };
-  }
-  throw Error("Unsupported decorator location: " + o);
-};
-function u(n) {
-  return (t, e) => typeof e == "object" ? $t(n, t, e) : ((o, r, s) => {
-    const i = r.hasOwnProperty(s);
-    return r.constructor.createProperty(s, o), i ? Object.getOwnPropertyDescriptor(r, s) : void 0;
-  })(n, t, e);
-}
-const mt = it`
-  :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-border-radius--start: var(--nys-radius-xl, 12px);
-    --_nys-button-border-radius--end: 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-border-width: var(--nys-border-width-md, 2px);
-    --_nys-button-outline-width: var(--nys-border-width-md, 2px);
-    --_nys-button-outline-offset: var(--nys-space-2px, 2px);
-    --_nys-button-outline-color: var(--nys-color-focus, #004dd1);
-
-    /* Global Button Colors */
-    --_nys-button-background-color: var(
-      --nys-button-background-color,
-      var(--nys-color-theme, #154973)
-    );
-    --_nys-button-color: var(
-      --nys-button-color,
-      var(--nys-color-text-reverse, #ffffff)
-    );
-    --_nys-button-border-color: var(
-      --nys-button-border-color,
-      var(--nys-color-theme, #154973)
-    );
-
-    --_nys-button-background-color--hover: var(
-      --nys-button-background-color--hover,
-      var(--nys-color-theme-strong, #0e324f)
-    );
-    --_nys-button-color--hover: var(
-      --nys-button-color--hover,
-      var(--nys-color-text-reverse, #ffffff)
-    );
-    --_nys-button-border-color--hover: var(
-      --nys-button-border-color--hover,
-      var(--nys-color-theme-strong, #0e324f)
-    );
-
-    --_nys-button-background-color--active: var(
-      --nys-button-background-color--active,
-      var(--nys-color-theme-stronger, #081b2b)
-    );
-    --_nys-button-color--active: var(
-      --nys-button-color--active,
-      var(--nys-color-text-reverse, #ffffff)
-    );
-    --_nys-button-border-color--active: var(
-      --nys-button-border-color--active,
-      var(--nys-color-theme-stronger, #081b2b)
-    );
-
-    --_nys-button-background-color--disabled: var(
-      --nys-color-neutral-10,
-      #f6f6f6
-    );
-    --_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);
-    --_nys-button-border-color--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-background-color: var(
-      --nys-button-background-color,
-      var(--nys-color-theme, #154973)
-    );
-    --_nys-button-color: var(
-      --nys-button-color,
-      var(--nys-color-text-reverse, #ffffff)
-    );
-    --_nys-button-border-color: var(
-      --nys-button-border-color,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Filled - Hover */
-    --_nys-button-background-color--hover: var(
-      --nys-button-background-color--hover,
-      var(--nys-color-theme-strong, #0e324f)
-    );
-    --_nys-button-color--hover: var(
-      --nys-button-color--hover,
-      var(--nys-color-text-reverse, #ffffff)
-    );
-    --_nys-button-border-color: var(
-      --nys-button-border-color,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Filled - Pressed/Active */
-    --_nys-button-background-color--active: var(
-      --nys-button-background-color--active,
-      var(--nys-color-theme-stronger, #081b2b)
-    );
-    --_nys-button-color--active: var(
-      --nys-button-color--active,
-      var(--nys-color-text-reverse, #ffffff)
-    );
-    --_nys-button-border-color: var(
-      --nys-button-border-color,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Filled - Disabled */
-    --_nys-button-background-color--disabled: var(
-      --nys-color-neutral-10,
-      #f6f6f6
-    );
-    --_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);
-    --_nys-button-border-color: var(
-      --nys-button-border-color,
-      var(--nys-color-transparent, #ffffff00)
-    );
-  }
-
-  /* Outline */
-  :host([variant="outline"]) {
-    /* Outline - Default */
-    --_nys-button-background-color: var(
-      --nys-button-background-color,
-      var(--nys-color-surface, #ffffff)
-    );
-    --_nys-button-color: var(
-      --nys-button-color,
-      var(--nys-color-theme, #154973)
-    );
-    --_nys-button-border-color: var(
-      --nys-button-border-color,
-      var(--nys-color-theme, #154973)
-    );
-
-    /* Outline - Hover */
-    --_nys-button-background-color--hover: var(
-      --nys-button-background-color--hover,
-      var(--nys-color-theme-weaker, #eff6fb)
-    );
-    --_nys-button-color--hover: var(
-      --nys-button-color--hover,
-      var(--nys-color-theme, #154973)
-    );
-    --_nys-button-border-color--hover: var(
-      --nys-button-border-color--hover,
-      var(--nys-color-theme, #154973)
-    );
-
-    /* Outline - Pressed/Active */
-    --_nys-button-background-color--active: var(
-      --nys-button-background-color--active,
-      var(--nys-color-theme-weak, #cddde9)
-    );
-    --_nys-button-color--active: var(
-      --nys-button-color--active,
-      var(--nys-color-theme, #154973)
-    );
-    --_nys-button-border-color--active: var(
-      --nys-button-border-color--active,
-      var(--nys-color-theme, #154973)
-    );
-
-    /* Outline - Disabled */
-    --_nys-button-background-color--disabled: var(--nys-color-surface, #ffffff);
-    --_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);
-    --_nys-button-border-color--disabled: var(--nys-color-neutral-100, #d0d0ce);
-  }
-
-  /* Text */
-  :host([variant="text"]) {
-    --_nys-button-height: fit-content;
-    --_nys-button-border-radius--start: var(--nys-radius-md, 4px);
-    --_nys-button-border-radius--end: 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-border-width: 0px;
-    --_nys-button-text-decoration: underline;
-
-    /* Text - Default */
-    --_nys-button-background-color: var(
-      --nys-button-background-color,
-      var(--nys-color-transparent, #ffffff00)
-    );
-    --_nys-button-color: var(
-      --nys-button-color,
-      var(--nys-color-link, #004dd1)
-    );
-    --_nys-button-border-color: var(
-      --nys-button-border-color,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Text - Hover */
-    --_nys-button-background-color--hover: var(
-      --nys-button-background-color--hover,
-      var(--nys-color-transparent, #ffffff00)
-    );
-    --_nys-button-color--hover: var(
-      --nys-button-color--hover,
-      var(--nys-color-link-strong, #003ba1)
-    );
-    --_nys-button-border-color--hover: var(
-      --nys-button-border-color--hover,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Text - Pressed/Active */
-    --_nys-button-background-color--active: var(
-      --nys-button-background-color--active,
-      var(--nys-color-transparent, #ffffff00)
-    );
-    --_nys-button-color--active: var(
-      --nys-button-color--active,
-      var(--nys-color-link-strongest, #002971)
-    );
-    --_nys-button-border-color--active: var(
-      --nys-button-border-color--active,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Text - Disabled */
-    --_nys-button-background-color--disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-    --_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);
-    --_nys-button-border-color--disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-  }
-
-  /* Ghost */
-  :host([variant="ghost"]) {
-    /* Ghost - Default */
-    --_nys-button-background-color: var(
-      --nys-button-background-color,
-      var(--nys-color-transparent, #ffffff00)
-    );
-    --_nys-button-color: var(
-      --nys-button-color,
-      var(--nys-color-text, #1b1b1b)
-    );
-    --_nys-button-border-color: var(
-      --nys-button-border-color,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Ghost - Hover */
-    --_nys-button-background-color--hover: var(
-      --nys-button-background-color--hover,
-      var(--nys-color-black-transparent-100, #0000001a)
-    );
-    --_nys-button-color--hover: var(
-      --nys-button-color--hover,
-      var(--nys-color-text, #1b1b1b)
-    );
-    --_nys-button-border-color--hover: var(
-      --nys-button-border-color--hover,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Ghost - Active */
-    --_nys-button-background-color--active: var(
-      --nys-button-background-color--active,
-      var(--nys-color-black-transparent-200, #00000033)
-    );
-    --_nys-button-color--active: var(
-      --nys-button-color--active,
-      var(--nys-color-text, #1b1b1b)
-    );
-    --_nys-button-border-color--active: var(
-      --nys-button-border-color--active,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Ghost - Disabled */
-    --_nys-button-background-color--disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-    --_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);
-    --_nys-button-border-color--disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-  }
-
-  /* INVERTED VARIANTS */
-
-  /* Filled Inverted */
-  :host([variant="filled"][inverted]) {
-    /* Filled Inverted - Default */
-    --_nys-button-background-color: var(
-      --nys-button-background-color,
-      var(--nys-color-surface, #ffffff)
-    );
-    --_nys-button-color: var(
-      --nys-button-color,
-      var(--nys-color-text, #1b1b1b)
-    );
-    --_nys-button-border-color--disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-
-    /* Filled Inverted - Hover */
-    --_nys-button-background-color--hover: var(
-      --nys-button-background-color--hover,
-      var(--nys-color-neutral-100, #d0d0ce)
-    );
-    --_nys-button-color--hover: var(
-      --nys-button-color--hover,
-      var(--nys-color-text, #1b1b1b)
-    );
-    --_nys-button-border-color--disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-
-    /* Filled Inverted - Pressed/Active */
-    --_nys-button-background-color--active: var(
-      --nys-button-background-color--active,
-      var(--nys-color-neutral-300, #a7a9ab)
-    );
-    --_nys-button-color--active: var(
-      --nys-button-color--active,
-      var(--nys-color-text, #1b1b1b)
-    );
-    --_nys-button-border-color--disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-
-    /* Filled Inverted - Disabled */
-    --_nys-button-background-color--disabled: var(--nys-color-text, #1b1b1b);
-    --_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a);
-    --_nys-button-border-color--disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-  }
-
-  /* Outline Inverted */
-  :host([variant="outline"][inverted]) {
-    /* Outline Inverted - Default */
-    --_nys-button-background-color: var(
-      --nys-button-background-color,
-      var(--nys-color-surface-reverse, #1b1b1b)
-    );
-    --_nys-button-color: var(
-      --nys-button-color,
-      var(--nys-color-text-reverse, #ffffff)
-    );
-    --_nys-button-border-color: var(
-      --nys-button-border-color,
-      var(--nys-color-ink-reverse, #ffffff)
-    );
-
-    /* Outline Inverted - Hover */
-    --_nys-button-background-color--hover: var(
-      --nys-button-background-color--hover,
-      var(--nys-color-surface-reverse, #1b1b1b)
-    );
-    --_nys-button-color--hover: var(
-      --nys-button-color--hover,
-      var(--nys-color-text-reverse-weak, #d0d0ce)
-    );
-    --_nys-button-border-color--hover: var(
-      --nys-button-border-color--hover,
-      var(--nys-color-neutral-100, #d0d0ce)
-    );
-
-    /* Outline Inverted - Pressed/Active */
-    --_nys-button-background-color--active: var(
-      --nys-button-background-color--active,
-      var(--nys-color-surface-reverse, #1b1b1b)
-    );
-    --_nys-button-color--active: var(
-      --nys-button-color--active,
-      var(--nys-color-text-reverse-weaker, #bec0c1)
-    );
-    --_nys-button-border-color--active: var(
-      --nys-button-border-color--active,
-      var(--nys-color-neutral-300, #a7a9ab)
-    );
-
-    /* Outline Inverted - Disabled */
-    --_nys-button-background-color--disabled: var(
-      --nys-color-surface-reverse,
-      #1b1b1b
-    );
-    --_nys-button-color--disabled: var(
-      --nys-color-text-reverse-disabled,
-      #62666a
-    );
-    --_nys-button-border-color--disabled: var(--nys-color-neutral-600, #62666a);
-  }
-
-  /* Text Inverted */
-  :host([variant="text"][inverted]) {
-    --_nys-button-height: fit-content;
-    --_nys-button-border-radius--start: var(--nys-radius-md, 4px);
-    --_nys-button-border-radius--end: 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-border-width: 0px;
-    --_nys-button-text-decoration: underline;
-
-    /* Text Inverted - Default */
-    --_nys-button-background-color: var(
-      --nys-button-background-color,
-      var(--nys-color-transparent, #ffffff00)
-    );
-    --_nys-button-color: var(
-      --nys-button-color,
-      var(--nys-color-link-reverse, #a7a9ab)
-    );
-    --_nys-button-border-color: var(
-      --nys-button-border-color,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Text Inverted - Hover */
-    --_nys-button-background-color--hover: var(
-      --nys-button-background-color--hover,
-      var(--nys-color-transparent, #ffffff00)
-    );
-    --_nys-button-color--hover: var(
-      --nys-button-color--hover,
-      var(--nys-color-link-reverse-strong, #ededed)
-    );
-    --_nys-button-border-color--hover: var(
-      --nys-button-border-color--hover,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Text Inverted - Pressed/Active */
-    --_nys-button-background-color--active: var(
-      --nys-button-background-color--active,
-      var(--nys-color-transparent, #ffffff00)
-    );
-    --_nys-button-color--active: var(
-      --nys-button-color--active,
-      var(--nys-color-reverse-strongest, #ffffff)
-    );
-    --_nys-button-border-color--active: var(
-      --nys-button-border-color--active,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Text Inverted - Disabled */
-    --_nys-button-background-color--disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-    --_nys-button-color--disabled: var(
-      --nys-color-text-reverse-disabled,
-      #62666a
-    );
-    --_nys-button-border-color--disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-  }
-
-  /* Ghost Inverted */
-  :host([variant="ghost"][inverted]) {
-    /* Ghost Inverted - Default */
-    --_nys-button-background-color: var(
-      --nys-button-background-color,
-      var(--nys-color-transparent, #ffffff00)
-    );
-    --_nys-button-color: var(
-      --nys-button-color,
-      var(--nys-color-text-reverse, #ffffff)
-    );
-    --_nys-button-border-color: var(
-      --nys-button-border-color,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Ghost Inverted - Hover */
-    --_nys-button-background-color--hover: var(
-      --nys-button-background-color--hover,
-      var(--nys-color-white-transparent-100, #ffffff1a)
-    );
-    --_nys-button-color--hover: var(
-      --nys-button-color--hover,
-      var(--nys-color-text-reverse, #ffffff)
-    );
-    --_nys-button-border-color--hover: var(
-      --nys-button-border-color--hover,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Ghost Inverted - Pressed/Active */
-    --_nys-button-background-color--active: var(
-      --nys-button-background-color--active,
-      var(--nys-color-white-transparent-200, #ffffff33)
-    );
-    --_nys-button-color--active: var(
-      --nys-button-color--active,
-      var(--nys-color-text-reverse, #ffffff)
-    );
-    --_nys-button-border-color--active: var(
-      --nys-button-border-color--active,
-      var(--nys-color-transparent, #ffffff00)
-    );
-
-    /* Ghost Inverted - Disabled */
-    --_nys-button-background-color--disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-    --_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a);
-    --_nys-button-border-color--disabled: var(
-      --nys-color-transparent,
-      #ffffff00
-    );
-  }
-
-  /* Circle */
-  :host([circle]) {
-    --_nys-button-width: var(--_nys-button-height);
-    --_nys-button-border-radius--start: var(--nys-radius-round, 1776px);
-    --_nys-button-border-radius--end: 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);
-    height: var(--_nys-button-height);
-    /* set every corner individually */
-    border-start-start-radius: var(--_nys-button-border-radius--start);
-    border-end-start-radius: var(--_nys-button-border-radius--start);
-    border-start-end-radius: var(--_nys-button-border-radius--end);
-    border-end-end-radius: var(--_nys-button-border-radius--end);
-    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-background-color);
-    color: var(--_nys-button-color);
-    border: solid var(--_nys-button-border-width)
-      var(--_nys-button-border-color);
-    cursor: var(--_nys-button-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-background-color--hover);
-    color: var(--_nys-button-color--hover);
-    border-color: var(--_nys-button-border-color--hover);
-  }
-
-  .nys-button:active {
-    background-color: var(--_nys-button-background-color--active);
-    color: var(--_nys-button-color--active);
-    border-color: var(--_nys-button-border-color--active);
-  }
-
-  .nys-button:disabled,
-  a[disabled] {
-    background-color: var(--_nys-button-background-color--disabled);
-    color: var(--_nys-button-color--disabled);
-    border-color: var(--_nys-button-border-color--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-background-color--disabled);
-    color: var(--_nys-button-color--disabled);
-    border-color: var(--_nys-button-border-color--disabled);
-  }
-
-  .nys-button * {
-    cursor: var(--_nys-button-cursor, pointer);
-  }
-
-  .nys-button:disabled * {
-    cursor: not-allowed;
-  }
-
-  .nys-button:focus-visible {
-    outline-offset: var(--_nys-button-outline-offset);
-    outline: solid var(--_nys-button-outline-width)
-      var(--_nys-button-outline-color);
-  }
-
-  .nys-button__text {
-    display: flex;
-    align-items: center;
-    user-select: none;
-  }
-`;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const V = globalThis, U = V.trustedTypes, Z = U ? U.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, ot = "$lit$", m = `lit$${Math.random().toFixed(9).slice(2)}$`, rt = "?" + m, At = `<${rt}>`, k = document, z = () => k.createComment(""), P = (n) => n === null || typeof n != "object" && typeof n != "function", q = Array.isArray, xt = (n) => q(n) || typeof n?.[Symbol.iterator] == "function", L = `[ 	
-\f\r]`, E = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, J = /-->/g, Y = />/g, A = RegExp(`>|${L}(?:([^\\s"'>=/]+)(${L}*=${L}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Q = /'/g, X = /"/g, nt = /^(?:script|style|textarea|title)$/i, I = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), tt = /* @__PURE__ */ new WeakMap(), x = k.createTreeWalker(k, 129);
-function st(n, t) {
-  if (!q(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Z !== void 0 ? Z.createHTML(t) : t;
-}
-const kt = (n, t) => {
-  const e = n.length - 1, o = [];
-  let r, s = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = E;
-  for (let l = 0; l < e; l++) {
-    const a = n[l];
-    let y, f, c = -1, g = 0;
-    for (; g < a.length && (i.lastIndex = g, f = i.exec(a), f !== null); ) g = i.lastIndex, i === E ? f[1] === "!--" ? i = J : f[1] !== void 0 ? i = Y : f[2] !== void 0 ? (nt.test(f[2]) && (r = RegExp("</" + f[2], "g")), i = A) : f[3] !== void 0 && (i = A) : i === A ? f[0] === ">" ? (i = r ?? E, c = -1) : f[1] === void 0 ? c = -2 : (c = i.lastIndex - f[2].length, y = f[1], i = f[3] === void 0 ? A : f[3] === '"' ? X : Q) : i === X || i === Q ? i = A : i === J || i === Y ? i = E : (i = A, r = void 0);
-    const $ = i === A && n[l + 1].startsWith("/>") ? " " : "";
-    s += i === E ? a + At : c >= 0 ? (o.push(y), a.slice(0, c) + ot + a.slice(c) + m + $) : a + m + (c === -2 ? l : $);
-  }
-  return [st(n, s + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
-};
-class T {
-  constructor({ strings: t, _$litType$: e }, o) {
-    let r;
-    this.parts = [];
-    let s = 0, i = 0;
-    const l = t.length - 1, a = this.parts, [y, f] = kt(t, e);
-    if (this.el = T.createElement(y, o), x.currentNode = this.el.content, e === 2 || e === 3) {
-      const c = this.el.content.firstChild;
-      c.replaceWith(...c.childNodes);
-    }
-    for (; (r = x.nextNode()) !== null && a.length < l; ) {
-      if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const c of r.getAttributeNames()) if (c.endsWith(ot)) {
-          const g = f[i++], $ = r.getAttribute(c).split(m), O = /([.?@])?(.*)/.exec(g);
-          a.push({ type: 1, index: s, name: O[2], strings: $, ctor: O[1] === "." ? wt : O[1] === "?" ? Et : O[1] === "@" ? Ct : N }), r.removeAttribute(c);
-        } else c.startsWith(m) && (a.push({ type: 6, index: s }), r.removeAttribute(c));
-        if (nt.test(r.tagName)) {
-          const c = r.textContent.split(m), g = c.length - 1;
-          if (g > 0) {
-            r.textContent = U ? U.emptyScript : "";
-            for (let $ = 0; $ < g; $++) r.append(c[$], z()), x.nextNode(), a.push({ type: 2, index: ++s });
-            r.append(c[g], z());
-          }
-        }
-      } else if (r.nodeType === 8) if (r.data === rt) a.push({ type: 2, index: s });
-      else {
-        let c = -1;
-        for (; (c = r.data.indexOf(m, c + 1)) !== -1; ) a.push({ type: 7, index: s }), c += m.length - 1;
-      }
-      s++;
-    }
-  }
-  static createElement(t, e) {
-    const o = k.createElement("template");
-    return o.innerHTML = t, o;
-  }
-}
-function S(n, t, e = n, o) {
-  if (t === I) return t;
-  let r = o !== void 0 ? e._$Co?.[o] : e._$Cl;
-  const s = P(t) ? void 0 : t._$litDirective$;
-  return r?.constructor !== s && (r?._$AO?.(!1), s === void 0 ? r = void 0 : (r = new s(n), r._$AT(n, e, o)), o !== void 0 ? (e._$Co ??= [])[o] = r : e._$Cl = r), r !== void 0 && (t = S(n, r._$AS(n, t.values), r, o)), t;
-}
-class St {
-  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: o } = this._$AD, r = (t?.creationScope ?? k).importNode(e, !0);
-    x.currentNode = r;
-    let s = x.nextNode(), i = 0, l = 0, a = o[0];
-    for (; a !== void 0; ) {
-      if (i === a.index) {
-        let y;
-        a.type === 2 ? y = new R(s, s.nextSibling, this, t) : a.type === 1 ? y = new a.ctor(s, a.name, a.strings, this, t) : a.type === 6 && (y = new Pt(s, this, t)), this._$AV.push(y), a = o[++l];
-      }
-      i !== a?.index && (s = x.nextNode(), i++);
-    }
-    return x.currentNode = k, r;
-  }
-  p(t) {
-    let e = 0;
-    for (const o of this._$AV) o !== void 0 && (o.strings !== void 0 ? (o._$AI(t, o, e), e += o.strings.length - 2) : o._$AI(t[e])), e++;
-  }
-}
-class R {
-  get _$AU() {
-    return this._$AM?._$AU ?? this._$Cv;
-  }
-  constructor(t, e, o, r) {
-    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = o, this.options = r, this._$Cv = r?.isConnected ?? !0;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const e = this._$AM;
-    return e !== void 0 && t?.nodeType === 11 && (t = e.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, e = this) {
-    t = S(this, t, e), P(t) ? t === b || t == null || t === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : t !== this._$AH && t !== I && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : xt(t) ? this.k(t) : this._(t);
-  }
-  O(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
-  }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
-  }
-  _(t) {
-    this._$AH !== b && P(this._$AH) ? this._$AA.nextSibling.data = t : this.T(k.createTextNode(t)), this._$AH = t;
-  }
-  $(t) {
-    const { values: e, _$litType$: o } = t, r = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = T.createElement(st(o.h, o.h[0]), this.options)), o);
-    if (this._$AH?._$AD === r) this._$AH.p(e);
-    else {
-      const s = new St(r, this), i = s.u(this.options);
-      s.p(e), this.T(i), this._$AH = s;
-    }
-  }
-  _$AC(t) {
-    let e = tt.get(t.strings);
-    return e === void 0 && tt.set(t.strings, e = new T(t)), e;
-  }
-  k(t) {
-    q(this._$AH) || (this._$AH = [], this._$AR());
-    const e = this._$AH;
-    let o, r = 0;
-    for (const s of t) r === e.length ? e.push(o = new R(this.O(z()), this.O(z()), this, this.options)) : o = e[r], o._$AI(s), r++;
-    r < e.length && (this._$AR(o && o._$AB.nextSibling, r), e.length = r);
-  }
-  _$AR(t = this._$AA.nextSibling, e) {
-    for (this._$AP?.(!1, !0, e); t !== this._$AB; ) {
-      const o = t.nextSibling;
-      t.remove(), t = o;
-    }
-  }
-  setConnected(t) {
-    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
-  }
-}
-class N {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t, e, o, r, s) {
-    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = s, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = b;
-  }
-  _$AI(t, e = this, o, r) {
-    const s = this.strings;
-    let i = !1;
-    if (s === void 0) t = S(this, t, e, 0), i = !P(t) || t !== this._$AH && t !== I, i && (this._$AH = t);
-    else {
-      const l = t;
-      let a, y;
-      for (t = s[0], a = 0; a < s.length - 1; a++) y = S(this, l[o + a], e, a), y === I && (y = this._$AH[a]), i ||= !P(y) || y !== this._$AH[a], y === b ? t = b : t !== b && (t += (y ?? "") + s[a + 1]), this._$AH[a] = y;
-    }
-    i && !r && this.j(t);
-  }
-  j(t) {
-    t === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-}
-class wt extends N {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === b ? void 0 : t;
-  }
-}
-class Et extends N {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== b);
-  }
-}
-class Ct extends N {
-  constructor(t, e, o, r, s) {
-    super(t, e, o, r, s), this.type = 5;
-  }
-  _$AI(t, e = this) {
-    if ((t = S(this, t, e, 0) ?? b) === I) return;
-    const o = this._$AH, r = t === b && o !== b || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, s = t !== b && (o === b || r);
-    r && this.element.removeEventListener(this.name, this, o), s && this.element.addEventListener(this.name, this, t), this._$AH = t;
-  }
-  handleEvent(t) {
-    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
-  }
-}
-class Pt {
-  constructor(t, e, o) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = o;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    S(this, t);
-  }
-}
-const It = V.litHtmlPolyfillSupport;
-It?.(T, R), (V.litHtmlVersions ??= []).push("3.3.1");
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const p = (n) => n ?? b;
-var Tt = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, h = (n, t, e, o) => {
-  for (var r = o > 1 ? void 0 : o ? Ot(t, e) : t, s = n.length - 1, i; s >= 0; s--)
-    (i = n[s]) && (r = (o ? i(t, e, r) : i(r)) || r);
-  return o && r && Tt(t, e, r), r;
+import { LitElement as d, unsafeCSS as v, html as a } from "lit";
+import { property as r } from "lit/decorators.js";
+import { ifDefined as c } from "lit/directives/if-defined.js";
+const f = ':host{--_nys-button-width: fit-content;--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-border-radius--start: var(--nys-radius-xl, 12px);--_nys-button-border-radius--end: var(--nys-radius-xl, 12px);--_nys-button-padding--y: calc( var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px) );--_nys-button-padding--x: calc( var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px) );--_nys-button-gap: var(--nys-space-100, 8px);--_nys-button-border-width: var(--nys-border-width-md, 2px);--_nys-button-outline-width: var(--nys-border-width-md, 2px);--_nys-button-outline-offset: var(--nys-space-2px, 2px);--_nys-button-outline-color: var(--nys-color-focus, #004dd1);--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-theme, #154973) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-theme, #154973) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-theme-strong, #0e324f) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-theme-stronger, #081b2b) );--_nys-button-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_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 ) )}:host([size=sm]){--_nys-button-height: var(--nys-size-500, 40px);--_nys-button-padding--y: calc( var(--nys-space-100, 8px) - var(--nys-border-width-md, 2px) );--_nys-button-padding--x: calc( var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px) )}:host([size=md]){--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-padding--y: calc( var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px) );--_nys-button-padding--x: calc( var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px) )}:host([size=lg]){--_nys-button-height: var(--nys-size-700, 56px);--_nys-button-padding--y: calc( var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px) );--_nys-button-padding--x: calc( var(--nys-space-300, 24px) - var(--nys-border-width-md, 2px) )}:host([fullWidth]){--_nys-button-width: 100%}:host([variant=filled]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-theme, #154973) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text-reverse, #ffffff) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text-reverse, #ffffff) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text-reverse, #ffffff) );--_nys-button-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) )}:host([variant=outline]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-surface, #ffffff) );--_nys-button-color: var( --nys-button-color, var(--nys-color-theme, #154973) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-theme, #154973) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-theme-weaker, #eff6fb) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-theme, #154973) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-theme, #154973) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-theme-weak, #cddde9) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-theme, #154973) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-theme, #154973) );--_nys-button-background-color--disabled: var(--nys-color-surface, #ffffff);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-100, #d0d0ce)}:host([variant=text]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: 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-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-color: var( --nys-button-color, var(--nys-color-link, #004dd1) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-link-strong, #003ba1) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-link-strongest, #002971) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--disabled: var( --nys-color-transparent, #ffffff00 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([variant=ghost]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text, #1b1b1b) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-black-transparent-100, #0000001a) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text, #1b1b1b) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-black-transparent-200, #00000033) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text, #1b1b1b) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--disabled: var( --nys-color-transparent, #ffffff00 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([variant=filled][inverted]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-surface, #ffffff) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text, #1b1b1b) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-neutral-100, #d0d0ce) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text, #1b1b1b) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-neutral-300, #a7a9ab) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text, #1b1b1b) );--_nys-button-background-color--disabled: var(--nys-color-text, #1b1b1b);--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([variant=outline][inverted]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-surface-reverse, #1b1b1b) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-ink-reverse, #ffffff) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-surface-reverse, #1b1b1b) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text-reverse-weak, #d0d0ce) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-neutral-100, #d0d0ce) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-surface-reverse, #1b1b1b) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text-reverse-weaker, #bec0c1) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-neutral-300, #a7a9ab) );--_nys-button-background-color--disabled: var( --nys-color-surface-reverse, #1b1b1b );--_nys-button-color--disabled: var( --nys-color-text-reverse-disabled, #62666a );--_nys-button-border-color--disabled: var(--nys-color-neutral-600, #62666a)}:host([variant=text][inverted]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: 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-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-color: var( --nys-button-color, var(--nys-color-link-reverse, #a7a9ab) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-link-reverse-strong, #ededed) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-reverse-strongest, #ffffff) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--disabled: var( --nys-color-transparent, #ffffff00 );--_nys-button-color--disabled: var( --nys-color-text-reverse-disabled, #62666a );--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([variant=ghost][inverted]){--_nys-button-background-color: var( --nys-button-background-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-color: var( --nys-button-color, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color: var( --nys-button-border-color, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--hover: var( --nys-button-background-color--hover, var(--nys-color-white-transparent-100, #ffffff1a) );--_nys-button-color--hover: var( --nys-button-color--hover, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color--hover: var( --nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--active: var( --nys-button-background-color--active, var(--nys-color-white-transparent-200, #ffffff33) );--_nys-button-color--active: var( --nys-button-color--active, var(--nys-color-text-reverse, #ffffff) );--_nys-button-border-color--active: var( --nys-button-border-color--active, var(--nys-color-transparent, #ffffff00) );--_nys-button-background-color--disabled: var( --nys-color-transparent, #ffffff00 );--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a);--_nys-button-border-color--disabled: var( --nys-color-transparent, #ffffff00 )}:host([circle]){--_nys-button-width: var(--_nys-button-height);--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);--_nys-button-border-radius--end: 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);border-start-start-radius:var(--_nys-button-border-radius--start);border-end-start-radius:var(--_nys-button-border-radius--start);border-start-end-radius:var(--_nys-button-border-radius--end);border-end-end-radius:var(--_nys-button-border-radius--end);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-background-color);color:var(--_nys-button-color);border:solid var(--_nys-button-border-width) var(--_nys-button-border-color);cursor:var(--_nys-button-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-background-color--hover);color:var(--_nys-button-color--hover);border-color:var(--_nys-button-border-color--hover)}.nys-button:active{background-color:var(--_nys-button-background-color--active);color:var(--_nys-button-color--active);border-color:var(--_nys-button-border-color--active)}.nys-button:disabled,a[disabled]{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled);cursor:not-allowed}.nys-button__linkwrapper:has([disabled]){cursor:not-allowed;width:fit-content}a[disabled]{pointer-events:none}a[disabled]:hover{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled)}.nys-button *{cursor:var(--_nys-button-cursor, pointer)}.nys-button:disabled *{cursor:not-allowed}.nys-button:focus-visible{outline-offset:var(--_nys-button-outline-offset);outline:solid var(--_nys-button-outline-width) var(--_nys-button-outline-color)}.nys-button__text{display:flex;align-items:center;-webkit-user-select:none;user-select:none}';
+var h = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (y, o, s, i) => {
+  for (var l = i > 1 ? void 0 : i ? _(o, s) : o, b = y.length - 1, u; b >= 0; b--)
+    (u = y[b]) && (l = (i ? u(o, s, l) : u(l)) || l);
+  return i && l && h(o, s, l), l;
 };
-let Dt = 0;
-var v;
-const d = (v = class extends at {
+let p = 0;
+var e;
+const t = (e = class extends d {
   // 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.ariaControls = "", this.prefixIcon = "", this.suffixIcon = "", this.circle = !1, this.icon = "", this.disabled = !1, this.form = null, this.value = "", this.ariaDescription = "", this._type = "button", this.onClick = null, this.href = "", this._target = "_self", this._internals = this.attachInternals();
@@ -1196,59 +17,59 @@ const d = (v = class extends at {
   get size() {
     return this._size;
   }
-  set size(t) {
-    this._size = v.VALID_SIZES.includes(
-      t
-    ) ? t : "md";
+  set size(o) {
+    this._size = e.VALID_SIZES.includes(
+      o
+    ) ? o : "md";
   }
   get variant() {
     return this._variant;
   }
-  set variant(t) {
-    this._variant = v.VALID_VARIANTS.includes(
-      t
-    ) ? t : "filled";
+  set variant(o) {
+    this._variant = e.VALID_VARIANTS.includes(
+      o
+    ) ? o : "filled";
   }
   get type() {
     return this._type;
   }
-  set type(t) {
-    this._type = v.VALID_TYPES.includes(
-      t
-    ) ? t : "button";
+  set type(o) {
+    this._type = e.VALID_TYPES.includes(
+      o
+    ) ? o : "button";
   }
   get target() {
     return this._target;
   }
-  set target(t) {
-    this._target = v.VALID_TARGETS.includes(
-      t
-    ) ? t : "_self";
+  set target(o) {
+    this._target = e.VALID_TARGETS.includes(
+      o
+    ) ? o : "_self";
   }
   async getButtonElement() {
     await this.updateComplete;
-    const t = this.shadowRoot?.querySelector("a.nys-button") || null;
-    if (t) return t;
-    const e = this.shadowRoot?.querySelector("button.nys-button") || null;
-    return e || null;
+    const o = this.shadowRoot?.querySelector("a.nys-button") || null;
+    if (o) return o;
+    const s = this.shadowRoot?.querySelector("button.nys-button") || null;
+    return s || null;
   }
   connectedCallback() {
     super.connectedCallback(), this.id || (this.id = this._generateUniqueId());
   }
   /******************** Functions ********************/
   _generateUniqueId() {
-    return `nys-button-${Date.now()}-${Dt++}`;
+    return `nys-button-${Date.now()}-${p++}`;
   }
   _manageFormAction() {
     typeof this.onClick == "function" && this.onClick !== null && this.onClick(new Event("click"));
-    const t = this._internals.form;
-    if (t)
+    const o = this._internals.form;
+    if (o)
       switch (this.type) {
         case "submit":
-          t.requestSubmit();
+          o.requestSubmit();
           break;
         case "reset":
-          t.reset();
+          o.reset();
           break;
       }
   }
@@ -1261,24 +82,24 @@ const d = (v = class extends at {
   _handleBlur() {
     this.shadowRoot?.querySelector(".nys-button")?.classList.remove("active-focus"), this.dispatchEvent(new Event("nys-blur"));
   }
-  _handleClick(t) {
+  _handleClick(o) {
     if (this.disabled) {
-      t.preventDefault();
+      o.preventDefault();
       return;
     }
     this._manageFormAction(), this.dispatchEvent(new Event("nys-click"));
   }
   // Handle keydown for keyboard accessibility
-  _handleKeydown(t) {
-    if (t.code === "Space" || t.code === "Enter" || t.key === " " || t.key === "Enter") {
+  _handleKeydown(o) {
+    if (o.code === "Space" || o.code === "Enter" || o.key === " " || o.key === "Enter") {
       if (this.disabled) return;
-      if (t.preventDefault(), this.href) {
-        const e = this.renderRoot.querySelector(
+      if (o.preventDefault(), this.href) {
+        const s = this.renderRoot.querySelector(
           "a.nys-button"
         );
-        e && e.click();
+        s && s.click();
       } else
-        this._handleAnyAttributeFunction(), this._handleClick(t);
+        this._handleAnyAttributeFunction(), this._handleClick(o);
     }
   }
   /**
@@ -1288,33 +109,32 @@ const d = (v = class extends at {
    * In vanilla HTML/JS, clicking with execute the attribute function, BUT now with keydown, hence this solution.
    */
   _handleAnyAttributeFunction() {
-    const t = this.getAttribute("onClick");
-    t && new Function("return " + t)();
+    const o = this.getAttribute("onClick");
+    o && new Function("return " + o)();
   }
   /******************** Public Methods ********************/
-  focus(t) {
-    const e = this.renderRoot.querySelector(
+  focus(o) {
+    const s = this.renderRoot.querySelector(
       this.href ? "a.nys-button" : "button.nys-button"
     );
-    e ? e.focus(t) : super.focus(t);
+    s ? s.focus(o) : super.focus(o);
   }
   render() {
-    return _`
-      ${this.href ? _`
+    return a`
+      ${this.href ? a`
             <div class="nys-button__linkwrapper">
               <a
                 class="nys-button"
-                id=${p(this.id)}
-                name=${p(this.name ? this.name : void 0)}
+                name=${c(this.name ? this.name : void 0)}
                 ?disabled=${this.disabled}
                 aria-disabled="${this.disabled ? "true" : "false"}"
-                value=${p(this.value ? this.value : void 0)}
+                value=${c(this.value ? this.value : void 0)}
                 href=${this.href}
                 target=${this.target}
-                aria-label=${p(
+                aria-label=${c(
       this.ariaLabel || this.label || (this.circle ? this.icon : null) || "button"
     )}
-                aria-description=${p(this.ariaDescription || void 0)}
+                aria-description=${c(this.ariaDescription || void 0)}
                 @click=${this._handleClick}
                 @focus="${this._handleFocus}"
                 @blur="${this._handleBlur}"
@@ -1322,14 +142,14 @@ const d = (v = class extends at {
                 role="button"
                 tabindex="${this.disabled ? -1 : 0}"
               >
-                ${this.prefixIcon && this.variant !== "text" ? _`<slot name="prefix-icon">
+                ${this.prefixIcon && this.variant !== "text" ? a`<slot name="prefix-icon">
                       <nys-icon size="16" name=${this.prefixIcon}></nys-icon>
                     </slot>` : ""}
-                ${this.label && !this.circle ? _`<div class="nys-button__text">${this.label}</div>` : ""}
-                ${this.suffixIcon && this.variant !== "text" ? _`<slot name="suffix-icon">
+                ${this.label && !this.circle ? a`<div class="nys-button__text">${this.label}</div>` : ""}
+                ${this.suffixIcon && this.variant !== "text" ? a`<slot name="suffix-icon">
                       <nys-icon size="16" name=${this.suffixIcon}></nys-icon>
                     </slot>` : ""}
-                ${this.circle && this.icon ? _`<slot name="circle-icon"
+                ${this.circle && this.icon ? a`<slot name="circle-icon"
                       ><nys-icon
                         size=${this.size === "sm" ? "24" : this.size === "lg" ? "40" : "32"}
                         name=${this.icon}
@@ -1337,34 +157,33 @@ const d = (v = class extends at {
                     ></slot>` : ""}
               </a>
             </div>
-          ` : _`
+          ` : a`
             <button
               class="nys-button"
-              id=${p(this.id)}
-              name=${p(this.name ? this.name : void 0)}
+              name=${c(this.name ? this.name : void 0)}
               ?disabled=${this.disabled}
-              form=${p(this.form || void 0)}
-              value=${p(this.value ? this.value : void 0)}
+              form=${c(this.form || void 0)}
+              value=${c(this.value ? this.value : void 0)}
               type=${this.type}
-              aria-controls=${p(this.ariaControls || void 0)}
-              aria-label=${p(
+              aria-controls=${c(this.ariaControls || void 0)}
+              aria-label=${c(
       this.ariaLabel || this.label || (this.circle ? this.icon : null) || this.prefixIcon || this.suffixIcon || "button"
     )}
-              aria-description=${p(this.ariaDescription || void 0)}
+              aria-description=${c(this.ariaDescription || void 0)}
               @click=${this._handleClick}
               @focus="${this._handleFocus}"
               @blur="${this._handleBlur}"
               @keydown="${this._handleKeydown}"
               role="button"
             >
-              ${this.prefixIcon && this.variant !== "text" ? _`<slot name="prefix-icon">
+              ${this.prefixIcon && this.variant !== "text" ? a`<slot name="prefix-icon">
                     <nys-icon size="16" name=${this.prefixIcon}></nys-icon>
                   </slot>` : ""}
-              ${this.label && !this.circle ? _`<div class="nys-button__text">${this.label}</div>` : ""}
-              ${this.suffixIcon && this.variant !== "text" ? _`<slot name="suffix-icon">
+              ${this.label && !this.circle ? a`<div class="nys-button__text">${this.label}</div>` : ""}
+              ${this.suffixIcon && this.variant !== "text" ? a`<slot name="suffix-icon">
                     <nys-icon size="16" name=${this.suffixIcon}></nys-icon>
                   </slot>` : ""}
-              ${this.circle && this.icon ? _`<slot name="circle-icon">
+              ${this.circle && this.icon ? a`<slot name="circle-icon">
                     <nys-icon
                       size=${this.size === "sm" ? "24" : this.size === "lg" ? "40" : "32"}
                       name=${this.icon}
@@ -1374,84 +193,84 @@ const d = (v = class extends at {
           `}
     `;
   }
-}, v.VALID_SIZES = ["sm", "md", "lg"], v.VALID_VARIANTS = [
+}, e.styles = v(f), e.VALID_SIZES = ["sm", "md", "lg"], e.VALID_VARIANTS = [
   "filled",
   "outline",
   "ghost",
   "text"
-], v.VALID_TYPES = ["submit", "reset", "button"], v.VALID_TARGETS = [
+], e.VALID_TYPES = ["submit", "reset", "button"], e.VALID_TARGETS = [
   "_self",
   "_blank",
   "_parent",
   "_top",
   "framename"
-], v.styles = mt, v.formAssociated = !0, v);
-h([
-  u({ type: String })
-], d.prototype, "id", 2);
-h([
-  u({ type: String, reflect: !0 })
-], d.prototype, "name", 2);
-h([
-  u({ reflect: !0 })
-], d.prototype, "size", 1);
-h([
-  u({ type: Boolean, reflect: !0 })
-], d.prototype, "fullWidth", 2);
-h([
-  u({ reflect: !0 })
-], d.prototype, "variant", 1);
-h([
-  u({ type: Boolean, reflect: !0 })
-], d.prototype, "inverted", 2);
-h([
-  u({ type: String })
-], d.prototype, "label", 2);
-h([
-  u({ type: String })
-], d.prototype, "ariaLabel", 2);
-h([
-  u({ type: String })
-], d.prototype, "ariaControls", 2);
-h([
-  u({ type: String })
-], d.prototype, "prefixIcon", 2);
-h([
-  u({ type: String })
-], d.prototype, "suffixIcon", 2);
-h([
-  u({ type: Boolean, reflect: !0 })
-], d.prototype, "circle", 2);
-h([
-  u({ type: String })
-], d.prototype, "icon", 2);
-h([
-  u({ type: Boolean, reflect: !0 })
-], d.prototype, "disabled", 2);
-h([
-  u({ type: String, reflect: !0 })
-], d.prototype, "form", 2);
-h([
-  u({ type: String })
-], d.prototype, "value", 2);
-h([
-  u({ type: String })
-], d.prototype, "ariaDescription", 2);
-h([
-  u({ reflect: !0 })
-], d.prototype, "type", 1);
-h([
-  u({ attribute: !1 })
-], d.prototype, "onClick", 2);
-h([
-  u({ type: String })
-], d.prototype, "href", 2);
-h([
-  u({ reflect: !0 })
-], d.prototype, "target", 1);
-let Ht = d;
-customElements.get("nys-button") || customElements.define("nys-button", Ht);
+], e.formAssociated = !0, e);
+n([
+  r({ type: String, reflect: !0 })
+], t.prototype, "id", 2);
+n([
+  r({ type: String, reflect: !0 })
+], t.prototype, "name", 2);
+n([
+  r({ reflect: !0 })
+], t.prototype, "size", 1);
+n([
+  r({ type: Boolean, reflect: !0 })
+], t.prototype, "fullWidth", 2);
+n([
+  r({ reflect: !0 })
+], t.prototype, "variant", 1);
+n([
+  r({ type: Boolean, reflect: !0 })
+], t.prototype, "inverted", 2);
+n([
+  r({ type: String })
+], t.prototype, "label", 2);
+n([
+  r({ type: String })
+], t.prototype, "ariaLabel", 2);
+n([
+  r({ type: String })
+], t.prototype, "ariaControls", 2);
+n([
+  r({ type: String })
+], t.prototype, "prefixIcon", 2);
+n([
+  r({ type: String })
+], t.prototype, "suffixIcon", 2);
+n([
+  r({ type: Boolean, reflect: !0 })
+], t.prototype, "circle", 2);
+n([
+  r({ type: String })
+], t.prototype, "icon", 2);
+n([
+  r({ type: Boolean, reflect: !0 })
+], t.prototype, "disabled", 2);
+n([
+  r({ type: String, reflect: !0 })
+], t.prototype, "form", 2);
+n([
+  r({ type: String })
+], t.prototype, "value", 2);
+n([
+  r({ type: String })
+], t.prototype, "ariaDescription", 2);
+n([
+  r({ reflect: !0 })
+], t.prototype, "type", 1);
+n([
+  r({ attribute: !1 })
+], t.prototype, "onClick", 2);
+n([
+  r({ type: String })
+], t.prototype, "href", 2);
+n([
+  r({ reflect: !0 })
+], t.prototype, "target", 1);
+let g = t;
+customElements.get("nys-button") || customElements.define("nys-button", g);
 export {
-  Ht as NysButton
+  g as NysButton
 };
 //# sourceMappingURL=nys-button.js.map