astra-modal-test 1.0.5 → 1.0.6

package/dist/astra-sdk.es300.js

@@ -0,0 +1,120 @@
+import "./astra-sdk.es229.js";
+import { html as c } from "./astra-sdk.es230.js";
+import { LitElement as d } from "./astra-sdk.es231.js";
+import { property as p } from "./astra-sdk.es475.js";
+import "./astra-sdk.es239.js";
+import "./astra-sdk.es234.js";
+import "./astra-sdk.es308.js";
+import { resetStyles as f, elementStyles as h } from "./astra-sdk.es311.js";
+import { customElement as w } from "./astra-sdk.es456.js";
+import g from "./astra-sdk.es920.js";
+import { UiHelperUtil as x } from "./astra-sdk.es454.js";
+import "./astra-sdk.es10.js";
+import { W3mFrameRpcConstants as b } from "./astra-sdk.es12.js";
+import "./astra-sdk.es13.js";
+import "./astra-sdk.es14.js";
+import "./astra-sdk.es15.js";
+import "./astra-sdk.es16.js";
+import "./astra-sdk.es18.js";
+import "./astra-sdk.es19.js";
+import { AccountController as C } from "./astra-sdk.es20.js";
+import { ChainController as A } from "./astra-sdk.es21.js";
+import "./astra-sdk.es22.js";
+import "./astra-sdk.es23.js";
+import "./astra-sdk.es24.js";
+import "./astra-sdk.es25.js";
+import "./astra-sdk.es26.js";
+import "./astra-sdk.es27.js";
+import "./astra-sdk.es28.js";
+import "./astra-sdk.es29.js";
+import { BlockchainApiController as y } from "./astra-sdk.es30.js";
+import "./astra-sdk.es31.js";
+import "./astra-sdk.es32.js";
+import "./astra-sdk.es33.js";
+import "./astra-sdk.es34.js";
+import "./astra-sdk.es35.js";
+import "./astra-sdk.es36.js";
+import "./astra-sdk.es37.js";
+import "./astra-sdk.es38.js";
+import { StorageUtil as m } from "./astra-sdk.es349.js";
+import "./astra-sdk.es39.js";
+var s = function(a, t, o, i) {
+  var n = arguments.length, e = n < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, o) : i, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") e = Reflect.decorate(a, t, o, i);
+  else for (var u = a.length - 1; u >= 0; u--) (l = a[u]) && (e = (n < 3 ? l(e) : n > 3 ? l(t, o, e) : l(t, o)) || e);
+  return n > 3 && e && Object.defineProperty(t, o, e), e;
+};
+let r = class extends d {
+  constructor() {
+    super(...arguments), this.accountAddress = "", this.accountType = "", this.connectedConnector = m.getConnectedConnector(), this.labels = C.state.addressLabels, this.caipNetwork = A.state.activeCaipNetwork, this.socialProvider = m.getConnectedSocialProvider(), this.balance = 0, this.fetchingBalance = !0, this.shouldShowIcon = !1, this.selected = !1;
+  }
+  connectedCallback() {
+    var t;
+    super.connectedCallback(), y.getBalance(this.accountAddress, (t = this.caipNetwork) == null ? void 0 : t.caipNetworkId).then((o) => {
+      let i = this.balance;
+      o.balances.length > 0 && (i = o.balances.reduce((n, e) => n + ((e == null ? void 0 : e.value) || 0), 0)), this.balance = i, this.fetchingBalance = !1, this.requestUpdate();
+    }).catch(() => {
+      this.fetchingBalance = !1, this.requestUpdate();
+    });
+  }
+  render() {
+    const t = this.getLabel();
+    return this.shouldShowIcon = this.connectedConnector === "ID_AUTH", c`
+      <wui-flex
+        flexDirection="row"
+        justifyContent="space-between"
+        .padding=${["0", "0", "s", "1xs"]}
+      >
+        <wui-flex gap="md" alignItems="center">
+          <wui-avatar address=${this.accountAddress}></wui-avatar>
+          ${this.shouldShowIcon ? c`<wui-icon-box
+                size="sm"
+                iconcolor="fg-200"
+                backgroundcolor="fg-300"
+                icon=${this.accountType === b.ACCOUNT_TYPES.EOA ? this.socialProvider ?? "mail" : "lightbulb"}
+                background="fg-300"
+              ></wui-icon-box>` : c`<wui-flex .padding="${["0", "0", "0", "s"]}"></wui-flex>`}
+          <wui-flex flexDirection="column">
+            <wui-text class="address" variant="paragraph-500" color="fg-100"
+              >${x.getTruncateString({
+      string: this.accountAddress,
+      charsStart: 4,
+      charsEnd: 6,
+      truncate: "middle"
+    })}</wui-text
+            >
+            <wui-text class="address-description" variant="small-400">${t}</wui-text></wui-flex
+          >
+        </wui-flex>
+        <wui-flex gap="s" alignItems="center">
+          <slot name="action"></slot>
+          ${this.fetchingBalance ? c`<wui-loading-spinner size="sm" color="accent-100"></wui-loading-spinner>` : c` <wui-text variant="small-400">$${this.balance.toFixed(2)}</wui-text>`}
+        </wui-flex>
+      </wui-flex>
+    `;
+  }
+  getLabel() {
+    var o;
+    let t = (o = this.labels) == null ? void 0 : o.get(this.accountAddress);
+    return !t && this.connectedConnector === "ID_AUTH" ? t = `${this.accountType === "eoa" ? this.socialProvider ?? "Email" : "Smart"} Account` : !t && this.connectedConnector === "INJECTED" || this.connectedConnector === "ANNOUNCED" ? t = "Injected Account" : t || (t = "EOA"), t;
+  }
+};
+r.styles = [f, h, g];
+s([
+  p()
+], r.prototype, "accountAddress", void 0);
+s([
+  p()
+], r.prototype, "accountType", void 0);
+s([
+  p({ type: Boolean })
+], r.prototype, "selected", void 0);
+s([
+  p({ type: Function })
+], r.prototype, "onSelect", void 0);
+r = s([
+  w("wui-list-account")
+], r);
+export {
+  r as WuiListAccount
+};

