@dcl/governance-site 2.0.0 → 2.0.1-20995780683.commit-d6baf5e

package/assets/index-07a61b45.js

@@ -0,0 +1,51 @@
+import{n as p,r as d,l as m,v as r,m as g}from"./index-48bd3fca.js";import{n as h,c as x}from"./index-84e8ecf6.js";const v=p`
+  :host {
+    display: flex;
+  }
+
+  :host([data-size='sm']) > svg {
+    width: 12px;
+    height: 12px;
+  }
+
+  :host([data-size='md']) > svg {
+    width: 16px;
+    height: 16px;
+  }
+
+  :host([data-size='lg']) > svg {
+    width: 24px;
+    height: 24px;
+  }
+
+  :host([data-size='xl']) > svg {
+    width: 32px;
+    height: 32px;
+  }
+
+  svg {
+    animation: rotate 1.4s linear infinite;
+    color: var(--local-color);
+  }
+
+  :host([data-size='md']) > svg > circle {
+    stroke-width: 6px;
+  }
+
+  :host([data-size='sm']) > svg > circle {
+    stroke-width: 8px;
+  }
+
+  @keyframes rotate {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;var c=globalThis&&globalThis.__decorate||function(i,t,o,C){var n=arguments.length,e=n<3?t:C===null?C=Object.getOwnPropertyDescriptor(t,o):C,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(i,t,o,C);else for(var l=i.length-1;l>=0;l--)(a=i[l])&&(e=(n<3?a(e):n>3?a(t,o,e):a(t,o))||e);return n>3&&e&&Object.defineProperty(t,o,e),e};let s=class extends m{constructor(){super(...arguments),this.color="primary",this.size="lg"}render(){const t={primary:r.tokens.theme.textPrimary,secondary:r.tokens.theme.textSecondary,tertiary:r.tokens.theme.textTertiary,invert:r.tokens.theme.textInvert,error:r.tokens.core.textError,warning:r.tokens.core.textWarning,"accent-primary":r.tokens.core.textAccentPrimary};return this.style.cssText=`
+      --local-color: ${this.color==="inherit"?"inherit":t[this.color]};
+      `,this.dataset.size=this.size,g`<svg viewBox="0 0 16 17" fill="none">
+      <path
+        d="M8.75 2.65625V4.65625C8.75 4.85516 8.67098 5.04593 8.53033 5.18658C8.38968 5.32723 8.19891 5.40625 8 5.40625C7.80109 5.40625 7.61032 5.32723 7.46967 5.18658C7.32902 5.04593 7.25 4.85516 7.25 4.65625V2.65625C7.25 2.45734 7.32902 2.26657 7.46967 2.12592C7.61032 1.98527 7.80109 1.90625 8 1.90625C8.19891 1.90625 8.38968 1.98527 8.53033 2.12592C8.67098 2.26657 8.75 2.45734 8.75 2.65625ZM14 7.90625H12C11.8011 7.90625 11.6103 7.98527 11.4697 8.12592C11.329 8.26657 11.25 8.45734 11.25 8.65625C11.25 8.85516 11.329 9.04593 11.4697 9.18658C11.6103 9.32723 11.8011 9.40625 12 9.40625H14C14.1989 9.40625 14.3897 9.32723 14.5303 9.18658C14.671 9.04593 14.75 8.85516 14.75 8.65625C14.75 8.45734 14.671 8.26657 14.5303 8.12592C14.3897 7.98527 14.1989 7.90625 14 7.90625ZM11.3588 10.9544C11.289 10.8846 11.2062 10.8293 11.115 10.7915C11.0239 10.7538 10.9262 10.7343 10.8275 10.7343C10.7288 10.7343 10.6311 10.7538 10.54 10.7915C10.4488 10.8293 10.366 10.8846 10.2963 10.9544C10.2265 11.0241 10.1711 11.107 10.1334 11.1981C10.0956 11.2893 10.0762 11.387 10.0762 11.4856C10.0762 11.5843 10.0956 11.682 10.1334 11.7731C10.1711 11.8643 10.2265 11.9471 10.2963 12.0169L11.7106 13.4312C11.8515 13.5721 12.0426 13.6513 12.2419 13.6513C12.4411 13.6513 12.6322 13.5721 12.7731 13.4312C12.914 13.2904 12.9932 13.0993 12.9932 12.9C12.9932 12.7007 12.914 12.5096 12.7731 12.3687L11.3588 10.9544ZM8 11.9062C7.80109 11.9062 7.61032 11.9853 7.46967 12.1259C7.32902 12.2666 7.25 12.4573 7.25 12.6562V14.6562C7.25 14.8552 7.32902 15.0459 7.46967 15.1866C7.61032 15.3272 7.80109 15.4062 8 15.4062C8.19891 15.4062 8.38968 15.3272 8.53033 15.1866C8.67098 15.0459 8.75 14.8552 8.75 14.6562V12.6562C8.75 12.4573 8.67098 12.2666 8.53033 12.1259C8.38968 11.9853 8.19891 11.9062 8 11.9062ZM4.64125 10.9544L3.22688 12.3687C3.08598 12.5096 3.00682 12.7007 3.00682 12.9C3.00682 13.0993 3.08598 13.2904 3.22688 13.4312C3.36777 13.5721 3.55887 13.6513 3.75813 13.6513C3.95738 13.6513 4.14848 13.5721 4.28937 13.4312L5.70375 12.0169C5.84465 11.876 5.9238 11.6849 5.9238 11.4856C5.9238 11.2864 5.84465 11.0953 5.70375 10.9544C5.56285 10.8135 5.37176 10.7343 5.1725 10.7343C4.97324 10.7343 4.78215 10.8135 4.64125 10.9544ZM4.75 8.65625C4.75 8.45734 4.67098 8.26657 4.53033 8.12592C4.38968 7.98527 4.19891 7.90625 4 7.90625H2C1.80109 7.90625 1.61032 7.98527 1.46967 8.12592C1.32902 8.26657 1.25 8.45734 1.25 8.65625C1.25 8.85516 1.32902 9.04593 1.46967 9.18658C1.61032 9.32723 1.80109 9.40625 2 9.40625H4C4.19891 9.40625 4.38968 9.32723 4.53033 9.18658C4.67098 9.04593 4.75 8.85516 4.75 8.65625ZM4.2875 3.88313C4.1466 3.74223 3.95551 3.66307 3.75625 3.66307C3.55699 3.66307 3.3659 3.74223 3.225 3.88313C3.0841 4.02402 3.00495 4.21512 3.00495 4.41438C3.00495 4.61363 3.0841 4.80473 3.225 4.94562L4.64125 6.35813C4.78215 6.49902 4.97324 6.57818 5.1725 6.57818C5.37176 6.57818 5.56285 6.49902 5.70375 6.35813C5.84465 6.21723 5.9238 6.02613 5.9238 5.82688C5.9238 5.62762 5.84465 5.43652 5.70375 5.29563L4.2875 3.88313Z"
+        fill="currentColor"
+      />
+    </svg>`}};s.styles=[d,v];c([h()],s.prototype,"color",void 0);c([h()],s.prototype,"size",void 0);s=c([x("wui-loading-spinner")],s);

package/assets/index-1039ded0.js

@@ -0,0 +1,132 @@
+import{j as C,r as O,k as P,l as w,m as a,n as E,K as g,R as S,o as x,h as R,S as $}from"./index-48bd3fca.js";import{n as h,c as v,r as d,U as T}from"./index-84e8ecf6.js";import"./index-a59b6662.js";import"./index-07a61b45.js";const L=C`
+  :host {
+    position: relative;
+    display: inline-block;
+  }
+
+  input {
+    width: 48px;
+    height: 48px;
+    background: ${({tokens:n})=>n.theme.foregroundPrimary};
+    border-radius: ${({borderRadius:n})=>n[4]};
+    border: 1px solid ${({tokens:n})=>n.theme.borderPrimary};
+    font-family: ${({fontFamily:n})=>n.regular};
+    font-size: ${({textSize:n})=>n.large};
+    line-height: 18px;
+    letter-spacing: -0.16px;
+    text-align: center;
+    color: ${({tokens:n})=>n.theme.textPrimary};
+    caret-color: ${({tokens:n})=>n.core.textAccentPrimary};
+    transition:
+      background-color ${({durations:n})=>n.lg}
+        ${({easings:n})=>n["ease-out-power-2"]},
+      border-color ${({durations:n})=>n.lg}
+        ${({easings:n})=>n["ease-out-power-2"]},
+      box-shadow ${({durations:n})=>n.lg}
+        ${({easings:n})=>n["ease-out-power-2"]};
+    will-change: background-color, border-color, box-shadow;
+    box-sizing: border-box;
+    -webkit-appearance: none;
+    -moz-appearance: textfield;
+    padding: ${({spacing:n})=>n[4]};
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  input:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  input:focus-visible:enabled {
+    background-color: transparent;
+    border: 1px solid ${({tokens:n})=>n.theme.borderSecondary};
+    box-shadow: 0px 0px 0px 4px ${({tokens:n})=>n.core.foregroundAccent040};
+  }
+`;var y=globalThis&&globalThis.__decorate||function(n,t,e,i){var s=arguments.length,o=s<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,t,e,i);else for(var l=n.length-1;l>=0;l--)(r=n[l])&&(o=(s<3?r(o):s>3?r(t,e,o):r(t,e))||o);return s>3&&o&&Object.defineProperty(t,e,o),o};let c=class extends w{constructor(){super(...arguments),this.disabled=!1,this.value=""}render(){return a`<input
+      type="number"
+      maxlength="1"
+      inputmode="numeric"
+      autofocus
+      ?disabled=${this.disabled}
+      value=${this.value}
+    /> `}};c.styles=[O,P,L];y([h({type:Boolean})],c.prototype,"disabled",void 0);y([h({type:String})],c.prototype,"value",void 0);c=y([v("wui-input-numeric")],c);const _=E`
+  :host {
+    position: relative;
+    display: block;
+  }
+`;var m=globalThis&&globalThis.__decorate||function(n,t,e,i){var s=arguments.length,o=s<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,t,e,i);else for(var l=n.length-1;l>=0;l--)(r=n[l])&&(o=(s<3?r(o):s>3?r(t,e,o):r(t,e))||o);return s>3&&o&&Object.defineProperty(t,e,o),o};let p=class extends w{constructor(){super(...arguments),this.length=6,this.otp="",this.values=Array.from({length:this.length}).map(()=>""),this.numerics=[],this.shouldInputBeEnabled=t=>this.values.slice(0,t).every(i=>i!==""),this.handleKeyDown=(t,e)=>{const i=t.target,s=this.getInputElement(i),o=["ArrowLeft","ArrowRight","Shift","Delete"];if(!s)return;o.includes(t.key)&&t.preventDefault();const r=s.selectionStart;switch(t.key){case"ArrowLeft":r&&s.setSelectionRange(r+1,r+1),this.focusInputField("prev",e);break;case"ArrowRight":this.focusInputField("next",e);break;case"Shift":this.focusInputField("next",e);break;case"Delete":s.value===""?this.focusInputField("prev",e):this.updateInput(s,e,"");break;case"Backspace":s.value===""?this.focusInputField("prev",e):this.updateInput(s,e,"");break}},this.focusInputField=(t,e)=>{if(t==="next"){const i=e+1;if(!this.shouldInputBeEnabled(i))return;const s=this.numerics[i<this.length?i:e],o=s?this.getInputElement(s):void 0;o&&(o.disabled=!1,o.focus())}if(t==="prev"){const i=e-1,s=this.numerics[i>-1?i:e],o=s?this.getInputElement(s):void 0;o&&o.focus()}}}firstUpdated(){var e,i;this.otp&&(this.values=this.otp.split(""));const t=(e=this.shadowRoot)==null?void 0:e.querySelectorAll("wui-input-numeric");t&&(this.numerics=Array.from(t)),(i=this.numerics[0])==null||i.focus()}render(){return a`
+      <wui-flex gap="1" data-testid="wui-otp-input">
+        ${Array.from({length:this.length}).map((t,e)=>a`
+            <wui-input-numeric
+              @input=${i=>this.handleInput(i,e)}
+              @click=${i=>this.selectInput(i)}
+              @keydown=${i=>this.handleKeyDown(i,e)}
+              .disabled=${!this.shouldInputBeEnabled(e)}
+              .value=${this.values[e]||""}
+            >
+            </wui-input-numeric>
+          `)}
+      </wui-flex>
+    `}updateInput(t,e,i){const s=this.numerics[e],o=t||(s?this.getInputElement(s):void 0);o&&(o.value=i,this.values=this.values.map((r,l)=>l===e?i:r))}selectInput(t){const e=t.target;if(e){const i=this.getInputElement(e);i==null||i.select()}}handleInput(t,e){const i=t.target,s=this.getInputElement(i);if(s){const o=s.value;t.inputType==="insertFromPaste"?this.handlePaste(s,o,e):T.isNumber(o)&&t.data?(this.updateInput(s,e,t.data),this.focusInputField("next",e)):this.updateInput(s,e,"")}this.dispatchInputChangeEvent()}handlePaste(t,e,i){const s=e[0];if(s&&T.isNumber(s)){this.updateInput(t,i,s);const r=e.substring(1);if(i+1<this.length&&r.length){const l=this.numerics[i+1],I=l?this.getInputElement(l):void 0;I&&this.handlePaste(I,r,i+1)}else this.focusInputField("next",i)}else this.updateInput(t,i,"")}getInputElement(t){var e;return(e=t.shadowRoot)!=null&&e.querySelector("input")?t.shadowRoot.querySelector("input"):null}dispatchInputChangeEvent(){const t=this.values.join("");this.dispatchEvent(new CustomEvent("inputChange",{detail:t,bubbles:!0,composed:!0}))}};p.styles=[O,_];m([h({type:Number})],p.prototype,"length",void 0);m([h({type:String})],p.prototype,"otp",void 0);m([d()],p.prototype,"values",void 0);p=m([v("wui-otp")],p);const k=E`
+  wui-loading-spinner {
+    margin: 9px auto;
+  }
+
+  .email-display,
+  .email-display wui-text {
+    max-width: 100%;
+  }
+`;var f=globalThis&&globalThis.__decorate||function(n,t,e,i){var s=arguments.length,o=s<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,t,e,i);else for(var l=n.length-1;l>=0;l--)(r=n[l])&&(o=(s<3?r(o):s>3?r(t,e,o):r(t,e))||o);return s>3&&o&&Object.defineProperty(t,e,o),o},b;let u=b=class extends w{firstUpdated(){this.startOTPTimeout()}disconnectedCallback(){clearTimeout(this.OTPTimeout)}constructor(){var t;super(),this.loading=!1,this.timeoutTimeLeft=g.getTimeToNextEmailLogin(),this.error="",this.otp="",this.email=(t=S.state.data)==null?void 0:t.email,this.authConnector=x.getAuthConnector()}render(){if(!this.email)throw new Error("w3m-email-otp-widget: No email provided");const t=!!this.timeoutTimeLeft,e=this.getFooterLabels(t);return a`
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${["4","0","4","0"]}
+        gap="4"
+      >
+        <wui-flex
+          class="email-display"
+          flexDirection="column"
+          alignItems="center"
+          .padding=${["0","5","0","5"]}
+        >
+          <wui-text variant="md-regular" color="primary" align="center">
+            Enter the code we sent to
+          </wui-text>
+          <wui-text variant="md-medium" color="primary" lineClamp="1" align="center">
+            ${this.email}
+          </wui-text>
+        </wui-flex>
+
+        <wui-text variant="sm-regular" color="secondary">The code expires in 20 minutes</wui-text>
+
+        ${this.loading?a`<wui-loading-spinner size="xl" color="accent-primary"></wui-loading-spinner>`:a` <wui-flex flexDirection="column" alignItems="center" gap="2">
+              <wui-otp
+                dissabled
+                length="6"
+                @inputChange=${this.onOtpInputChange.bind(this)}
+                .otp=${this.otp}
+              ></wui-otp>
+              ${this.error?a`
+                    <wui-text variant="sm-regular" align="center" color="error">
+                      ${this.error}. Try Again
+                    </wui-text>
+                  `:null}
+            </wui-flex>`}
+
+        <wui-flex alignItems="center" gap="2">
+          <wui-text variant="sm-regular" color="secondary">${e.title}</wui-text>
+          <wui-link @click=${this.onResendCode.bind(this)} .disabled=${t}>
+            ${e.action}
+          </wui-link>
+        </wui-flex>
+      </wui-flex>
+    `}startOTPTimeout(){this.timeoutTimeLeft=g.getTimeToNextEmailLogin(),this.OTPTimeout=setInterval(()=>{this.timeoutTimeLeft>0?this.timeoutTimeLeft=g.getTimeToNextEmailLogin():clearInterval(this.OTPTimeout)},1e3)}async onOtpInputChange(t){var e;try{this.loading||(this.otp=t.detail,this.shouldSubmitOnOtpChange()&&(this.loading=!0,await((e=this.onOtpSubmit)==null?void 0:e.call(this,this.otp))))}catch(i){this.error=R.parseError(i),this.loading=!1}}async onResendCode(){try{if(this.onOtpResend){if(!this.loading&&!this.timeoutTimeLeft){if(this.error="",this.otp="",!x.getAuthConnector()||!this.email)throw new Error("w3m-email-otp-widget: Unable to resend email");this.loading=!0,await this.onOtpResend(this.email),this.startOTPTimeout(),$.showSuccess("Code email resent")}}else this.onStartOver&&this.onStartOver()}catch(t){$.showError(t)}finally{this.loading=!1}}getFooterLabels(t){return this.onStartOver?{title:"Something wrong?",action:`Try again ${t?`in ${this.timeoutTimeLeft}s`:""}`}:{title:"Didn't receive it?",action:`Resend ${t?`in ${this.timeoutTimeLeft}s`:"Code"}`}}shouldSubmitOnOtpChange(){return this.authConnector&&this.otp.length===b.OTP_LENGTH}};u.OTP_LENGTH=6;u.styles=k;f([d()],u.prototype,"loading",void 0);f([d()],u.prototype,"timeoutTimeLeft",void 0);f([d()],u.prototype,"error",void 0);u=b=f([v("w3m-email-otp-widget")],u);export{u as W};

package/assets/index-123c1362.js

@@ -0,0 +1,224 @@
+import{U as f,j as w,r as v,l as b,m as n,k as y}from"./index-48bd3fca.js";import{n as o,c as x,U as $}from"./index-84e8ecf6.js";import"./index-42ce7246.js";import"./index-ff4dea43.js";import{o as z}from"./if-defined-0a35f675.js";const S=f`<svg width="86" height="96" fill="none">
+  <path
+    d="M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z"
+  />
+</svg>`,k=f`<svg  viewBox="0 0 48 54" fill="none">
+  <path
+    d="M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z"
+  />
+</svg>`,I=f`
+  <svg fill="none" viewBox="0 0 36 40">
+    <path
+      d="M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z"
+    />
+  </svg>
+`,T=w`
+  :host {
+    position: relative;
+    border-radius: inherit;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+
+  :host([data-round='true']) {
+    background: ${({tokens:e})=>e.theme.foregroundPrimary};
+    border-radius: 100%;
+    outline: 1px solid ${({tokens:e})=>e.core.glass010};
+  }
+
+  svg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+  }
+
+  svg > path {
+    stroke: var(--local-stroke);
+  }
+
+  wui-image {
+    width: 100%;
+    height: 100%;
+    -webkit-clip-path: var(--local-path);
+    clip-path: var(--local-path);
+    background: ${({tokens:e})=>e.theme.foregroundPrimary};
+  }
+
+  wui-icon {
+    transform: translateY(-5%);
+    width: var(--local-icon-size);
+    height: var(--local-icon-size);
+  }
+`;var m=globalThis&&globalThis.__decorate||function(e,t,r,a){var s=arguments.length,i=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,r):a,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,r,a);else for(var h=e.length-1;h>=0;h--)(l=e[h])&&(i=(s<3?l(i):s>3?l(t,r,i):l(t,r))||i);return s>3&&i&&Object.defineProperty(t,r,i),i};let p=class extends b{constructor(){super(...arguments),this.size="md",this.name="uknown",this.networkImagesBySize={sm:I,md:k,lg:S},this.selected=!1,this.round=!1}render(){const t={sm:"4",md:"6",lg:"10"};return this.round?(this.dataset.round="true",this.style.cssText=`
+      --local-width: var(--apkt-spacing-10);
+      --local-height: var(--apkt-spacing-10);
+      --local-icon-size: var(--apkt-spacing-4);
+    `):this.style.cssText=`
+
+      --local-path: var(--apkt-path-network-${this.size});
+      --local-width:  var(--apkt-width-network-${this.size});
+      --local-height:  var(--apkt-height-network-${this.size});
+      --local-icon-size:  var(--apkt-spacing-${t[this.size]});
+    `,n`${this.templateVisual()} ${this.svgTemplate()} `}svgTemplate(){return this.round?null:this.networkImagesBySize[this.size]}templateVisual(){return this.imageSrc?n`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:n`<wui-icon size="inherit" color="default" name="networkPlaceholder"></wui-icon>`}};p.styles=[v,T];m([o()],p.prototype,"size",void 0);m([o()],p.prototype,"name",void 0);m([o({type:Object})],p.prototype,"networkImagesBySize",void 0);m([o()],p.prototype,"imageSrc",void 0);m([o({type:Boolean})],p.prototype,"selected",void 0);m([o({type:Boolean})],p.prototype,"round",void 0);p=m([x("wui-network-image")],p);const C=w`
+  :host {
+    position: relative;
+    background-color: ${({tokens:e})=>e.theme.foregroundTertiary};
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: inherit;
+    border-radius: var(--local-border-radius);
+  }
+
+  :host([data-image='true']) {
+    background-color: transparent;
+  }
+
+  :host > wui-flex {
+    overflow: hidden;
+    border-radius: inherit;
+    border-radius: var(--local-border-radius);
+  }
+
+  :host([data-size='sm']) {
+    width: 32px;
+    height: 32px;
+  }
+
+  :host([data-size='md']) {
+    width: 40px;
+    height: 40px;
+  }
+
+  :host([data-size='lg']) {
+    width: 56px;
+    height: 56px;
+  }
+
+  :host([name='Extension'])::after {
+    border: 1px solid ${({colors:e})=>e.accent010};
+  }
+
+  :host([data-wallet-icon='allWallets'])::after {
+    border: 1px solid ${({colors:e})=>e.accent010};
+  }
+
+  wui-icon[data-parent-size='inherit'] {
+    width: 75%;
+    height: 75%;
+    align-items: center;
+  }
+
+  wui-icon {
+    color: ${({tokens:e})=>e.theme.iconDefault};
+  }
+
+  wui-icon[data-parent-size='sm'] {
+    width: 24px;
+    height: 24px;
+  }
+
+  wui-icon[data-parent-size='md'] {
+    width: 32px;
+    height: 32px;
+  }
+
+  :host > wui-icon-box {
+    position: absolute;
+    overflow: hidden;
+    right: -1px;
+    bottom: -2px;
+    z-index: 1;
+    border: 2px solid ${({tokens:e})=>e.theme.backgroundPrimary};
+    padding: 1px;
+  }
+`;var g=globalThis&&globalThis.__decorate||function(e,t,r,a){var s=arguments.length,i=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,r):a,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,r,a);else for(var h=e.length-1;h>=0;h--)(l=e[h])&&(i=(s<3?l(i):s>3?l(t,r,i):l(t,r))||i);return s>3&&i&&Object.defineProperty(t,r,i),i};let u=class extends b{constructor(){super(...arguments),this.size="md",this.name="",this.installed=!1,this.badgeSize="xs"}render(){let t="1";return this.size==="lg"?t="4":this.size==="md"?t="2":this.size==="sm"&&(t="1"),this.style.cssText=`
+       --local-border-radius: var(--apkt-borderRadius-${t});
+   `,this.dataset.size=this.size,this.imageSrc&&(this.dataset.image="true"),this.walletIcon&&(this.dataset.walletIcon=this.walletIcon),n`
+      <wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex>
+    `}templateVisual(){return this.imageSrc?n`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:this.walletIcon?n`<wui-icon size="md" color="default" name=${this.walletIcon}></wui-icon>`:n`<wui-icon
+      data-parent-size=${this.size}
+      size="inherit"
+      color="inherit"
+      name="wallet"
+    ></wui-icon>`}};u.styles=[v,C];g([o()],u.prototype,"size",void 0);g([o()],u.prototype,"name",void 0);g([o()],u.prototype,"imageSrc",void 0);g([o()],u.prototype,"walletIcon",void 0);g([o({type:Boolean})],u.prototype,"installed",void 0);g([o()],u.prototype,"badgeSize",void 0);u=g([x("wui-wallet-image")],u);const j=w`
+  button {
+    display: flex;
+    align-items: center;
+    height: 40px;
+    padding: ${({spacing:e})=>e[2]};
+    border-radius: ${({borderRadius:e})=>e[4]};
+    column-gap: ${({spacing:e})=>e[1]};
+    background-color: transparent;
+    transition: background-color ${({durations:e})=>e.lg}
+      ${({easings:e})=>e["ease-out-power-2"]};
+    will-change: background-color;
+  }
+
+  wui-image,
+  .icon-box {
+    width: ${({spacing:e})=>e[6]};
+    height: ${({spacing:e})=>e[6]};
+    border-radius: ${({borderRadius:e})=>e[4]};
+  }
+
+  wui-text {
+    flex: 1;
+  }
+
+  .icon-box {
+    position: relative;
+  }
+
+  .icon-box[data-active='true'] {
+    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+  }
+
+  .circle {
+    position: absolute;
+    left: 16px;
+    top: 15px;
+    width: 8px;
+    height: 8px;
+    background-color: ${({tokens:e})=>e.core.textSuccess};
+    box-shadow: 0 0 0 2px ${({tokens:e})=>e.theme.foregroundPrimary};
+    border-radius: 50%;
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  @media (hover: hover) {
+    button:hover:enabled,
+    button:active:enabled {
+      background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+    }
+  }
+`;var d=globalThis&&globalThis.__decorate||function(e,t,r,a){var s=arguments.length,i=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,r):a,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,r,a);else for(var h=e.length-1;h>=0;h--)(l=e[h])&&(i=(s<3?l(i):s>3?l(t,r,i):l(t,r))||i);return s>3&&i&&Object.defineProperty(t,r,i),i};let c=class extends b{constructor(){super(...arguments),this.address="",this.profileName="",this.alt="",this.imageSrc="",this.icon=void 0,this.iconSize="md",this.enableGreenCircle=!0,this.loading=!1,this.charsStart=4,this.charsEnd=6}render(){return n`
+      <button>
+        ${this.leftImageTemplate()} ${this.textTemplate()} ${this.rightImageTemplate()}
+      </button>
+    `}leftImageTemplate(){const t=this.icon?n`<wui-icon
+          size=${z(this.iconSize)}
+          color="default"
+          name=${this.icon}
+          class="icon"
+        ></wui-icon>`:n`<wui-image src=${this.imageSrc} alt=${this.alt}></wui-image>`;return n`
+      <wui-flex
+        alignItems="center"
+        justifyContent="center"
+        class="icon-box"
+        data-active=${!!this.icon}
+      >
+        ${t}
+        ${this.enableGreenCircle?n`<wui-flex class="circle"></wui-flex>`:null}
+      </wui-flex>
+    `}textTemplate(){return n`
+      <wui-text variant="lg-regular" color="primary">
+        ${$.getTruncateString({string:this.profileName||this.address,charsStart:this.profileName?16:this.charsStart,charsEnd:this.profileName?0:this.charsEnd,truncate:this.profileName?"end":"middle"})}
+      </wui-text>
+    `}rightImageTemplate(){return n`<wui-icon name="chevronBottom" size="sm" color="default"></wui-icon>`}};c.styles=[v,y,j];d([o()],c.prototype,"address",void 0);d([o()],c.prototype,"profileName",void 0);d([o()],c.prototype,"alt",void 0);d([o()],c.prototype,"imageSrc",void 0);d([o()],c.prototype,"icon",void 0);d([o()],c.prototype,"iconSize",void 0);d([o({type:Boolean})],c.prototype,"enableGreenCircle",void 0);d([o({type:Boolean})],c.prototype,"loading",void 0);d([o({type:Number})],c.prototype,"charsStart",void 0);d([o({type:Number})],c.prototype,"charsEnd",void 0);c=d([x("wui-wallet-switch")],c);export{k as n};