@directcryptopay/sdk 0.1.0

package/dist/index-BBkcvSiY.js

@@ -0,0 +1,511 @@
+import { U as re, c as de } from "./if-defined-BciplFKz.js";
+import { dJ as ee, cz as le, cC as he, cA as fe, cB as me } from "./index-DiHImG4L.js";
+import "./index-Ij6XA6_4.js";
+var Q = { exports: {} }, pe = Q.exports, ie;
+function ge() {
+  return ie || (ie = 1, (function(e, d) {
+    (function(a, c) {
+      e.exports = c();
+    })(pe, (function() {
+      var a = 1e3, c = 6e4, m = 36e5, l = "millisecond", f = "second", y = "minute", $ = "hour", p = "day", w = "week", T = "month", I = "quarter", b = "year", D = "date", j = "Invalid Date", q = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, B = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, C = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(u) {
+        var r = ["th", "st", "nd", "rd"], t = u % 100;
+        return "[" + u + (r[(t - 20) % 10] || r[t] || r[0]) + "]";
+      } }, W = function(u, r, t) {
+        var i = String(u);
+        return !i || i.length >= r ? u : "" + Array(r + 1 - i.length).join(t) + u;
+      }, R = { s: W, z: function(u) {
+        var r = -u.utcOffset(), t = Math.abs(r), i = Math.floor(t / 60), n = t % 60;
+        return (r <= 0 ? "+" : "-") + W(i, 2, "0") + ":" + W(n, 2, "0");
+      }, m: function u(r, t) {
+        if (r.date() < t.date()) return -u(t, r);
+        var i = 12 * (t.year() - r.year()) + (t.month() - r.month()), n = r.clone().add(i, T), o = t - n < 0, s = r.clone().add(i + (o ? -1 : 1), T);
+        return +(-(i + (t - n) / (o ? n - s : s - n)) || 0);
+      }, a: function(u) {
+        return u < 0 ? Math.ceil(u) || 0 : Math.floor(u);
+      }, p: function(u) {
+        return { M: T, y: b, w, d: p, D, h: $, m: y, s: f, ms: l, Q: I }[u] || String(u || "").toLowerCase().replace(/s$/, "");
+      }, u: function(u) {
+        return u === void 0;
+      } }, S = "en", O = {};
+      O[S] = C;
+      var A = "$isDayjsObject", Y = function(u) {
+        return u instanceof Z || !(!u || !u[A]);
+      }, z = function u(r, t, i) {
+        var n;
+        if (!r) return S;
+        if (typeof r == "string") {
+          var o = r.toLowerCase();
+          O[o] && (n = o), t && (O[o] = t, n = o);
+          var s = r.split("-");
+          if (!n && s.length > 1) return u(s[0]);
+        } else {
+          var g = r.name;
+          O[g] = r, n = g;
+        }
+        return !i && n && (S = n), n || !i && S;
+      }, M = function(u, r) {
+        if (Y(u)) return u.clone();
+        var t = typeof r == "object" ? r : {};
+        return t.date = u, t.args = arguments, new Z(t);
+      }, h = R;
+      h.l = z, h.i = Y, h.w = function(u, r) {
+        return M(u, { locale: r.$L, utc: r.$u, x: r.$x, $offset: r.$offset });
+      };
+      var Z = (function() {
+        function u(t) {
+          this.$L = z(t.locale, null, !0), this.parse(t), this.$x = this.$x || t.x || {}, this[A] = !0;
+        }
+        var r = u.prototype;
+        return r.parse = function(t) {
+          this.$d = (function(i) {
+            var n = i.date, o = i.utc;
+            if (n === null) return /* @__PURE__ */ new Date(NaN);
+            if (h.u(n)) return /* @__PURE__ */ new Date();
+            if (n instanceof Date) return new Date(n);
+            if (typeof n == "string" && !/Z$/i.test(n)) {
+              var s = n.match(q);
+              if (s) {
+                var g = s[2] - 1 || 0, v = (s[7] || "0").substring(0, 3);
+                return o ? new Date(Date.UTC(s[1], g, s[3] || 1, s[4] || 0, s[5] || 0, s[6] || 0, v)) : new Date(s[1], g, s[3] || 1, s[4] || 0, s[5] || 0, s[6] || 0, v);
+              }
+            }
+            return new Date(n);
+          })(t), this.init();
+        }, r.init = function() {
+          var t = this.$d;
+          this.$y = t.getFullYear(), this.$M = t.getMonth(), this.$D = t.getDate(), this.$W = t.getDay(), this.$H = t.getHours(), this.$m = t.getMinutes(), this.$s = t.getSeconds(), this.$ms = t.getMilliseconds();
+        }, r.$utils = function() {
+          return h;
+        }, r.isValid = function() {
+          return this.$d.toString() !== j;
+        }, r.isSame = function(t, i) {
+          var n = M(t);
+          return this.startOf(i) <= n && n <= this.endOf(i);
+        }, r.isAfter = function(t, i) {
+          return M(t) < this.startOf(i);
+        }, r.isBefore = function(t, i) {
+          return this.endOf(i) < M(t);
+        }, r.$g = function(t, i, n) {
+          return h.u(t) ? this[i] : this.set(n, t);
+        }, r.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, r.valueOf = function() {
+          return this.$d.getTime();
+        }, r.startOf = function(t, i) {
+          var n = this, o = !!h.u(i) || i, s = h.p(t), g = function(k, L) {
+            var N = h.w(n.$u ? Date.UTC(n.$y, L, k) : new Date(n.$y, L, k), n);
+            return o ? N : N.endOf(p);
+          }, v = function(k, L) {
+            return h.w(n.toDate()[k].apply(n.toDate("s"), (o ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(L)), n);
+          }, x = this.$W, _ = this.$M, F = this.$D, E = "set" + (this.$u ? "UTC" : "");
+          switch (s) {
+            case b:
+              return o ? g(1, 0) : g(31, 11);
+            case T:
+              return o ? g(1, _) : g(0, _ + 1);
+            case w:
+              var U = this.$locale().weekStart || 0, J = (x < U ? x + 7 : x) - U;
+              return g(o ? F - J : F + (6 - J), _);
+            case p:
+            case D:
+              return v(E + "Hours", 0);
+            case $:
+              return v(E + "Minutes", 1);
+            case y:
+              return v(E + "Seconds", 2);
+            case f:
+              return v(E + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, r.endOf = function(t) {
+          return this.startOf(t, !1);
+        }, r.$set = function(t, i) {
+          var n, o = h.p(t), s = "set" + (this.$u ? "UTC" : ""), g = (n = {}, n[p] = s + "Date", n[D] = s + "Date", n[T] = s + "Month", n[b] = s + "FullYear", n[$] = s + "Hours", n[y] = s + "Minutes", n[f] = s + "Seconds", n[l] = s + "Milliseconds", n)[o], v = o === p ? this.$D + (i - this.$W) : i;
+          if (o === T || o === b) {
+            var x = this.clone().set(D, 1);
+            x.$d[g](v), x.init(), this.$d = x.set(D, Math.min(this.$D, x.daysInMonth())).$d;
+          } else g && this.$d[g](v);
+          return this.init(), this;
+        }, r.set = function(t, i) {
+          return this.clone().$set(t, i);
+        }, r.get = function(t) {
+          return this[h.p(t)]();
+        }, r.add = function(t, i) {
+          var n, o = this;
+          t = Number(t);
+          var s = h.p(i), g = function(_) {
+            var F = M(o);
+            return h.w(F.date(F.date() + Math.round(_ * t)), o);
+          };
+          if (s === T) return this.set(T, this.$M + t);
+          if (s === b) return this.set(b, this.$y + t);
+          if (s === p) return g(1);
+          if (s === w) return g(7);
+          var v = (n = {}, n[y] = c, n[$] = m, n[f] = a, n)[s] || 1, x = this.$d.getTime() + t * v;
+          return h.w(x, this);
+        }, r.subtract = function(t, i) {
+          return this.add(-1 * t, i);
+        }, r.format = function(t) {
+          var i = this, n = this.$locale();
+          if (!this.isValid()) return n.invalidDate || j;
+          var o = t || "YYYY-MM-DDTHH:mm:ssZ", s = h.z(this), g = this.$H, v = this.$m, x = this.$M, _ = n.weekdays, F = n.months, E = n.meridiem, U = function(L, N, V, P) {
+            return L && (L[N] || L(i, o)) || V[N].slice(0, P);
+          }, J = function(L) {
+            return h.s(g % 12 || 12, L, "0");
+          }, k = E || function(L, N, V) {
+            var P = L < 12 ? "AM" : "PM";
+            return V ? P.toLowerCase() : P;
+          };
+          return o.replace(B, (function(L, N) {
+            return N || (function(V) {
+              switch (V) {
+                case "YY":
+                  return String(i.$y).slice(-2);
+                case "YYYY":
+                  return h.s(i.$y, 4, "0");
+                case "M":
+                  return x + 1;
+                case "MM":
+                  return h.s(x + 1, 2, "0");
+                case "MMM":
+                  return U(n.monthsShort, x, F, 3);
+                case "MMMM":
+                  return U(F, x);
+                case "D":
+                  return i.$D;
+                case "DD":
+                  return h.s(i.$D, 2, "0");
+                case "d":
+                  return String(i.$W);
+                case "dd":
+                  return U(n.weekdaysMin, i.$W, _, 2);
+                case "ddd":
+                  return U(n.weekdaysShort, i.$W, _, 3);
+                case "dddd":
+                  return _[i.$W];
+                case "H":
+                  return String(g);
+                case "HH":
+                  return h.s(g, 2, "0");
+                case "h":
+                  return J(1);
+                case "hh":
+                  return J(2);
+                case "a":
+                  return k(g, v, !0);
+                case "A":
+                  return k(g, v, !1);
+                case "m":
+                  return String(v);
+                case "mm":
+                  return h.s(v, 2, "0");
+                case "s":
+                  return String(i.$s);
+                case "ss":
+                  return h.s(i.$s, 2, "0");
+                case "SSS":
+                  return h.s(i.$ms, 3, "0");
+                case "Z":
+                  return s;
+              }
+              return null;
+            })(L) || s.replace(":", "");
+          }));
+        }, r.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, r.diff = function(t, i, n) {
+          var o, s = this, g = h.p(i), v = M(t), x = (v.utcOffset() - this.utcOffset()) * c, _ = this - v, F = function() {
+            return h.m(s, v);
+          };
+          switch (g) {
+            case b:
+              o = F() / 12;
+              break;
+            case T:
+              o = F();
+              break;
+            case I:
+              o = F() / 3;
+              break;
+            case w:
+              o = (_ - x) / 6048e5;
+              break;
+            case p:
+              o = (_ - x) / 864e5;
+              break;
+            case $:
+              o = _ / m;
+              break;
+            case y:
+              o = _ / c;
+              break;
+            case f:
+              o = _ / a;
+              break;
+            default:
+              o = _;
+          }
+          return n ? o : h.a(o);
+        }, r.daysInMonth = function() {
+          return this.endOf(T).$D;
+        }, r.$locale = function() {
+          return O[this.$L];
+        }, r.locale = function(t, i) {
+          if (!t) return this.$L;
+          var n = this.clone(), o = z(t, i, !0);
+          return o && (n.$L = o), n;
+        }, r.clone = function() {
+          return h.w(this.$d, this);
+        }, r.toDate = function() {
+          return new Date(this.valueOf());
+        }, r.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, r.toISOString = function() {
+          return this.$d.toISOString();
+        }, r.toString = function() {
+          return this.$d.toUTCString();
+        }, u;
+      })(), ne = Z.prototype;
+      return M.prototype = ne, [["$ms", l], ["$s", f], ["$m", y], ["$H", $], ["$W", p], ["$M", T], ["$y", b], ["$D", D]].forEach((function(u) {
+        ne[u[1]] = function(r) {
+          return this.$g(r, u[0], u[1]);
+        };
+      })), M.extend = function(u, r) {
+        return u.$i || (u(r, Z, M), u.$i = !0), M;
+      }, M.locale = z, M.isDayjs = Y, M.unix = function(u) {
+        return M(1e3 * u);
+      }, M.en = O[S], M.Ls = O, M.p = {}, M;
+    }));
+  })(Q)), Q.exports;
+}
+var ye = ge();
+const H = /* @__PURE__ */ ee(ye);
+var G = { exports: {} }, $e = G.exports, ue;
+function ve() {
+  return ue || (ue = 1, (function(e, d) {
+    (function(a, c) {
+      e.exports = c();
+    })($e, (function() {
+      return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(a) {
+        var c = ["th", "st", "nd", "rd"], m = a % 100;
+        return "[" + a + (c[(m - 20) % 10] || c[m] || c[0]) + "]";
+      } };
+    }));
+  })(G)), G.exports;
+}
+var Te = ve();
+const Me = /* @__PURE__ */ ee(Te);
+var X = { exports: {} }, xe = X.exports, oe;
+function we() {
+  return oe || (oe = 1, (function(e, d) {
+    (function(a, c) {
+      e.exports = c();
+    })(xe, (function() {
+      return function(a, c, m) {
+        a = a || {};
+        var l = c.prototype, f = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
+        function y(p, w, T, I) {
+          return l.fromToBase(p, w, T, I);
+        }
+        m.en.relativeTime = f, l.fromToBase = function(p, w, T, I, b) {
+          for (var D, j, q, B = T.$locale().relativeTime || f, C = a.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], W = C.length, R = 0; R < W; R += 1) {
+            var S = C[R];
+            S.d && (D = I ? m(p).diff(T, S.d, !0) : T.diff(p, S.d, !0));
+            var O = (a.rounding || Math.round)(Math.abs(D));
+            if (q = D > 0, O <= S.r || !S.r) {
+              O <= 1 && R > 0 && (S = C[R - 1]);
+              var A = B[S.l];
+              b && (O = b("" + O)), j = typeof A == "string" ? A.replace("%d", O) : A(O, w, S.l, q);
+              break;
+            }
+          }
+          if (w) return j;
+          var Y = q ? B.future : B.past;
+          return typeof Y == "function" ? Y(j) : Y.replace("%s", j);
+        }, l.to = function(p, w) {
+          return y(p, w, this, !0);
+        }, l.from = function(p, w) {
+          return y(p, w, this);
+        };
+        var $ = function(p) {
+          return p.$u ? m.utc() : m();
+        };
+        l.toNow = function(p) {
+          return this.to($(this), p);
+        }, l.fromNow = function(p) {
+          return this.from($(this), p);
+        };
+      };
+    }));
+  })(X)), X.exports;
+}
+var De = we();
+const _e = /* @__PURE__ */ ee(De);
+var K = { exports: {} }, be = K.exports, se;
+function Se() {
+  return se || (se = 1, (function(e, d) {
+    (function(a, c) {
+      e.exports = c();
+    })(be, (function() {
+      return function(a, c, m) {
+        m.updateLocale = function(l, f) {
+          var y = m.Ls[l];
+          if (y) return (f ? Object.keys(f) : []).forEach((function($) {
+            y[$] = f[$];
+          })), y;
+        };
+      };
+    }));
+  })(K)), K.exports;
+}
+var Oe = Se();
+const Le = /* @__PURE__ */ ee(Oe);
+H.extend(_e);
+H.extend(Le);
+const Fe = {
+  ...Me,
+  name: "en-web3-modal",
+  relativeTime: {
+    future: "in %s",
+    past: "%s ago",
+    s: "%d sec",
+    m: "1 min",
+    mm: "%d min",
+    h: "1 hr",
+    hh: "%d hrs",
+    d: "1 d",
+    dd: "%d d",
+    M: "1 mo",
+    MM: "%d mo",
+    y: "1 yr",
+    yy: "%d yr"
+  }
+}, Ie = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+H.locale("en-web3-modal", Fe);
+const ae = {
+  getMonthNameByIndex(e) {
+    return Ie[e];
+  },
+  getYear(e = (/* @__PURE__ */ new Date()).toISOString()) {
+    return H(e).year();
+  },
+  getRelativeDateFromNow(e) {
+    return H(e).locale("en-web3-modal").fromNow(!0);
+  },
+  formatDate(e, d = "DD MMM") {
+    return H(e).format(d);
+  }
+}, Ne = 3, je = ["receive", "deposit", "borrow", "claim"], Re = ["withdraw", "repay", "burn"], ce = {
+  getTransactionGroupTitle(e, d) {
+    const a = ae.getYear(), c = ae.getMonthNameByIndex(d);
+    return e === a ? c : `${c} ${e}`;
+  },
+  getTransactionImages(e) {
+    const [d, a] = e, c = !!d && (e == null ? void 0 : e.every((f) => !!f.nft_info)), m = (e == null ? void 0 : e.length) > 1;
+    return (e == null ? void 0 : e.length) === 2 && !c ? [this.getTransactionImage(d), this.getTransactionImage(a)] : m ? e.map((f) => this.getTransactionImage(f)) : [this.getTransactionImage(d)];
+  },
+  getTransactionImage(e) {
+    return {
+      type: ce.getTransactionTransferTokenType(e),
+      url: ce.getTransactionImageURL(e)
+    };
+  },
+  getTransactionImageURL(e) {
+    var m, l, f, y, $;
+    let d;
+    const a = !!(e != null && e.nft_info), c = !!(e != null && e.fungible_info);
+    return e && a ? d = (f = (l = (m = e == null ? void 0 : e.nft_info) == null ? void 0 : m.content) == null ? void 0 : l.preview) == null ? void 0 : f.url : e && c && (d = ($ = (y = e == null ? void 0 : e.fungible_info) == null ? void 0 : y.icon) == null ? void 0 : $.url), d;
+  },
+  getTransactionTransferTokenType(e) {
+    if (e != null && e.fungible_info)
+      return "FUNGIBLE";
+    if (e != null && e.nft_info)
+      return "NFT";
+  },
+  getTransactionDescriptions(e) {
+    var T, I, b;
+    const d = (T = e == null ? void 0 : e.metadata) == null ? void 0 : T.operationType, a = e == null ? void 0 : e.transfers, c = ((I = e == null ? void 0 : e.transfers) == null ? void 0 : I.length) > 0, m = ((b = e == null ? void 0 : e.transfers) == null ? void 0 : b.length) > 1, l = c && (a == null ? void 0 : a.every((D) => !!(D != null && D.fungible_info))), [f, y] = a;
+    let $ = this.getTransferDescription(f), p = this.getTransferDescription(y);
+    if (!c)
+      return (d === "send" || d === "receive") && l ? ($ = re.getTruncateString({
+        string: e == null ? void 0 : e.metadata.sentFrom,
+        charsStart: 4,
+        charsEnd: 6,
+        truncate: "middle"
+      }), p = re.getTruncateString({
+        string: e == null ? void 0 : e.metadata.sentTo,
+        charsStart: 4,
+        charsEnd: 6,
+        truncate: "middle"
+      }), [$, p]) : [e.metadata.status];
+    if (m)
+      return a.map((D) => this.getTransferDescription(D));
+    let w = "";
+    return je.includes(d) ? w = "+" : Re.includes(d) && (w = "-"), $ = w.concat($), [$];
+  },
+  getTransferDescription(e) {
+    var a;
+    let d = "";
+    return e && (e != null && e.nft_info ? d = ((a = e == null ? void 0 : e.nft_info) == null ? void 0 : a.name) || "-" : e != null && e.fungible_info && (d = this.getFungibleTransferDescription(e) || "-")), d;
+  },
+  getFungibleTransferDescription(e) {
+    var c;
+    return e ? [this.getQuantityFixedValue(e == null ? void 0 : e.quantity.numeric), (c = e == null ? void 0 : e.fungible_info) == null ? void 0 : c.symbol].join(" ").trim() : null;
+  },
+  getQuantityFixedValue(e) {
+    return e ? parseFloat(e).toFixed(Ne) : null;
+  }
+}, Ye = le`
+  :host > wui-flex:first-child {
+    column-gap: var(--wui-spacing-s);
+    padding: 7px var(--wui-spacing-l) 7px var(--wui-spacing-xs);
+    width: 100%;
+  }
+
+  wui-flex {
+    display: flex;
+    flex: 1;
+  }
+`;
+var Ue = function(e, d, a, c) {
+  var m = arguments.length, l = m < 3 ? d : c === null ? c = Object.getOwnPropertyDescriptor(d, a) : c, f;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") l = Reflect.decorate(e, d, a, c);
+  else for (var y = e.length - 1; y >= 0; y--) (f = e[y]) && (l = (m < 3 ? f(l) : m > 3 ? f(d, a, l) : f(d, a)) || l);
+  return m > 3 && l && Object.defineProperty(d, a, l), l;
+};
+let te = class extends fe {
+  render() {
+    return me`
+      <wui-flex alignItems="center">
+        <wui-shimmer width="40px" height="40px"></wui-shimmer>
+        <wui-flex flexDirection="column" gap="2xs">
+          <wui-shimmer width="72px" height="16px" borderRadius="4xs"></wui-shimmer>
+          <wui-shimmer width="148px" height="14px" borderRadius="4xs"></wui-shimmer>
+        </wui-flex>
+        <wui-shimmer width="24px" height="12px" borderRadius="5xs"></wui-shimmer>
+      </wui-flex>
+    `;
+  }
+};
+te.styles = [he, Ye];
+te = Ue([
+  de("wui-transaction-list-item-loader")
+], te);
+export {
+  ae as D,
+  ce as T
+};

package/dist/index-BdjxQs66.js

@@ -0,0 +1,181 @@
+import { cz as h, cC as b, cD as w, cA as g, cB as r } from "./index-DiHImG4L.js";
+import { n as o, c as v, o as p } from "./if-defined-BciplFKz.js";
+import "./index-CUdQyyFn.js";
+import "./index-lbhz9evJ.js";
+import "./index-fxzIDZsb.js";
+const x = h`
+  button {
+    column-gap: var(--wui-spacing-s);
+    padding: 11px 18px 11px var(--wui-spacing-s);
+    width: 100%;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+    color: var(--wui-color-fg-250);
+    transition:
+      color var(--wui-ease-out-power-1) var(--wui-duration-md),
+      background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: color, background-color;
+  }
+
+  button[data-iconvariant='square'],
+  button[data-iconvariant='square-blue'] {
+    padding: 6px 18px 6px 9px;
+  }
+
+  button > wui-flex {
+    flex: 1;
+  }
+
+  button > wui-image {
+    width: 32px;
+    height: 32px;
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
+    border-radius: var(--wui-border-radius-3xl);
+  }
+
+  button > wui-icon {
+    width: 36px;
+    height: 36px;
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: opacity;
+  }
+
+  button > wui-icon-box[data-variant='blue'] {
+    box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005);
+  }
+
+  button > wui-icon-box[data-variant='overlay'] {
+    box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
+  }
+
+  button > wui-icon-box[data-variant='square-blue'] {
+    border-radius: var(--wui-border-radius-3xs);
+    position: relative;
+    border: none;
+    width: 36px;
+    height: 36px;
+  }
+
+  button > wui-icon-box[data-variant='square-blue']::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-radius: inherit;
+    border: 1px solid var(--wui-color-accent-glass-010);
+    pointer-events: none;
+  }
+
+  button > wui-icon:last-child {
+    width: 14px;
+    height: 14px;
+  }
+
+  button:disabled {
+    color: var(--wui-color-gray-glass-020);
+  }
+
+  button[data-loading='true'] > wui-icon {
+    opacity: 0;
+  }
+
+  wui-loading-spinner {
+    position: absolute;
+    right: 18px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+`;
+var t = function(u, a, e, s) {
+  var l = arguments.length, n = l < 3 ? a : s === null ? s = Object.getOwnPropertyDescriptor(a, e) : s, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") n = Reflect.decorate(u, a, e, s);
+  else for (var d = u.length - 1; d >= 0; d--) (c = u[d]) && (n = (l < 3 ? c(n) : l > 3 ? c(a, e, n) : c(a, e)) || n);
+  return l > 3 && n && Object.defineProperty(a, e, n), n;
+};
+let i = class extends g {
+  constructor() {
+    super(...arguments), this.tabIdx = void 0, this.variant = "icon", this.disabled = !1, this.imageSrc = void 0, this.alt = void 0, this.chevron = !1, this.loading = !1;
+  }
+  render() {
+    return r`
+      <button
+        ?disabled=${this.loading ? !0 : !!this.disabled}
+        data-loading=${this.loading}
+        data-iconvariant=${p(this.iconVariant)}
+        tabindex=${p(this.tabIdx)}
+      >
+        ${this.loadingTemplate()} ${this.visualTemplate()}
+        <wui-flex gap="3xs">
+          <slot></slot>
+        </wui-flex>
+        ${this.chevronTemplate()}
+      </button>
+    `;
+  }
+  visualTemplate() {
+    if (this.variant === "image" && this.imageSrc)
+      return r`<wui-image src=${this.imageSrc} alt=${this.alt ?? "list item"}></wui-image>`;
+    if (this.iconVariant === "square" && this.icon && this.variant === "icon")
+      return r`<wui-icon name=${this.icon}></wui-icon>`;
+    if (this.variant === "icon" && this.icon && this.iconVariant) {
+      const a = ["blue", "square-blue"].includes(this.iconVariant) ? "accent-100" : "fg-200", e = this.iconVariant === "square-blue" ? "mdl" : "md", s = this.iconSize ? this.iconSize : e;
+      return r`
+        <wui-icon-box
+          data-variant=${this.iconVariant}
+          icon=${this.icon}
+          iconSize=${s}
+          background="transparent"
+          iconColor=${a}
+          backgroundColor=${a}
+          size=${e}
+        ></wui-icon-box>
+      `;
+    }
+    return null;
+  }
+  loadingTemplate() {
+    return this.loading ? r`<wui-loading-spinner
+        data-testid="wui-list-item-loading-spinner"
+        color="fg-300"
+      ></wui-loading-spinner>` : r``;
+  }
+  chevronTemplate() {
+    return this.chevron ? r`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>` : null;
+  }
+};
+i.styles = [b, w, x];
+t([
+  o()
+], i.prototype, "icon", void 0);
+t([
+  o()
+], i.prototype, "iconSize", void 0);
+t([
+  o()
+], i.prototype, "tabIdx", void 0);
+t([
+  o()
+], i.prototype, "variant", void 0);
+t([
+  o()
+], i.prototype, "iconVariant", void 0);
+t([
+  o({ type: Boolean })
+], i.prototype, "disabled", void 0);
+t([
+  o()
+], i.prototype, "imageSrc", void 0);
+t([
+  o()
+], i.prototype, "alt", void 0);
+t([
+  o({ type: Boolean })
+], i.prototype, "chevron", void 0);
+t([
+  o({ type: Boolean })
+], i.prototype, "loading", void 0);
+i = t([
+  v("wui-list-item")
+], i);