package/dist/astra-sdk.es301.js

@@ -0,0 +1,38 @@
+import "./astra-sdk.es229.js";
+import { html as l } from "./astra-sdk.es230.js";
+import { LitElement as s } from "./astra-sdk.es231.js";
+import { property as f } from "./astra-sdk.es475.js";
+import { customElement as d } from "./astra-sdk.es456.js";
+import a from "./astra-sdk.es921.js";
+import "./astra-sdk.es277.js";
+import "./astra-sdk.es233.js";
+import { resetStyles as y, elementStyles as b } from "./astra-sdk.es311.js";
+var p = function(r, e, o, i) {
+  var c = arguments.length, t = c < 3 ? e : i === null ? i = Object.getOwnPropertyDescriptor(e, o) : i, u;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(r, e, o, i);
+  else for (var m = r.length - 1; m >= 0; m--) (u = r[m]) && (t = (c < 3 ? u(t) : c > 3 ? u(e, o, t) : u(e, o)) || t);
+  return c > 3 && t && Object.defineProperty(e, o, t), t;
+};
+let n = class extends s {
+  constructor() {
+    super(...arguments), this.text = "", this.icon = "card";
+  }
+  render() {
+    return l`<button>
+      <wui-icon color="accent-100" name=${this.icon} size="lg"></wui-icon>
+    </button>`;
+  }
+};
+n.styles = [y, b, a];
+p([
+  f()
+], n.prototype, "text", void 0);
+p([
+  f()
+], n.prototype, "icon", void 0);
+n = p([
+  d("wui-icon-button")
+], n);
+export {
+  n as WuiIconButton
+};

package/dist/astra-sdk.es302.js

@@ -0,0 +1,43 @@
+import "./astra-sdk.es229.js";
+import { html as u } from "./astra-sdk.es230.js";
+import { LitElement as a } from "./astra-sdk.es231.js";
+import { property as p } from "./astra-sdk.es475.js";
+import "./astra-sdk.es239.js";
+import { resetStyles as m, elementStyles as c } from "./astra-sdk.es311.js";
+import { customElement as b } from "./astra-sdk.es456.js";
+import h from "./astra-sdk.es922.js";
+import { ifDefined as x } from "./astra-sdk.es477.js";
+var f = function(i, e, r, n) {
+  var s = arguments.length, t = s < 3 ? e : n === null ? n = Object.getOwnPropertyDescriptor(e, r) : n, d;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(i, e, r, n);
+  else for (var l = i.length - 1; l >= 0; l--) (d = i[l]) && (t = (s < 3 ? d(t) : s > 3 ? d(e, r, t) : d(e, r)) || t);
+  return s > 3 && t && Object.defineProperty(e, r, t), t;
+};
+let o = class extends a {
+  constructor() {
+    super(...arguments), this.text = "", this.disabled = !1, this.tabIdx = void 0;
+  }
+  render() {
+    return u`
+      <button ?disabled=${this.disabled} tabindex=${x(this.tabIdx)} ontouchstart>
+        <wui-text align="center" variant="paragraph-500" color="inherit">${this.text}</wui-text>
+      </button>
+    `;
+  }
+};
+o.styles = [m, c, h];
+f([
+  p()
+], o.prototype, "text", void 0);
+f([
+  p({ type: Boolean })
+], o.prototype, "disabled", void 0);
+f([
+  p()
+], o.prototype, "tabIdx", void 0);
+o = f([
+  b("wui-list-button")
+], o);
+export {
+  o as WuiListButton
+};

package/dist/astra-sdk.es303.js

@@ -0,0 +1,61 @@
+import "./astra-sdk.es229.js";
+import { html as m } from "./astra-sdk.es230.js";
+import { LitElement as d } from "./astra-sdk.es231.js";
+import { property as l } from "./astra-sdk.es475.js";
+import "./astra-sdk.es239.js";
+import { resetStyles as f, elementStyles as c } from "./astra-sdk.es311.js";
+import { customElement as g } from "./astra-sdk.es456.js";
+import "./astra-sdk.es266.js";
+import h from "./astra-sdk.es923.js";
+import { ifDefined as b } from "./astra-sdk.es477.js";
+var i = function(r, o, n, a) {
+  var s = arguments.length, t = s < 3 ? o : a === null ? a = Object.getOwnPropertyDescriptor(o, n) : a, p;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(r, o, n, a);
+  else for (var u = r.length - 1; u >= 0; u--) (p = r[u]) && (t = (s < 3 ? p(t) : s > 3 ? p(o, n, t) : p(o, n)) || t);
+  return s > 3 && t && Object.defineProperty(o, n, t), t;
+};
+let e = class extends d {
+  constructor() {
+    super(...arguments), this.logo = "google", this.name = "Continue with google", this.align = "left", this.disabled = !1;
+  }
+  render() {
+    return m`
+      <button ?disabled=${this.disabled} tabindex=${b(this.tabIdx)} ontouchstart>
+        <wui-logo logo=${this.logo}></wui-logo>
+        <wui-text
+          data-align=${this.align}
+          variant="paragraph-500"
+          color="inherit"
+          align=${this.align}
+          >${this.name}</wui-text
+        >
+        ${this.templatePlacement()}
+      </button>
+    `;
+  }
+  templatePlacement() {
+    return this.align === "center" ? m` <wui-logo class="invisible" logo=${this.logo}></wui-logo>` : null;
+  }
+};
+e.styles = [f, c, h];
+i([
+  l()
+], e.prototype, "logo", void 0);
+i([
+  l()
+], e.prototype, "name", void 0);
+i([
+  l()
+], e.prototype, "align", void 0);
+i([
+  l()
+], e.prototype, "tabIdx", void 0);
+i([
+  l({ type: Boolean })
+], e.prototype, "disabled", void 0);
+e = i([
+  g("wui-list-social")
+], e);
+export {
+  e as WuiListSocial
+};

package/dist/astra-sdk.es304.js

@@ -0,0 +1,46 @@
+import "./astra-sdk.es229.js";
+import { html as u } from "./astra-sdk.es230.js";
+import { LitElement as f } from "./astra-sdk.es231.js";
+import { property as p } from "./astra-sdk.es475.js";
+import { resetStyles as a, elementStyles as g, colorStyles as d } from "./astra-sdk.es311.js";
+import { customElement as b } from "./astra-sdk.es456.js";
+import h from "./astra-sdk.es924.js";
+import "./astra-sdk.es233.js";
+import "./astra-sdk.es234.js";
+import "./astra-sdk.es255.js";
+var s = function(r, t, o, i) {
+  var n = arguments.length, e = n < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, o) : i, m;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") e = Reflect.decorate(r, t, o, i);
+  else for (var l = r.length - 1; l >= 0; l--) (m = r[l]) && (e = (n < 3 ? m(e) : n > 3 ? m(t, o, e) : m(t, o)) || e);
+  return n > 3 && e && Object.defineProperty(t, o, e), e;
+};
+let c = class extends f {
+  constructor() {
+    super(...arguments), this.imageSrc = "";
+  }
+  render() {
+    return u`<button>
+      ${this.imageTemplate()}
+      <wui-icon size="xs" color="fg-200" name="chevronBottom"></wui-icon>
+    </button>`;
+  }
+  imageTemplate() {
+    return this.imageSrc ? u`<wui-image src=${this.imageSrc} alt="select visual"></wui-image>` : u`<wui-icon-box
+      size="xxs"
+      iconColor="fg-200"
+      backgroundColor="fg-100"
+      background="opaque"
+      icon="networkPlaceholder"
+    ></wui-icon-box>`;
+  }
+};
+c.styles = [a, g, d, h];
+s([
+  p()
+], c.prototype, "imageSrc", void 0);
+c = s([
+  b("wui-select")
+], c);
+export {
+  c as WuiSelect
+};

package/dist/astra-sdk.es305.js

@@ -0,0 +1,54 @@
+import "./astra-sdk.es229.js";
+import { html as f } from "./astra-sdk.es230.js";
+import { LitElement as m } from "./astra-sdk.es231.js";
+import { customElement as h } from "./astra-sdk.es456.js";
+import { createRef as u, ref as a } from "./astra-sdk.es491.js";
+import d from "./astra-sdk.es925.js";
+import { property as b } from "./astra-sdk.es475.js";
+import { ifDefined as x } from "./astra-sdk.es477.js";
+import { resetStyles as v } from "./astra-sdk.es311.js";
+var l = function(o, e, n, r) {
+  var i = arguments.length, t = i < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, n) : r, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(o, e, n, r);
+  else for (var p = o.length - 1; p >= 0; p--) (c = o[p]) && (t = (i < 3 ? c(t) : i > 3 ? c(e, n, t) : c(e, n)) || t);
+  return i > 3 && t && Object.defineProperty(e, n, t), t;
+};
+let s = class extends m {
+  constructor() {
+    super(...arguments), this.inputElementRef = u(), this.checked = void 0;
+  }
+  render() {
+    return f`
+      <label>
+        <input
+          ${a(this.inputElementRef)}
+          ?checked=${x(this.checked)}
+          type="checkbox"
+          @change=${this.dispatchChangeEvent}
+        />
+        <span>
+          <wui-icon name="checkmarkBold" color="inverse-100" size="xxs"></wui-icon>
+        </span>
+        <slot></slot>
+      </label>
+    `;
+  }
+  dispatchChangeEvent() {
+    var e;
+    this.dispatchEvent(new CustomEvent("checkboxChange", {
+      detail: (e = this.inputElementRef.value) == null ? void 0 : e.checked,
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+};
+s.styles = [v, d];
+l([
+  b({ type: Boolean })
+], s.prototype, "checked", void 0);
+s = l([
+  h("wui-checkbox")
+], s);
+export {
+  s as WuiCheckBox
+};

package/dist/astra-sdk.es306.js

@@ -0,0 +1,51 @@
+import "./astra-sdk.es229.js";
+import { html as f } from "./astra-sdk.es230.js";
+import { LitElement as m } from "./astra-sdk.es231.js";
+import { createRef as h, ref as u } from "./astra-sdk.es491.js";
+import { customElement as a } from "./astra-sdk.es456.js";
+import d from "./astra-sdk.es926.js";
+import { resetStyles as b, elementStyles as y, colorStyles as E } from "./astra-sdk.es311.js";
+import { property as v } from "./astra-sdk.es475.js";
+import { ifDefined as w } from "./astra-sdk.es477.js";
+var l = function(r, e, n, i) {
+  var o = arguments.length, t = o < 3 ? e : i === null ? i = Object.getOwnPropertyDescriptor(e, n) : i, s;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(r, e, n, i);
+  else for (var p = r.length - 1; p >= 0; p--) (s = r[p]) && (t = (o < 3 ? s(t) : o > 3 ? s(e, n, t) : s(e, n)) || t);
+  return o > 3 && t && Object.defineProperty(e, n, t), t;
+};
+let c = class extends m {
+  constructor() {
+    super(...arguments), this.inputElementRef = h(), this.checked = void 0;
+  }
+  render() {
+    return f`
+      <label>
+        <input
+          ${u(this.inputElementRef)}
+          type="checkbox"
+          ?checked=${w(this.checked)}
+          @change=${this.dispatchChangeEvent.bind(this)}
+        />
+        <span></span>
+      </label>
+    `;
+  }
+  dispatchChangeEvent() {
+    var e;
+    this.dispatchEvent(new CustomEvent("switchChange", {
+      detail: (e = this.inputElementRef.value) == null ? void 0 : e.checked,
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+};
+c.styles = [b, y, E, d];
+l([
+  v({ type: Boolean })
+], c.prototype, "checked", void 0);
+c = l([
+  a("wui-switch")
+], c);
+export {
+  c as WuiSwitch
+};

package/dist/astra-sdk.es307.js

@@ -0,0 +1,37 @@
+import "./astra-sdk.es229.js";
+import { html as l } from "./astra-sdk.es230.js";
+import { LitElement as s } from "./astra-sdk.es231.js";
+import p from "./astra-sdk.es927.js";
+import { customElement as d } from "./astra-sdk.es456.js";
+import { resetStyles as h, elementStyles as w } from "./astra-sdk.es311.js";
+import { ifDefined as a } from "./astra-sdk.es477.js";
+import { property as y } from "./astra-sdk.es475.js";
+var u = function(r, t, i, o) {
+  var n = arguments.length, e = n < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, i) : o, c;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") e = Reflect.decorate(r, t, i, o);
+  else for (var m = r.length - 1; m >= 0; m--) (c = r[m]) && (e = (n < 3 ? c(e) : n > 3 ? c(t, i, e) : c(t, i)) || e);
+  return n > 3 && e && Object.defineProperty(t, i, e), e;
+};
+let f = class extends s {
+  constructor() {
+    super(...arguments), this.checked = void 0;
+  }
+  render() {
+    return l`
+      <button>
+        <wui-icon size="xl" name="walletConnectBrown"></wui-icon>
+        <wui-switch ?checked=${a(this.checked)}></wui-switch>
+      </button>
+    `;
+  }
+};
+f.styles = [h, w, p];
+u([
+  y({ type: Boolean })
+], f.prototype, "checked", void 0);
+f = u([
+  d("wui-certified-switch")
+], f);
+export {
+  f as WuiCertifiedSwitch
+};

package/dist/astra-sdk.es308.js

@@ -0,0 +1,81 @@
+import "./astra-sdk.es229.js";
+import { html as f } from "./astra-sdk.es230.js";
+import { LitElement as m } from "./astra-sdk.es231.js";
+import { property as i } from "./astra-sdk.es475.js";
+import { resetStyles as h } from "./astra-sdk.es311.js";
+import { UiHelperUtil as p } from "./astra-sdk.es454.js";
+import { customElement as u } from "./astra-sdk.es456.js";
+import c from "./astra-sdk.es928.js";
+var e = function(s, r, o, a) {
+  var d = arguments.length, n = d < 3 ? r : a === null ? a = Object.getOwnPropertyDescriptor(r, o) : a, g;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") n = Reflect.decorate(s, r, o, a);
+  else for (var l = s.length - 1; l >= 0; l--) (g = s[l]) && (n = (d < 3 ? g(n) : d > 3 ? g(r, o, n) : g(r, o)) || n);
+  return d > 3 && n && Object.defineProperty(r, o, n), n;
+};
+let t = class extends m {
+  render() {
+    return this.style.cssText = `
+      flex-direction: ${this.flexDirection};
+      flex-wrap: ${this.flexWrap};
+      flex-basis: ${this.flexBasis};
+      flex-grow: ${this.flexGrow};
+      flex-shrink: ${this.flexShrink};
+      align-items: ${this.alignItems};
+      justify-content: ${this.justifyContent};
+      column-gap: ${this.columnGap && `var(--wui-spacing-${this.columnGap})`};
+      row-gap: ${this.rowGap && `var(--wui-spacing-${this.rowGap})`};
+      gap: ${this.gap && `var(--wui-spacing-${this.gap})`};
+      padding-top: ${this.padding && p.getSpacingStyles(this.padding, 0)};
+      padding-right: ${this.padding && p.getSpacingStyles(this.padding, 1)};
+      padding-bottom: ${this.padding && p.getSpacingStyles(this.padding, 2)};
+      padding-left: ${this.padding && p.getSpacingStyles(this.padding, 3)};
+      margin-top: ${this.margin && p.getSpacingStyles(this.margin, 0)};
+      margin-right: ${this.margin && p.getSpacingStyles(this.margin, 1)};
+      margin-bottom: ${this.margin && p.getSpacingStyles(this.margin, 2)};
+      margin-left: ${this.margin && p.getSpacingStyles(this.margin, 3)};
+    `, f`<slot></slot>`;
+  }
+};
+t.styles = [h, c];
+e([
+  i()
+], t.prototype, "flexDirection", void 0);
+e([
+  i()
+], t.prototype, "flexWrap", void 0);
+e([
+  i()
+], t.prototype, "flexBasis", void 0);
+e([
+  i()
+], t.prototype, "flexGrow", void 0);
+e([
+  i()
+], t.prototype, "flexShrink", void 0);
+e([
+  i()
+], t.prototype, "alignItems", void 0);
+e([
+  i()
+], t.prototype, "justifyContent", void 0);
+e([
+  i()
+], t.prototype, "columnGap", void 0);
+e([
+  i()
+], t.prototype, "rowGap", void 0);
+e([
+  i()
+], t.prototype, "gap", void 0);
+e([
+  i()
+], t.prototype, "padding", void 0);
+e([
+  i()
+], t.prototype, "margin", void 0);
+t = e([
+  u("wui-flex")
+], t);
+export {
+  t as WuiFlex
+};

package/dist/astra-sdk.es309.js

@@ -0,0 +1,77 @@
+import "./astra-sdk.es229.js";
+import { html as l } from "./astra-sdk.es230.js";
+import { LitElement as f } from "./astra-sdk.es231.js";
+import { property as e } from "./astra-sdk.es475.js";
+import { resetStyles as u } from "./astra-sdk.es311.js";
+import { UiHelperUtil as p } from "./astra-sdk.es454.js";
+import { customElement as h } from "./astra-sdk.es456.js";
+import c from "./astra-sdk.es929.js";
+var i = function(s, o, r, a) {
+  var g = arguments.length, n = g < 3 ? o : a === null ? a = Object.getOwnPropertyDescriptor(o, r) : a, d;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") n = Reflect.decorate(s, o, r, a);
+  else for (var m = s.length - 1; m >= 0; m--) (d = s[m]) && (n = (g < 3 ? d(n) : g > 3 ? d(o, r, n) : d(o, r)) || n);
+  return g > 3 && n && Object.defineProperty(o, r, n), n;
+};
+let t = class extends f {
+  render() {
+    return this.style.cssText = `
+      grid-template-rows: ${this.gridTemplateRows};
+      grid-template-columns: ${this.gridTemplateColumns};
+      justify-items: ${this.justifyItems};
+      align-items: ${this.alignItems};
+      justify-content: ${this.justifyContent};
+      align-content: ${this.alignContent};
+      column-gap: ${this.columnGap && `var(--wui-spacing-${this.columnGap})`};
+      row-gap: ${this.rowGap && `var(--wui-spacing-${this.rowGap})`};
+      gap: ${this.gap && `var(--wui-spacing-${this.gap})`};
+      padding-top: ${this.padding && p.getSpacingStyles(this.padding, 0)};
+      padding-right: ${this.padding && p.getSpacingStyles(this.padding, 1)};
+      padding-bottom: ${this.padding && p.getSpacingStyles(this.padding, 2)};
+      padding-left: ${this.padding && p.getSpacingStyles(this.padding, 3)};
+      margin-top: ${this.margin && p.getSpacingStyles(this.margin, 0)};
+      margin-right: ${this.margin && p.getSpacingStyles(this.margin, 1)};
+      margin-bottom: ${this.margin && p.getSpacingStyles(this.margin, 2)};
+      margin-left: ${this.margin && p.getSpacingStyles(this.margin, 3)};
+    `, l`<slot></slot>`;
+  }
+};
+t.styles = [u, c];
+i([
+  e()
+], t.prototype, "gridTemplateRows", void 0);
+i([
+  e()
+], t.prototype, "gridTemplateColumns", void 0);
+i([
+  e()
+], t.prototype, "justifyItems", void 0);
+i([
+  e()
+], t.prototype, "alignItems", void 0);
+i([
+  e()
+], t.prototype, "justifyContent", void 0);
+i([
+  e()
+], t.prototype, "alignContent", void 0);
+i([
+  e()
+], t.prototype, "columnGap", void 0);
+i([
+  e()
+], t.prototype, "rowGap", void 0);
+i([
+  e()
+], t.prototype, "gap", void 0);
+i([
+  e()
+], t.prototype, "padding", void 0);
+i([
+  e()
+], t.prototype, "margin", void 0);
+t = i([
+  h("wui-grid")
+], t);
+export {
+  t as WuiGrid
+};

package/dist/astra-sdk.es31.js

@@ -0,0 +1,18 @@
+import { proxy as s, subscribe as n } from "./astra-sdk.es441.js";
+const e = s({
+  loading: !1,
+  open: !1,
+  selectedNetworkId: void 0,
+  activeChain: void 0
+}), r = {
+  state: e,
+  subscribe(t) {
+    return n(e, () => t(e));
+  },
+  set(t) {
+    Object.assign(e, { ...e, ...t });
+  }
+};
+export {
+  r as PublicStateController
+};

package/dist/astra-sdk.es310.js

@@ -0,0 +1,35 @@
+import "./astra-sdk.es229.js";
+import { html as f } from "./astra-sdk.es230.js";
+import { LitElement as s } from "./astra-sdk.es231.js";
+import { property as a } from "./astra-sdk.es475.js";
+import "./astra-sdk.es239.js";
+import { resetStyles as c } from "./astra-sdk.es311.js";
+import { customElement as d } from "./astra-sdk.es456.js";
+import x from "./astra-sdk.es930.js";
+var u = function(o, e, r, n) {
+  var i = arguments.length, t = i < 3 ? e : n === null ? n = Object.getOwnPropertyDescriptor(e, r) : n, p;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(o, e, r, n);
+  else for (var m = o.length - 1; m >= 0; m--) (p = o[m]) && (t = (i < 3 ? p(t) : i > 3 ? p(e, r, t) : p(e, r)) || t);
+  return i > 3 && t && Object.defineProperty(e, r, t), t;
+};
+let l = class extends s {
+  constructor() {
+    super(...arguments), this.text = "";
+  }
+  render() {
+    return f`${this.template()}`;
+  }
+  template() {
+    return this.text ? f`<wui-text variant="small-500" color="fg-200">${this.text}</wui-text>` : null;
+  }
+};
+l.styles = [c, x];
+u([
+  a()
+], l.prototype, "text", void 0);
+l = u([
+  d("wui-separator")
+], l);
+export {
+  l as WuiSeparator
+};