stackswap-front-api-test-02 1.3.0 → 1.3.2

package/dist/6267.index.umd.js

@@ -0,0 +1,2119 @@
+/*! For license information please see 6267.index.umd.js.LICENSE.txt */
+(self.webpackChunkStackswapFrontAPI=self.webpackChunkStackswapFrontAPI||[]).push([[6267],{6320:t=>{"use strict";var e={single_source_shortest_paths:function(t,i,o){var r={},n={};n[i]=0;var a,s,l,c,u,d,h,p=e.PriorityQueue.make();for(p.push(i,0);!p.empty();)for(l in s=(a=p.pop()).value,c=a.cost,u=t[s]||{})u.hasOwnProperty(l)&&(d=c+u[l],h=n[l],(void 0===n[l]||h>d)&&(n[l]=d,p.push(l,d),r[l]=s));if(void 0!==o&&void 0===n[o]){var w=["Could not find a path from ",i," to ",o,"."].join("");throw new Error(w)}return r},extract_shortest_path_from_predecessor_list:function(t,e){for(var i=[],o=e;o;)i.push(o),t[o],o=t[o];return i.reverse(),i},find_path:function(t,i,o){var r=e.single_source_shortest_paths(t,i,o);return e.extract_shortest_path_from_predecessor_list(r,o)},PriorityQueue:{make:function(t){var i,o=e.PriorityQueue,r={};for(i in t=t||{},o)o.hasOwnProperty(i)&&(r[i]=o[i]);return r.queue=[],r.sorter=t.sorter||o.default_sorter,r},default_sorter:function(t,e){return t.cost-e.cost},push:function(t,e){var i={value:t,cost:e};this.queue.push(i),this.queue.sort(this.sorter)},pop:function(){return this.queue.shift()},empty:function(){return 0===this.queue.length}}};t.exports=e},9049:t=>{"use strict";t.exports=function(t){for(var e=[],i=t.length,o=0;o<i;o++){var r=t.charCodeAt(o);if(r>=55296&&r<=56319&&i>o+1){var n=t.charCodeAt(o+1);n>=56320&&n<=57343&&(r=1024*(r-55296)+n-56320+65536,o+=1)}r<128?e.push(r):r<2048?(e.push(r>>6|192),e.push(63&r|128)):r<55296||r>=57344&&r<65536?(e.push(r>>12|224),e.push(r>>6&63|128),e.push(63&r|128)):r>=65536&&r<=1114111?(e.push(r>>18|240),e.push(r>>12&63|128),e.push(r>>6&63|128),e.push(63&r|128)):e.push(239,191,189)}return new Uint8Array(e).buffer}},7583:(t,e,i)=>{const o=i(1333),r=i(157),n=i(7899),a=i(6756);function s(t,e,i,n,a){const s=[].slice.call(arguments,1),l=s.length,c="function"==typeof s[l-1];if(!c&&!o())throw new Error("Callback required as last argument");if(!c){if(l<1)throw new Error("Too few arguments provided");return 1===l?(i=e,e=n=void 0):2!==l||e.getContext||(n=i,i=e,e=void 0),new Promise((function(o,a){try{const a=r.create(i,n);o(t(a,e,n))}catch(t){a(t)}}))}if(l<2)throw new Error("Too few arguments provided");2===l?(a=i,i=e,e=n=void 0):3===l&&(e.getContext&&void 0===a?(a=n,n=void 0):(a=n,n=i,i=e,e=void 0));try{const o=r.create(i,n);a(null,t(o,e,n))}catch(t){a(t)}}e.create=r.create,e.toCanvas=s.bind(null,n.render),e.toDataURL=s.bind(null,n.renderToDataURL),e.toString=s.bind(null,(function(t,e,i){return a.render(t,i)}))},1333:t=>{t.exports=function(){return"function"==typeof Promise&&Promise.prototype&&Promise.prototype.then}},6421:(t,e,i)=>{const o=i(6886).getSymbolSize;e.getRowColCoords=function(t){if(1===t)return[];const e=Math.floor(t/7)+2,i=o(t),r=145===i?26:2*Math.ceil((i-13)/(2*e-2)),n=[i-7];for(let t=1;t<e-1;t++)n[t]=n[t-1]-r;return n.push(6),n.reverse()},e.getPositions=function(t){const i=[],o=e.getRowColCoords(t),r=o.length;for(let t=0;t<r;t++)for(let e=0;e<r;e++)0===t&&0===e||0===t&&e===r-1||t===r-1&&0===e||i.push([o[t],o[e]]);return i}},1433:(t,e,i)=>{const o=i(208),r=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"," ","$","%","*","+","-",".","/",":"];function n(t){this.mode=o.ALPHANUMERIC,this.data=t}n.getBitsLength=function(t){return 11*Math.floor(t/2)+t%2*6},n.prototype.getLength=function(){return this.data.length},n.prototype.getBitsLength=function(){return n.getBitsLength(this.data.length)},n.prototype.write=function(t){let e;for(e=0;e+2<=this.data.length;e+=2){let i=45*r.indexOf(this.data[e]);i+=r.indexOf(this.data[e+1]),t.put(i,11)}this.data.length%2&&t.put(r.indexOf(this.data[e]),6)},t.exports=n},9899:t=>{function e(){this.buffer=[],this.length=0}e.prototype={get:function(t){const e=Math.floor(t/8);return 1==(this.buffer[e]>>>7-t%8&1)},put:function(t,e){for(let i=0;i<e;i++)this.putBit(1==(t>>>e-i-1&1))},getLengthInBits:function(){return this.length},putBit:function(t){const e=Math.floor(this.length/8);this.buffer.length<=e&&this.buffer.push(0),t&&(this.buffer[e]|=128>>>this.length%8),this.length++}},t.exports=e},8820:t=>{function e(t){if(!t||t<1)throw new Error("BitMatrix size must be defined and greater than 0");this.size=t,this.data=new Uint8Array(t*t),this.reservedBit=new Uint8Array(t*t)}e.prototype.set=function(t,e,i,o){const r=t*this.size+e;this.data[r]=i,o&&(this.reservedBit[r]=!0)},e.prototype.get=function(t,e){return this.data[t*this.size+e]},e.prototype.xor=function(t,e,i){this.data[t*this.size+e]^=i},e.prototype.isReserved=function(t,e){return this.reservedBit[t*this.size+e]},t.exports=e},5822:(t,e,i)=>{const o=i(9049),r=i(208);function n(t){this.mode=r.BYTE,"string"==typeof t&&(t=o(t)),this.data=new Uint8Array(t)}n.getBitsLength=function(t){return 8*t},n.prototype.getLength=function(){return this.data.length},n.prototype.getBitsLength=function(){return n.getBitsLength(this.data.length)},n.prototype.write=function(t){for(let e=0,i=this.data.length;e<i;e++)t.put(this.data[e],8)},t.exports=n},7518:(t,e,i)=>{const o=i(9953),r=[1,1,1,1,1,1,1,1,1,1,2,2,1,2,2,4,1,2,4,4,2,4,4,4,2,4,6,5,2,4,6,6,2,5,8,8,4,5,8,8,4,5,8,11,4,8,10,11,4,9,12,16,4,9,16,16,6,10,12,18,6,10,17,16,6,11,16,19,6,13,18,21,7,14,21,25,8,16,20,25,8,17,23,25,9,17,23,34,9,18,25,30,10,20,27,32,12,21,29,35,12,23,34,37,12,25,34,40,13,26,35,42,14,28,38,45,15,29,40,48,16,31,43,51,17,33,45,54,18,35,48,57,19,37,51,60,19,38,53,63,20,40,56,66,21,43,59,70,22,45,62,74,24,47,65,77,25,49,68,81],n=[7,10,13,17,10,16,22,28,15,26,36,44,20,36,52,64,26,48,72,88,36,64,96,112,40,72,108,130,48,88,132,156,60,110,160,192,72,130,192,224,80,150,224,264,96,176,260,308,104,198,288,352,120,216,320,384,132,240,360,432,144,280,408,480,168,308,448,532,180,338,504,588,196,364,546,650,224,416,600,700,224,442,644,750,252,476,690,816,270,504,750,900,300,560,810,960,312,588,870,1050,336,644,952,1110,360,700,1020,1200,390,728,1050,1260,420,784,1140,1350,450,812,1200,1440,480,868,1290,1530,510,924,1350,1620,540,980,1440,1710,570,1036,1530,1800,570,1064,1590,1890,600,1120,1680,1980,630,1204,1770,2100,660,1260,1860,2220,720,1316,1950,2310,750,1372,2040,2430];e.getBlocksCount=function(t,e){switch(e){case o.L:return r[4*(t-1)+0];case o.M:return r[4*(t-1)+1];case o.Q:return r[4*(t-1)+2];case o.H:return r[4*(t-1)+3];default:return}},e.getTotalCodewordsCount=function(t,e){switch(e){case o.L:return n[4*(t-1)+0];case o.M:return n[4*(t-1)+1];case o.Q:return n[4*(t-1)+2];case o.H:return n[4*(t-1)+3];default:return}}},9953:(t,e)=>{e.L={bit:1},e.M={bit:0},e.Q={bit:3},e.H={bit:2},e.isValid=function(t){return t&&void 0!==t.bit&&t.bit>=0&&t.bit<4},e.from=function(t,i){if(e.isValid(t))return t;try{return function(t){if("string"!=typeof t)throw new Error("Param is not a string");switch(t.toLowerCase()){case"l":case"low":return e.L;case"m":case"medium":return e.M;case"q":case"quartile":return e.Q;case"h":case"high":return e.H;default:throw new Error("Unknown EC Level: "+t)}}(t)}catch(t){return i}}},7756:(t,e,i)=>{const o=i(6886).getSymbolSize;e.getPositions=function(t){const e=o(t);return[[0,0],[e-7,0],[0,e-7]]}},4565:(t,e,i)=>{const o=i(6886),r=o.getBCHDigit(1335);e.getEncodedBits=function(t,e){const i=t.bit<<3|e;let n=i<<10;for(;o.getBCHDigit(n)-r>=0;)n^=1335<<o.getBCHDigit(n)-r;return 21522^(i<<10|n)}},2731:(t,e)=>{const i=new Uint8Array(512),o=new Uint8Array(256);!function(){let t=1;for(let e=0;e<255;e++)i[e]=t,o[t]=e,t<<=1,256&t&&(t^=285);for(let t=255;t<512;t++)i[t]=i[t-255]}(),e.log=function(t){if(t<1)throw new Error("log("+t+")");return o[t]},e.exp=function(t){return i[t]},e.mul=function(t,e){return 0===t||0===e?0:i[o[t]+o[e]]}},4861:(t,e,i)=>{const o=i(208),r=i(6886);function n(t){this.mode=o.KANJI,this.data=t}n.getBitsLength=function(t){return 13*t},n.prototype.getLength=function(){return this.data.length},n.prototype.getBitsLength=function(){return n.getBitsLength(this.data.length)},n.prototype.write=function(t){let e;for(e=0;e<this.data.length;e++){let i=r.toSJIS(this.data[e]);if(i>=33088&&i<=40956)i-=33088;else{if(!(i>=57408&&i<=60351))throw new Error("Invalid SJIS character: "+this.data[e]+"\nMake sure your charset is UTF-8");i-=49472}i=192*(i>>>8&255)+(255&i),t.put(i,13)}},t.exports=n},1332:(t,e)=>{e.Patterns={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7};function i(t,i,o){switch(t){case e.Patterns.PATTERN000:return(i+o)%2==0;case e.Patterns.PATTERN001:return i%2==0;case e.Patterns.PATTERN010:return o%3==0;case e.Patterns.PATTERN011:return(i+o)%3==0;case e.Patterns.PATTERN100:return(Math.floor(i/2)+Math.floor(o/3))%2==0;case e.Patterns.PATTERN101:return i*o%2+i*o%3==0;case e.Patterns.PATTERN110:return(i*o%2+i*o%3)%2==0;case e.Patterns.PATTERN111:return(i*o%3+(i+o)%2)%2==0;default:throw new Error("bad maskPattern:"+t)}}e.isValid=function(t){return null!=t&&""!==t&&!isNaN(t)&&t>=0&&t<=7},e.from=function(t){return e.isValid(t)?parseInt(t,10):void 0},e.getPenaltyN1=function(t){const e=t.size;let i=0,o=0,r=0,n=null,a=null;for(let s=0;s<e;s++){o=r=0,n=a=null;for(let l=0;l<e;l++){let e=t.get(s,l);e===n?o++:(o>=5&&(i+=o-5+3),n=e,o=1),e=t.get(l,s),e===a?r++:(r>=5&&(i+=r-5+3),a=e,r=1)}o>=5&&(i+=o-5+3),r>=5&&(i+=r-5+3)}return i},e.getPenaltyN2=function(t){const e=t.size;let i=0;for(let o=0;o<e-1;o++)for(let r=0;r<e-1;r++){const e=t.get(o,r)+t.get(o,r+1)+t.get(o+1,r)+t.get(o+1,r+1);4!==e&&0!==e||i++}return 3*i},e.getPenaltyN3=function(t){const e=t.size;let i=0,o=0,r=0;for(let n=0;n<e;n++){o=r=0;for(let a=0;a<e;a++)o=o<<1&2047|t.get(n,a),a>=10&&(1488===o||93===o)&&i++,r=r<<1&2047|t.get(a,n),a>=10&&(1488===r||93===r)&&i++}return 40*i},e.getPenaltyN4=function(t){let e=0;const i=t.data.length;for(let o=0;o<i;o++)e+=t.data[o];return 10*Math.abs(Math.ceil(100*e/i/5)-10)},e.applyMask=function(t,e){const o=e.size;for(let r=0;r<o;r++)for(let n=0;n<o;n++)e.isReserved(n,r)||e.xor(n,r,i(t,n,r))},e.getBestMask=function(t,i){const o=Object.keys(e.Patterns).length;let r=0,n=1/0;for(let a=0;a<o;a++){i(a),e.applyMask(a,t);const o=e.getPenaltyN1(t)+e.getPenaltyN2(t)+e.getPenaltyN3(t)+e.getPenaltyN4(t);e.applyMask(a,t),o<n&&(n=o,r=a)}return r}},208:(t,e,i)=>{const o=i(1878),r=i(7044);e.NUMERIC={id:"Numeric",bit:1,ccBits:[10,12,14]},e.ALPHANUMERIC={id:"Alphanumeric",bit:2,ccBits:[9,11,13]},e.BYTE={id:"Byte",bit:4,ccBits:[8,16,16]},e.KANJI={id:"Kanji",bit:8,ccBits:[8,10,12]},e.MIXED={bit:-1},e.getCharCountIndicator=function(t,e){if(!t.ccBits)throw new Error("Invalid mode: "+t);if(!o.isValid(e))throw new Error("Invalid version: "+e);return e>=1&&e<10?t.ccBits[0]:e<27?t.ccBits[1]:t.ccBits[2]},e.getBestModeForData=function(t){return r.testNumeric(t)?e.NUMERIC:r.testAlphanumeric(t)?e.ALPHANUMERIC:r.testKanji(t)?e.KANJI:e.BYTE},e.toString=function(t){if(t&&t.id)return t.id;throw new Error("Invalid mode")},e.isValid=function(t){return t&&t.bit&&t.ccBits},e.from=function(t,i){if(e.isValid(t))return t;try{return function(t){if("string"!=typeof t)throw new Error("Param is not a string");switch(t.toLowerCase()){case"numeric":return e.NUMERIC;case"alphanumeric":return e.ALPHANUMERIC;case"kanji":return e.KANJI;case"byte":return e.BYTE;default:throw new Error("Unknown mode: "+t)}}(t)}catch(t){return i}}},4357:(t,e,i)=>{const o=i(208);function r(t){this.mode=o.NUMERIC,this.data=t.toString()}r.getBitsLength=function(t){return 10*Math.floor(t/3)+(t%3?t%3*3+1:0)},r.prototype.getLength=function(){return this.data.length},r.prototype.getBitsLength=function(){return r.getBitsLength(this.data.length)},r.prototype.write=function(t){let e,i,o;for(e=0;e+3<=this.data.length;e+=3)i=this.data.substr(e,3),o=parseInt(i,10),t.put(o,10);const r=this.data.length-e;r>0&&(i=this.data.substr(e),o=parseInt(i,10),t.put(o,3*r+1))},t.exports=r},4713:(t,e,i)=>{const o=i(2731);e.mul=function(t,e){const i=new Uint8Array(t.length+e.length-1);for(let r=0;r<t.length;r++)for(let n=0;n<e.length;n++)i[r+n]^=o.mul(t[r],e[n]);return i},e.mod=function(t,e){let i=new Uint8Array(t);for(;i.length-e.length>=0;){const t=i[0];for(let r=0;r<e.length;r++)i[r]^=o.mul(e[r],t);let r=0;for(;r<i.length&&0===i[r];)r++;i=i.slice(r)}return i},e.generateECPolynomial=function(t){let i=new Uint8Array([1]);for(let r=0;r<t;r++)i=e.mul(i,new Uint8Array([1,o.exp(r)]));return i}},157:(t,e,i)=>{const o=i(6886),r=i(9953),n=i(9899),a=i(8820),s=i(6421),l=i(7756),c=i(1332),u=i(7518),d=i(4764),h=i(1427),p=i(4565),w=i(208),g=i(9801);function f(t,e,i){const o=t.size,r=p.getEncodedBits(e,i);let n,a;for(n=0;n<15;n++)a=1==(r>>n&1),n<6?t.set(n,8,a,!0):n<8?t.set(n+1,8,a,!0):t.set(o-15+n,8,a,!0),n<8?t.set(8,o-n-1,a,!0):n<9?t.set(8,15-n-1+1,a,!0):t.set(8,15-n-1,a,!0);t.set(o-8,8,1,!0)}function b(t,e,i,r){let p;if(Array.isArray(t))p=g.fromArray(t);else{if("string"!=typeof t)throw new Error("Invalid data");{let o=e;if(!o){const e=g.rawSplit(t);o=h.getBestVersionForData(e,i)}p=g.fromString(t,o||40)}}const b=h.getBestVersionForData(p,i);if(!b)throw new Error("The amount of data is too big to be stored in a QR Code");if(e){if(e<b)throw new Error("\nThe chosen QR Code version cannot contain this amount of data.\nMinimum version required to store current data is: "+b+".\n")}else e=b;const m=function(t,e,i){const r=new n;i.forEach((function(e){r.put(e.mode.bit,4),r.put(e.getLength(),w.getCharCountIndicator(e.mode,t)),e.write(r)}));const a=8*(o.getSymbolTotalCodewords(t)-u.getTotalCodewordsCount(t,e));for(r.getLengthInBits()+4<=a&&r.put(0,4);r.getLengthInBits()%8!=0;)r.putBit(0);const s=(a-r.getLengthInBits())/8;for(let t=0;t<s;t++)r.put(t%2?17:236,8);return function(t,e,i){const r=o.getSymbolTotalCodewords(e),n=r-u.getTotalCodewordsCount(e,i),a=u.getBlocksCount(e,i),s=a-r%a,l=Math.floor(r/a),c=Math.floor(n/a),h=c+1,p=l-c,w=new d(p);let g=0;const f=new Array(a),b=new Array(a);let m=0;const v=new Uint8Array(t.buffer);for(let t=0;t<a;t++){const e=t<s?c:h;f[t]=v.slice(g,g+e),b[t]=w.encode(f[t]),g+=e,m=Math.max(m,e)}const y=new Uint8Array(r);let x,k,C=0;for(x=0;x<m;x++)for(k=0;k<a;k++)x<f[k].length&&(y[C++]=f[k][x]);for(x=0;x<p;x++)for(k=0;k<a;k++)y[C++]=b[k][x];return y}(r,t,e)}(e,i,p),v=o.getSymbolSize(e),y=new a(v);return function(t,e){const i=t.size,o=l.getPositions(e);for(let e=0;e<o.length;e++){const r=o[e][0],n=o[e][1];for(let e=-1;e<=7;e++)if(!(r+e<=-1||i<=r+e))for(let o=-1;o<=7;o++)n+o<=-1||i<=n+o||(e>=0&&e<=6&&(0===o||6===o)||o>=0&&o<=6&&(0===e||6===e)||e>=2&&e<=4&&o>=2&&o<=4?t.set(r+e,n+o,!0,!0):t.set(r+e,n+o,!1,!0))}}(y,e),function(t){const e=t.size;for(let i=8;i<e-8;i++){const e=i%2==0;t.set(i,6,e,!0),t.set(6,i,e,!0)}}(y),function(t,e){const i=s.getPositions(e);for(let e=0;e<i.length;e++){const o=i[e][0],r=i[e][1];for(let e=-2;e<=2;e++)for(let i=-2;i<=2;i++)-2===e||2===e||-2===i||2===i||0===e&&0===i?t.set(o+e,r+i,!0,!0):t.set(o+e,r+i,!1,!0)}}(y,e),f(y,i,0),e>=7&&function(t,e){const i=t.size,o=h.getEncodedBits(e);let r,n,a;for(let e=0;e<18;e++)r=Math.floor(e/3),n=e%3+i-8-3,a=1==(o>>e&1),t.set(r,n,a,!0),t.set(n,r,a,!0)}(y,e),function(t,e){const i=t.size;let o=-1,r=i-1,n=7,a=0;for(let s=i-1;s>0;s-=2)for(6===s&&s--;;){for(let i=0;i<2;i++)if(!t.isReserved(r,s-i)){let o=!1;a<e.length&&(o=1==(e[a]>>>n&1)),t.set(r,s-i,o),n--,-1===n&&(a++,n=7)}if(r+=o,r<0||i<=r){r-=o,o=-o;break}}}(y,m),isNaN(r)&&(r=c.getBestMask(y,f.bind(null,y,i))),c.applyMask(r,y),f(y,i,r),{modules:y,version:e,errorCorrectionLevel:i,maskPattern:r,segments:p}}e.create=function(t,e){if(void 0===t||""===t)throw new Error("No input text");let i,n,a=r.M;return void 0!==e&&(a=r.from(e.errorCorrectionLevel,r.M),i=h.from(e.version),n=c.from(e.maskPattern),e.toSJISFunc&&o.setToSJISFunction(e.toSJISFunc)),b(t,i,a,n)}},4764:(t,e,i)=>{const o=i(4713);function r(t){this.genPoly=void 0,this.degree=t,this.degree&&this.initialize(this.degree)}r.prototype.initialize=function(t){this.degree=t,this.genPoly=o.generateECPolynomial(this.degree)},r.prototype.encode=function(t){if(!this.genPoly)throw new Error("Encoder not initialized");const e=new Uint8Array(t.length+this.degree);e.set(t);const i=o.mod(e,this.genPoly),r=this.degree-i.length;if(r>0){const t=new Uint8Array(this.degree);return t.set(i,r),t}return i},t.exports=r},7044:(t,e)=>{const i="[0-9]+";let o="(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";o=o.replace(/u/g,"\\u");const r="(?:(?![A-Z0-9 $%*+\\-./:]|"+o+")(?:.|[\r\n]))+";e.KANJI=new RegExp(o,"g"),e.BYTE_KANJI=new RegExp("[^A-Z0-9 $%*+\\-./:]+","g"),e.BYTE=new RegExp(r,"g"),e.NUMERIC=new RegExp(i,"g"),e.ALPHANUMERIC=new RegExp("[A-Z $%*+\\-./:]+","g");const n=new RegExp("^"+o+"$"),a=new RegExp("^"+i+"$"),s=new RegExp("^[A-Z0-9 $%*+\\-./:]+$");e.testKanji=function(t){return n.test(t)},e.testNumeric=function(t){return a.test(t)},e.testAlphanumeric=function(t){return s.test(t)}},9801:(t,e,i)=>{const o=i(208),r=i(4357),n=i(1433),a=i(5822),s=i(4861),l=i(7044),c=i(6886),u=i(6320);function d(t){return unescape(encodeURIComponent(t)).length}function h(t,e,i){const o=[];let r;for(;null!==(r=t.exec(i));)o.push({data:r[0],index:r.index,mode:e,length:r[0].length});return o}function p(t){const e=h(l.NUMERIC,o.NUMERIC,t),i=h(l.ALPHANUMERIC,o.ALPHANUMERIC,t);let r,n;return c.isKanjiModeEnabled()?(r=h(l.BYTE,o.BYTE,t),n=h(l.KANJI,o.KANJI,t)):(r=h(l.BYTE_KANJI,o.BYTE,t),n=[]),e.concat(i,r,n).sort((function(t,e){return t.index-e.index})).map((function(t){return{data:t.data,mode:t.mode,length:t.length}}))}function w(t,e){switch(e){case o.NUMERIC:return r.getBitsLength(t);case o.ALPHANUMERIC:return n.getBitsLength(t);case o.KANJI:return s.getBitsLength(t);case o.BYTE:return a.getBitsLength(t)}}function g(t,e){let i;const l=o.getBestModeForData(t);if(i=o.from(e,l),i!==o.BYTE&&i.bit<l.bit)throw new Error('"'+t+'" cannot be encoded with mode '+o.toString(i)+".\n Suggested mode is: "+o.toString(l));switch(i!==o.KANJI||c.isKanjiModeEnabled()||(i=o.BYTE),i){case o.NUMERIC:return new r(t);case o.ALPHANUMERIC:return new n(t);case o.KANJI:return new s(t);case o.BYTE:return new a(t)}}e.fromArray=function(t){return t.reduce((function(t,e){return"string"==typeof e?t.push(g(e,null)):e.data&&t.push(g(e.data,e.mode)),t}),[])},e.fromString=function(t,i){const r=function(t){const e=[];for(let i=0;i<t.length;i++){const r=t[i];switch(r.mode){case o.NUMERIC:e.push([r,{data:r.data,mode:o.ALPHANUMERIC,length:r.length},{data:r.data,mode:o.BYTE,length:r.length}]);break;case o.ALPHANUMERIC:e.push([r,{data:r.data,mode:o.BYTE,length:r.length}]);break;case o.KANJI:e.push([r,{data:r.data,mode:o.BYTE,length:d(r.data)}]);break;case o.BYTE:e.push([{data:r.data,mode:o.BYTE,length:d(r.data)}])}}return e}(p(t,c.isKanjiModeEnabled())),n=function(t,e){const i={},r={start:{}};let n=["start"];for(let a=0;a<t.length;a++){const s=t[a],l=[];for(let t=0;t<s.length;t++){const c=s[t],u=""+a+t;l.push(u),i[u]={node:c,lastCount:0},r[u]={};for(let t=0;t<n.length;t++){const a=n[t];i[a]&&i[a].node.mode===c.mode?(r[a][u]=w(i[a].lastCount+c.length,c.mode)-w(i[a].lastCount,c.mode),i[a].lastCount+=c.length):(i[a]&&(i[a].lastCount=c.length),r[a][u]=w(c.length,c.mode)+4+o.getCharCountIndicator(c.mode,e))}}n=l}for(let t=0;t<n.length;t++)r[n[t]].end=0;return{map:r,table:i}}(r,i),a=u.find_path(n.map,"start","end"),s=[];for(let t=1;t<a.length-1;t++)s.push(n.table[a[t]].node);return e.fromArray(s.reduce((function(t,e){const i=t.length-1>=0?t[t.length-1]:null;return i&&i.mode===e.mode?(t[t.length-1].data+=e.data,t):(t.push(e),t)}),[]))},e.rawSplit=function(t){return e.fromArray(p(t,c.isKanjiModeEnabled()))}},6886:(t,e)=>{let i;const o=[0,26,44,70,100,134,172,196,242,292,346,404,466,532,581,655,733,815,901,991,1085,1156,1258,1364,1474,1588,1706,1828,1921,2051,2185,2323,2465,2611,2761,2876,3034,3196,3362,3532,3706];e.getSymbolSize=function(t){if(!t)throw new Error('"version" cannot be null or undefined');if(t<1||t>40)throw new Error('"version" should be in range from 1 to 40');return 4*t+17},e.getSymbolTotalCodewords=function(t){return o[t]},e.getBCHDigit=function(t){let e=0;for(;0!==t;)e++,t>>>=1;return e},e.setToSJISFunction=function(t){if("function"!=typeof t)throw new Error('"toSJISFunc" is not a valid function.');i=t},e.isKanjiModeEnabled=function(){return void 0!==i},e.toSJIS=function(t){return i(t)}},1878:(t,e)=>{e.isValid=function(t){return!isNaN(t)&&t>=1&&t<=40}},1427:(t,e,i)=>{const o=i(6886),r=i(7518),n=i(9953),a=i(208),s=i(1878),l=o.getBCHDigit(7973);function c(t,e){return a.getCharCountIndicator(t,e)+4}function u(t,e){let i=0;return t.forEach((function(t){const o=c(t.mode,e);i+=o+t.getBitsLength()})),i}e.from=function(t,e){return s.isValid(t)?parseInt(t,10):e},e.getCapacity=function(t,e,i){if(!s.isValid(t))throw new Error("Invalid QR Code version");void 0===i&&(i=a.BYTE);const n=8*(o.getSymbolTotalCodewords(t)-r.getTotalCodewordsCount(t,e));if(i===a.MIXED)return n;const l=n-c(i,t);switch(i){case a.NUMERIC:return Math.floor(l/10*3);case a.ALPHANUMERIC:return Math.floor(l/11*2);case a.KANJI:return Math.floor(l/13);case a.BYTE:default:return Math.floor(l/8)}},e.getBestVersionForData=function(t,i){let o;const r=n.from(i,n.M);if(Array.isArray(t)){if(t.length>1)return function(t,i){for(let o=1;o<=40;o++)if(u(t,o)<=e.getCapacity(o,i,a.MIXED))return o}(t,r);if(0===t.length)return 1;o=t[0]}else o=t;return function(t,i,o){for(let r=1;r<=40;r++)if(i<=e.getCapacity(r,o,t))return r}(o.mode,o.getLength(),r)},e.getEncodedBits=function(t){if(!s.isValid(t)||t<7)throw new Error("Invalid QR Code version");let e=t<<12;for(;o.getBCHDigit(e)-l>=0;)e^=7973<<o.getBCHDigit(e)-l;return t<<12|e}},7899:(t,e,i)=>{const o=i(2726);e.render=function(t,e,i){let r=i,n=e;void 0!==r||e&&e.getContext||(r=e,e=void 0),e||(n=function(){try{return document.createElement("canvas")}catch(t){throw new Error("You need to specify a canvas element")}}()),r=o.getOptions(r);const a=o.getImageWidth(t.modules.size,r),s=n.getContext("2d"),l=s.createImageData(a,a);return o.qrToImageData(l.data,t,r),function(t,e,i){t.clearRect(0,0,e.width,e.height),e.style||(e.style={}),e.height=i,e.width=i,e.style.height=i+"px",e.style.width=i+"px"}(s,n,a),s.putImageData(l,0,0),n},e.renderToDataURL=function(t,i,o){let r=o;void 0!==r||i&&i.getContext||(r=i,i=void 0),r||(r={});const n=e.render(t,i,r),a=r.type||"image/png",s=r.rendererOpts||{};return n.toDataURL(a,s.quality)}},6756:(t,e,i)=>{const o=i(2726);function r(t,e){const i=t.a/255,o=e+'="'+t.hex+'"';return i<1?o+" "+e+'-opacity="'+i.toFixed(2).slice(1)+'"':o}function n(t,e,i){let o=t+e;return void 0!==i&&(o+=" "+i),o}e.render=function(t,e,i){const a=o.getOptions(e),s=t.modules.size,l=t.modules.data,c=s+2*a.margin,u=a.color.light.a?"<path "+r(a.color.light,"fill")+' d="M0 0h'+c+"v"+c+'H0z"/>':"",d="<path "+r(a.color.dark,"stroke")+' d="'+function(t,e,i){let o="",r=0,a=!1,s=0;for(let l=0;l<t.length;l++){const c=Math.floor(l%e),u=Math.floor(l/e);c||a||(a=!0),t[l]?(s++,l>0&&c>0&&t[l-1]||(o+=a?n("M",c+i,.5+u+i):n("m",r,0),r=0,a=!1),c+1<e&&t[l+1]||(o+=n("h",s),s=0)):r++}return o}(l,s,a.margin)+'"/>',h='viewBox="0 0 '+c+" "+c+'"',p='<svg xmlns="http://www.w3.org/2000/svg" '+(a.width?'width="'+a.width+'" height="'+a.width+'" ':"")+h+' shape-rendering="crispEdges">'+u+d+"</svg>\n";return"function"==typeof i&&i(null,p),p}},2726:(t,e)=>{function i(t){if("number"==typeof t&&(t=t.toString()),"string"!=typeof t)throw new Error("Color should be defined as hex string");let e=t.slice().replace("#","").split("");if(e.length<3||5===e.length||e.length>8)throw new Error("Invalid hex color: "+t);3!==e.length&&4!==e.length||(e=Array.prototype.concat.apply([],e.map((function(t){return[t,t]})))),6===e.length&&e.push("F","F");const i=parseInt(e.join(""),16);return{r:i>>24&255,g:i>>16&255,b:i>>8&255,a:255&i,hex:"#"+e.slice(0,6).join("")}}e.getOptions=function(t){t||(t={}),t.color||(t.color={});const e=void 0===t.margin||null===t.margin||t.margin<0?4:t.margin,o=t.width&&t.width>=21?t.width:void 0,r=t.scale||4;return{width:o,scale:o?4:r,margin:e,color:{dark:i(t.color.dark||"#000000ff"),light:i(t.color.light||"#ffffffff")},type:t.type,rendererOpts:t.rendererOpts||{}}},e.getScale=function(t,e){return e.width&&e.width>=t+2*e.margin?e.width/(t+2*e.margin):e.scale},e.getImageWidth=function(t,i){const o=e.getScale(t,i);return Math.floor((t+2*i.margin)*o)},e.qrToImageData=function(t,i,o){const r=i.modules.size,n=i.modules.data,a=e.getScale(r,o),s=Math.floor((r+2*o.margin)*a),l=o.margin*a,c=[o.color.light,o.color.dark];for(let e=0;e<s;e++)for(let i=0;i<s;i++){let u=4*(e*s+i),d=o.color.light;e>=l&&i>=l&&e<s-l&&i<s-l&&(d=c[n[Math.floor((e-l)/a)*r+Math.floor((i-l)/a)]?1:0]),t[u++]=d.r,t[u++]=d.g,t[u++]=d.b,t[u]=d.a}}},6267:(t,e,i)=>{"use strict";i.r(e),i.d(e,{W3mAllWalletsView:()=>Je,W3mConnectingWcBasicView:()=>ne,W3mDownloadsView:()=>Ge});var o=i(2618),r=i(2745),n=i(6742),a=i(8249),s=i(2733),l=i(7508),c=i(2855),u=(i(310),i(31)),d=i(4376),h=i(6010),p=i(4702),w=i(184),g=i(8508),f=(i(2132),i(8409),i(2851),i(6109)),b=i(3494);i(9807),i(6887);const m=o.AH`
+  :host {
+    position: relative;
+    background-color: var(--wui-color-gray-glass-002);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: var(--local-size);
+    height: var(--local-size);
+    border-radius: inherit;
+    border-radius: var(--local-border-radius);
+  }
+
+  :host > wui-flex {
+    overflow: hidden;
+    border-radius: inherit;
+    border-radius: var(--local-border-radius);
+  }
+
+  :host::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-radius: inherit;
+    border: 1px solid var(--wui-color-gray-glass-010);
+    pointer-events: none;
+  }
+
+  :host([name='Extension'])::after {
+    border: 1px solid var(--wui-color-accent-glass-010);
+  }
+
+  :host([data-wallet-icon='allWallets']) {
+    background-color: var(--wui-all-wallets-bg-100);
+  }
+
+  :host([data-wallet-icon='allWallets'])::after {
+    border: 1px solid var(--wui-color-accent-glass-010);
+  }
+
+  wui-icon[data-parent-size='inherit'] {
+    width: 75%;
+    height: 75%;
+    align-items: center;
+  }
+
+  wui-icon[data-parent-size='sm'] {
+    width: 18px;
+    height: 18px;
+  }
+
+  wui-icon[data-parent-size='md'] {
+    width: 24px;
+    height: 24px;
+  }
+
+  wui-icon[data-parent-size='lg'] {
+    width: 42px;
+    height: 42px;
+  }
+
+  wui-icon[data-parent-size='full'] {
+    width: 100%;
+    height: 100%;
+  }
+
+  :host > wui-icon-box {
+    position: absolute;
+    overflow: hidden;
+    right: -1px;
+    bottom: -2px;
+    z-index: 1;
+    border: 2px solid var(--wui-color-bg-150, #1e1f1f);
+    padding: 1px;
+  }
+`;var v=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let y=class extends o.WF{constructor(){super(...arguments),this.size="md",this.name="",this.installed=!1,this.badgeSize="xs"}render(){let t="xxs";return t="lg"===this.size?"m":"md"===this.size?"xs":"xxs",this.style.cssText=`\n       --local-border-radius: var(--wui-border-radius-${t});\n       --local-size: var(--wui-wallet-image-size-${this.size});\n   `,this.walletIcon&&(this.dataset.walletIcon=this.walletIcon),o.qy`
+      <wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex>
+    `}templateVisual(){return this.imageSrc?o.qy`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:this.walletIcon?o.qy`<wui-icon
+        data-parent-size="md"
+        size="md"
+        color="inherit"
+        name=${this.walletIcon}
+      ></wui-icon>`:o.qy`<wui-icon
+      data-parent-size=${this.size}
+      size="inherit"
+      color="inherit"
+      name="walletPlaceholder"
+    ></wui-icon>`}};y.styles=[f.fD,f.W5,m],v([(0,r.MZ)()],y.prototype,"size",void 0),v([(0,r.MZ)()],y.prototype,"name",void 0),v([(0,r.MZ)()],y.prototype,"imageSrc",void 0),v([(0,r.MZ)()],y.prototype,"walletIcon",void 0),v([(0,r.MZ)({type:Boolean})],y.prototype,"installed",void 0),v([(0,r.MZ)()],y.prototype,"badgeSize",void 0),y=v([(0,b.E)("wui-wallet-image")],y);const x=o.AH`
+  :host {
+    position: relative;
+    border-radius: var(--wui-border-radius-xxs);
+    width: 40px;
+    height: 40px;
+    overflow: hidden;
+    background: var(--wui-color-gray-glass-002);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--wui-spacing-4xs);
+    padding: 3.75px !important;
+  }
+
+  :host::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-radius: inherit;
+    border: 1px solid var(--wui-color-gray-glass-010);
+    pointer-events: none;
+  }
+
+  :host > wui-wallet-image {
+    width: 14px;
+    height: 14px;
+    border-radius: var(--wui-border-radius-5xs);
+  }
+
+  :host > wui-flex {
+    padding: 2px;
+    position: fixed;
+    overflow: hidden;
+    left: 34px;
+    bottom: 8px;
+    background: var(--dark-background-150, #1e1f1f);
+    border-radius: 50%;
+    z-index: 2;
+    display: flex;
+  }
+`;var k=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let C=class extends o.WF{constructor(){super(...arguments),this.walletImages=[]}render(){const t=this.walletImages.length<4;return o.qy`${this.walletImages.slice(0,4).map((({src:t,walletName:e})=>o.qy`
+            <wui-wallet-image
+              size="inherit"
+              imageSrc=${t}
+              name=${(0,u.J)(e)}
+            ></wui-wallet-image>
+          `))}
+      ${t?[...Array(4-this.walletImages.length)].map((()=>o.qy` <wui-wallet-image size="inherit" name=""></wui-wallet-image>`)):null}
+      <wui-flex>
+        <wui-icon-box
+          size="xxs"
+          iconSize="xxs"
+          iconcolor="success-100"
+          backgroundcolor="success-100"
+          icon="checkmark"
+          background="opaque"
+        ></wui-icon-box>
+      </wui-flex>`}};C.styles=[f.W5,x],k([(0,r.MZ)({type:Array})],C.prototype,"walletImages",void 0),C=k([(0,b.E)("wui-all-wallets-image")],C),i(5752);const $=o.AH`
+  button {
+    column-gap: var(--wui-spacing-s);
+    padding: 7px var(--wui-spacing-l) 7px var(--wui-spacing-xs);
+    width: 100%;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+    color: var(--wui-color-fg-100);
+  }
+
+  button > wui-text:nth-child(2) {
+    display: flex;
+    flex: 1;
+  }
+
+  button:disabled {
+    background-color: var(--wui-color-gray-glass-015);
+    color: var(--wui-color-gray-glass-015);
+  }
+
+  button:disabled > wui-tag {
+    background-color: var(--wui-color-gray-glass-010);
+    color: var(--wui-color-fg-300);
+  }
+
+  wui-icon {
+    color: var(--wui-color-fg-200) !important;
+  }
+`;var E=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let R=class extends o.WF{constructor(){super(...arguments),this.walletImages=[],this.imageSrc="",this.name="",this.tabIdx=void 0,this.installed=!1,this.disabled=!1,this.showAllWallets=!1,this.loading=!1,this.loadingSpinnerColor="accent-100"}render(){return o.qy`
+      <button ?disabled=${this.disabled} tabindex=${(0,u.J)(this.tabIdx)}>
+        ${this.templateAllWallets()} ${this.templateWalletImage()}
+        <wui-text variant="paragraph-500" color="inherit">${this.name}</wui-text>
+        ${this.templateStatus()}
+      </button>
+    `}templateAllWallets(){return this.showAllWallets&&this.imageSrc?o.qy` <wui-all-wallets-image .imageeSrc=${this.imageSrc}> </wui-all-wallets-image> `:this.showAllWallets&&this.walletIcon?o.qy` <wui-wallet-image .walletIcon=${this.walletIcon} size="sm"> </wui-wallet-image> `:null}templateWalletImage(){return!this.showAllWallets&&this.imageSrc?o.qy`<wui-wallet-image
+        size="sm"
+        imageSrc=${this.imageSrc}
+        name=${this.name}
+        .installed=${this.installed}
+      ></wui-wallet-image>`:this.showAllWallets||this.imageSrc?null:o.qy`<wui-wallet-image size="sm" name=${this.name}></wui-wallet-image>`}templateStatus(){return this.loading?o.qy`<wui-loading-spinner
+        size="lg"
+        color=${this.loadingSpinnerColor}
+      ></wui-loading-spinner>`:this.tagLabel&&this.tagVariant?o.qy`<wui-tag variant=${this.tagVariant}>${this.tagLabel}</wui-tag>`:this.icon?o.qy`<wui-icon color="inherit" size="sm" name=${this.icon}></wui-icon>`:null}};R.styles=[f.W5,f.fD,$],E([(0,r.MZ)({type:Array})],R.prototype,"walletImages",void 0),E([(0,r.MZ)()],R.prototype,"imageSrc",void 0),E([(0,r.MZ)()],R.prototype,"name",void 0),E([(0,r.MZ)()],R.prototype,"tagLabel",void 0),E([(0,r.MZ)()],R.prototype,"tagVariant",void 0),E([(0,r.MZ)()],R.prototype,"icon",void 0),E([(0,r.MZ)()],R.prototype,"walletIcon",void 0),E([(0,r.MZ)()],R.prototype,"tabIdx",void 0),E([(0,r.MZ)({type:Boolean})],R.prototype,"installed",void 0),E([(0,r.MZ)({type:Boolean})],R.prototype,"disabled",void 0),E([(0,r.MZ)({type:Boolean})],R.prototype,"showAllWallets",void 0),E([(0,r.MZ)({type:Boolean})],R.prototype,"loading",void 0),E([(0,r.MZ)({type:String})],R.prototype,"loadingSpinnerColor",void 0),R=E([(0,b.E)("wui-list-wallet")],R);var I=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let M=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=h.a.state.connectors,this.count=a.N.state.count,this.filteredCount=a.N.state.filteredWallets.length,this.isFetchingRecommendedWallets=a.N.state.isFetchingRecommendedWallets,this.unsubscribe.push(h.a.subscribeKey("connectors",(t=>this.connectors=t)),a.N.subscribeKey("count",(t=>this.count=t)),a.N.subscribeKey("filteredWallets",(t=>this.filteredCount=t.length)),a.N.subscribeKey("isFetchingRecommendedWallets",(t=>this.isFetchingRecommendedWallets=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){const t=this.connectors.find((t=>"walletConnect"===t.id)),{allWallets:e}=s.H.state;if(!t||"HIDE"===e)return null;if("ONLY_MOBILE"===e&&!n.w.isMobile())return null;const i=a.N.state.featured.length,r=this.count+i,l=r<10?r:10*Math.floor(r/10),c=this.filteredCount>0?this.filteredCount:l;let h=`${c}`;this.filteredCount>0?h=`${this.filteredCount}`:c<r&&(h=`${c}+`);const w=p.x.hasAnyConnection(d.o.CONNECTOR_ID.WALLET_CONNECT);return o.qy`
+      <wui-list-wallet
+        name="All Wallets"
+        walletIcon="allWallets"
+        showAllWallets
+        @click=${this.onAllWallets.bind(this)}
+        tagLabel=${h}
+        tagVariant="shade"
+        data-testid="all-wallets"
+        tabIdx=${(0,u.J)(this.tabIdx)}
+        .loading=${this.isFetchingRecommendedWallets}
+        loadingSpinnerColor=${this.isFetchingRecommendedWallets?"fg-300":"accent-100"}
+        ?disabled=${w}
+      ></wui-list-wallet>
+    `}onAllWallets(){w.E.sendEvent({type:"track",event:"CLICK_ALL_WALLETS"}),g.I.push("AllWallets")}};I([(0,r.MZ)()],M.prototype,"tabIdx",void 0),I([(0,r.wk)()],M.prototype,"connectors",void 0),I([(0,r.wk)()],M.prototype,"count",void 0),I([(0,r.wk)()],M.prototype,"filteredCount",void 0),I([(0,r.wk)()],M.prototype,"isFetchingRecommendedWallets",void 0),M=I([(0,c.EM)("w3m-all-wallets-widget")],M);var T=i(7601),W=i(5306),O=i(6092),P=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let A=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=h.a.state.connectors,this.connections=p.x.state.connections,this.unsubscribe.push(h.a.subscribeKey("connectors",(t=>this.connectors=t)),p.x.subscribeKey("connections",(t=>this.connections=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){const t=this.connectors.filter((t=>"ANNOUNCED"===t.type));return t?.length?o.qy`
+      <wui-flex flexDirection="column" gap="xs">
+        ${t.filter(O.g.showConnector).map((t=>{const e=(this.connections.get(t.chain)??[]).some((e=>W.y.isLowerCaseMatch(e.connectorId,t.id)));return o.qy`
+            <wui-list-wallet
+              imageSrc=${(0,u.J)(T.$.getConnectorImage(t))}
+              name=${t.name??"Unknown"}
+              @click=${()=>this.onConnector(t)}
+              tagVariant=${e?"shade":"success"}
+              tagLabel=${e?"connected":"installed"}
+              data-testid=${`wallet-selector-${t.id}`}
+              .installed=${!0}
+              tabIdx=${(0,u.J)(this.tabIdx)}
+            >
+            </wui-list-wallet>
+          `}))}
+      </wui-flex>
+    `:(this.style.cssText="display: none",null)}onConnector(t){"walletConnect"===t.id?n.w.isMobile()?g.I.push("AllWallets"):g.I.push("ConnectingWalletConnect"):g.I.push("ConnectingExternal",{connector:t})}};P([(0,r.MZ)()],A.prototype,"tabIdx",void 0),P([(0,r.wk)()],A.prototype,"connectors",void 0),P([(0,r.wk)()],A.prototype,"connections",void 0),A=P([(0,c.EM)("w3m-connect-announced-widget")],A);var S=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let j=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=h.a.state.connectors,this.loading=!1,this.unsubscribe.push(h.a.subscribeKey("connectors",(t=>this.connectors=t))),n.w.isTelegram()&&n.w.isIos()&&(this.loading=!p.x.state.wcUri,this.unsubscribe.push(p.x.subscribeKey("wcUri",(t=>this.loading=!t))))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){const{customWallets:t}=s.H.state;if(!t?.length)return this.style.cssText="display: none",null;const e=this.filterOutDuplicateWallets(t),i=p.x.hasAnyConnection(d.o.CONNECTOR_ID.WALLET_CONNECT);return o.qy`<wui-flex flexDirection="column" gap="xs">
+      ${e.map((t=>o.qy`
+          <wui-list-wallet
+            imageSrc=${(0,u.J)(T.$.getWalletImage(t))}
+            name=${t.name??"Unknown"}
+            @click=${()=>this.onConnectWallet(t)}
+            data-testid=${`wallet-selector-${t.id}`}
+            tabIdx=${(0,u.J)(this.tabIdx)}
+            ?loading=${this.loading}
+            ?disabled=${i}
+          >
+          </wui-list-wallet>
+        `))}
+    </wui-flex>`}filterOutDuplicateWallets(t){const e=l.i.getRecentWallets(),i=this.connectors.map((t=>t.info?.rdns)).filter(Boolean),o=e.map((t=>t.rdns)).filter(Boolean),r=i.concat(o);if(r.includes("io.metamask.mobile")&&n.w.isMobile()){const t=r.indexOf("io.metamask.mobile");r[t]="io.metamask"}return t.filter((t=>!r.includes(String(t?.rdns))))}onConnectWallet(t){this.loading||g.I.push("ConnectingWalletConnect",{wallet:t})}};S([(0,r.MZ)()],j.prototype,"tabIdx",void 0),S([(0,r.wk)()],j.prototype,"connectors",void 0),S([(0,r.wk)()],j.prototype,"loading",void 0),j=S([(0,c.EM)("w3m-connect-custom-widget")],j);var L=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let q=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=h.a.state.connectors,this.unsubscribe.push(h.a.subscribeKey("connectors",(t=>this.connectors=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){const t=this.connectors.filter((t=>"EXTERNAL"===t.type)).filter(O.g.showConnector).filter((t=>t.id!==d.o.CONNECTOR_ID.COINBASE_SDK));if(!t?.length)return this.style.cssText="display: none",null;const e=p.x.hasAnyConnection(d.o.CONNECTOR_ID.WALLET_CONNECT);return o.qy`
+      <wui-flex flexDirection="column" gap="xs">
+        ${t.map((t=>o.qy`
+            <wui-list-wallet
+              imageSrc=${(0,u.J)(T.$.getConnectorImage(t))}
+              .installed=${!0}
+              name=${t.name??"Unknown"}
+              data-testid=${`wallet-selector-external-${t.id}`}
+              @click=${()=>this.onConnector(t)}
+              tabIdx=${(0,u.J)(this.tabIdx)}
+              ?disabled=${e}
+            >
+            </wui-list-wallet>
+          `))}
+      </wui-flex>
+    `}onConnector(t){g.I.push("ConnectingExternal",{connector:t})}};L([(0,r.MZ)()],q.prototype,"tabIdx",void 0),L([(0,r.wk)()],q.prototype,"connectors",void 0),q=L([(0,c.EM)("w3m-connect-external-widget")],q);var N=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let z=class extends o.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.wallets=[]}render(){if(!this.wallets.length)return this.style.cssText="display: none",null;const t=p.x.hasAnyConnection(d.o.CONNECTOR_ID.WALLET_CONNECT);return o.qy`
+      <wui-flex flexDirection="column" gap="xs">
+        ${this.wallets.map((e=>o.qy`
+            <wui-list-wallet
+              data-testid=${`wallet-selector-featured-${e.id}`}
+              imageSrc=${(0,u.J)(T.$.getWalletImage(e))}
+              name=${e.name??"Unknown"}
+              @click=${()=>this.onConnectWallet(e)}
+              tabIdx=${(0,u.J)(this.tabIdx)}
+              ?disabled=${t}
+            >
+            </wui-list-wallet>
+          `))}
+      </wui-flex>
+    `}onConnectWallet(t){h.a.selectWalletConnector(t)}};N([(0,r.MZ)()],z.prototype,"tabIdx",void 0),N([(0,r.MZ)()],z.prototype,"wallets",void 0),z=N([(0,c.EM)("w3m-connect-featured-widget")],z);var B=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let D=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=[],this.connections=p.x.state.connections,this.unsubscribe.push(p.x.subscribeKey("connections",(t=>this.connections=t)))}render(){const t=this.connectors.filter(O.g.showConnector);return 0===t.length?(this.style.cssText="display: none",null):o.qy`
+      <wui-flex flexDirection="column" gap="xs">
+        ${t.map((t=>{const e=(this.connections.get(t.chain)??[]).some((e=>W.y.isLowerCaseMatch(e.connectorId,t.id)));return o.qy`
+            <wui-list-wallet
+              imageSrc=${(0,u.J)(T.$.getConnectorImage(t))}
+              .installed=${!0}
+              name=${t.name??"Unknown"}
+              tagVariant=${e?"shade":"success"}
+              tagLabel=${e?"connected":"installed"}
+              data-testid=${`wallet-selector-${t.id}`}
+              @click=${()=>this.onConnector(t)}
+              tabIdx=${(0,u.J)(this.tabIdx)}
+            >
+            </wui-list-wallet>
+          `}))}
+      </wui-flex>
+    `}onConnector(t){h.a.setActiveConnector(t),g.I.push("ConnectingExternal",{connector:t})}};B([(0,r.MZ)()],D.prototype,"tabIdx",void 0),B([(0,r.MZ)()],D.prototype,"connectors",void 0),B([(0,r.wk)()],D.prototype,"connections",void 0),D=B([(0,c.EM)("w3m-connect-injected-widget")],D);var Z=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let U=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=h.a.state.connectors,this.unsubscribe.push(h.a.subscribeKey("connectors",(t=>this.connectors=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){const t=this.connectors.filter((t=>"MULTI_CHAIN"===t.type&&"WalletConnect"!==t.name));return t?.length?o.qy`
+      <wui-flex flexDirection="column" gap="xs">
+        ${t.map((t=>o.qy`
+            <wui-list-wallet
+              imageSrc=${(0,u.J)(T.$.getConnectorImage(t))}
+              .installed=${!0}
+              name=${t.name??"Unknown"}
+              tagVariant="shade"
+              tagLabel="multichain"
+              data-testid=${`wallet-selector-${t.id}`}
+              @click=${()=>this.onConnector(t)}
+              tabIdx=${(0,u.J)(this.tabIdx)}
+            >
+            </wui-list-wallet>
+          `))}
+      </wui-flex>
+    `:(this.style.cssText="display: none",null)}onConnector(t){h.a.setActiveConnector(t),g.I.push("ConnectingMultiChain")}};Z([(0,r.MZ)()],U.prototype,"tabIdx",void 0),Z([(0,r.wk)()],U.prototype,"connectors",void 0),U=Z([(0,c.EM)("w3m-connect-multi-chain-widget")],U);var _=i(6056),H=i(5042),F=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let J=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=h.a.state.connectors,this.loading=!1,this.unsubscribe.push(h.a.subscribeKey("connectors",(t=>this.connectors=t))),n.w.isTelegram()&&n.w.isIos()&&(this.loading=!p.x.state.wcUri,this.unsubscribe.push(p.x.subscribeKey("wcUri",(t=>this.loading=!t))))}render(){const t=l.i.getRecentWallets().filter((t=>!H.A.isExcluded(t))).filter((t=>!this.hasWalletConnector(t))).filter((t=>this.isWalletCompatibleWithCurrentChain(t)));if(!t.length)return this.style.cssText="display: none",null;const e=p.x.hasAnyConnection(d.o.CONNECTOR_ID.WALLET_CONNECT);return o.qy`
+      <wui-flex flexDirection="column" gap="xs">
+        ${t.map((t=>o.qy`
+            <wui-list-wallet
+              imageSrc=${(0,u.J)(T.$.getWalletImage(t))}
+              name=${t.name??"Unknown"}
+              @click=${()=>this.onConnectWallet(t)}
+              tagLabel="recent"
+              tagVariant="shade"
+              tabIdx=${(0,u.J)(this.tabIdx)}
+              ?loading=${this.loading}
+              ?disabled=${e}
+            >
+            </wui-list-wallet>
+          `))}
+      </wui-flex>
+    `}onConnectWallet(t){this.loading||h.a.selectWalletConnector(t)}hasWalletConnector(t){return this.connectors.some((e=>e.id===t.id||e.name===t.name))}isWalletCompatibleWithCurrentChain(t){const e=_.W.state.activeChain;return!e||!t.chains||t.chains.some((t=>{const i=t.split(":")[0];return e===i}))}};F([(0,r.MZ)()],J.prototype,"tabIdx",void 0),F([(0,r.wk)()],J.prototype,"connectors",void 0),F([(0,r.wk)()],J.prototype,"loading",void 0),J=F([(0,c.EM)("w3m-connect-recent-widget")],J);var K=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let V=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.wallets=[],this.loading=!1,n.w.isTelegram()&&n.w.isIos()&&(this.loading=!p.x.state.wcUri,this.unsubscribe.push(p.x.subscribeKey("wcUri",(t=>this.loading=!t))))}render(){const{connectors:t}=h.a.state,{customWallets:e,featuredWalletIds:i}=s.H.state,r=l.i.getRecentWallets(),n=t.find((t=>"walletConnect"===t.id)),a=t.filter((t=>"INJECTED"===t.type||"ANNOUNCED"===t.type||"MULTI_CHAIN"===t.type)).filter((t=>"Browser Wallet"!==t.name));if(!n)return null;if(i||e||!this.wallets.length)return this.style.cssText="display: none",null;const c=a.length+r.length,w=Math.max(0,2-c),g=H.A.filterOutDuplicateWallets(this.wallets).slice(0,w);if(!g.length)return this.style.cssText="display: none",null;const f=p.x.hasAnyConnection(d.o.CONNECTOR_ID.WALLET_CONNECT);return o.qy`
+      <wui-flex flexDirection="column" gap="xs">
+        ${g.map((t=>o.qy`
+            <wui-list-wallet
+              imageSrc=${(0,u.J)(T.$.getWalletImage(t))}
+              name=${t?.name??"Unknown"}
+              @click=${()=>this.onConnectWallet(t)}
+              tabIdx=${(0,u.J)(this.tabIdx)}
+              ?loading=${this.loading}
+              ?disabled=${f}
+            >
+            </wui-list-wallet>
+          `))}
+      </wui-flex>
+    `}onConnectWallet(t){if(this.loading)return;const e=h.a.getConnector({id:t.id,rdns:t.rdns});e?g.I.push("ConnectingExternal",{connector:e}):g.I.push("ConnectingWalletConnect",{wallet:t})}};K([(0,r.MZ)()],V.prototype,"tabIdx",void 0),K([(0,r.MZ)()],V.prototype,"wallets",void 0),K([(0,r.wk)()],V.prototype,"loading",void 0),V=K([(0,c.EM)("w3m-connect-recommended-widget")],V);var Y=i(3337),G=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let Q=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=h.a.state.connectors,this.connectorImages=Y.j.state.connectorImages,this.unsubscribe.push(h.a.subscribeKey("connectors",(t=>this.connectors=t)),Y.j.subscribeKey("connectorImages",(t=>this.connectorImages=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){if(n.w.isMobile())return this.style.cssText="display: none",null;const t=this.connectors.find((t=>"walletConnect"===t.id));if(!t)return this.style.cssText="display: none",null;const e=t.imageUrl||this.connectorImages[t?.imageId??""],i=p.x.hasAnyConnection(d.o.CONNECTOR_ID.WALLET_CONNECT);return o.qy`
+      <wui-list-wallet
+        imageSrc=${(0,u.J)(e)}
+        name=${t.name??"Unknown"}
+        @click=${()=>this.onConnector(t)}
+        tagLabel="qr code"
+        tagVariant="main"
+        tabIdx=${(0,u.J)(this.tabIdx)}
+        data-testid="wallet-selector-walletconnect"
+        ?disabled=${i}
+      >
+      </wui-list-wallet>
+    `}onConnector(t){h.a.setActiveConnector(t),g.I.push("ConnectingWalletConnect")}};G([(0,r.MZ)()],Q.prototype,"tabIdx",void 0),G([(0,r.wk)()],Q.prototype,"connectors",void 0),G([(0,r.wk)()],Q.prototype,"connectorImages",void 0),Q=G([(0,c.EM)("w3m-connect-walletconnect-widget")],Q);const X=o.AH`
+  :host {
+    margin-top: var(--wui-spacing-3xs);
+  }
+  wui-separator {
+    margin: var(--wui-spacing-m) calc(var(--wui-spacing-m) * -1) var(--wui-spacing-xs)
+      calc(var(--wui-spacing-m) * -1);
+    width: calc(100% + var(--wui-spacing-s) * 2);
+  }
+`;var tt=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let et=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=h.a.state.connectors,this.recommended=a.N.state.recommended,this.featured=a.N.state.featured,this.unsubscribe.push(h.a.subscribeKey("connectors",(t=>this.connectors=t)),a.N.subscribeKey("recommended",(t=>this.recommended=t)),a.N.subscribeKey("featured",(t=>this.featured=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){return o.qy`
+      <wui-flex flexDirection="column" gap="xs"> ${this.connectorListTemplate()} </wui-flex>
+    `}connectorListTemplate(){const{custom:t,recent:e,announced:i,injected:r,multiChain:n,recommended:a,featured:s,external:l}=O.g.getConnectorsByType(this.connectors,this.recommended,this.featured);return O.g.getConnectorTypeOrder({custom:t,recent:e,announced:i,injected:r,multiChain:n,recommended:a,featured:s,external:l}).map((t=>{switch(t){case"injected":return o.qy`
+            ${n.length?o.qy`<w3m-connect-multi-chain-widget
+                  tabIdx=${(0,u.J)(this.tabIdx)}
+                ></w3m-connect-multi-chain-widget>`:null}
+            ${i.length?o.qy`<w3m-connect-announced-widget
+                  tabIdx=${(0,u.J)(this.tabIdx)}
+                ></w3m-connect-announced-widget>`:null}
+            ${r.length?o.qy`<w3m-connect-injected-widget
+                  .connectors=${r}
+                  tabIdx=${(0,u.J)(this.tabIdx)}
+                ></w3m-connect-injected-widget>`:null}
+          `;case"walletConnect":return o.qy`<w3m-connect-walletconnect-widget
+            tabIdx=${(0,u.J)(this.tabIdx)}
+          ></w3m-connect-walletconnect-widget>`;case"recent":return o.qy`<w3m-connect-recent-widget
+            tabIdx=${(0,u.J)(this.tabIdx)}
+          ></w3m-connect-recent-widget>`;case"featured":return o.qy`<w3m-connect-featured-widget
+            .wallets=${s}
+            tabIdx=${(0,u.J)(this.tabIdx)}
+          ></w3m-connect-featured-widget>`;case"custom":return o.qy`<w3m-connect-custom-widget
+            tabIdx=${(0,u.J)(this.tabIdx)}
+          ></w3m-connect-custom-widget>`;case"external":return o.qy`<w3m-connect-external-widget
+            tabIdx=${(0,u.J)(this.tabIdx)}
+          ></w3m-connect-external-widget>`;case"recommended":return o.qy`<w3m-connect-recommended-widget
+            .wallets=${a}
+            tabIdx=${(0,u.J)(this.tabIdx)}
+          ></w3m-connect-recommended-widget>`;default:return console.warn(`Unknown connector type: ${t}`),null}}))}};et.styles=X,tt([(0,r.MZ)()],et.prototype,"tabIdx",void 0),tt([(0,r.wk)()],et.prototype,"connectors",void 0),tt([(0,r.wk)()],et.prototype,"recommended",void 0),tt([(0,r.wk)()],et.prototype,"featured",void 0),et=tt([(0,c.EM)("w3m-connector-list")],et);var it=i(1871),ot=i(4833),rt=i(466);const nt=o.AH`
+  :host {
+    display: inline-flex;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-3xl);
+    padding: var(--wui-spacing-3xs);
+    position: relative;
+    height: 36px;
+    min-height: 36px;
+    overflow: hidden;
+  }
+
+  :host::before {
+    content: '';
+    position: absolute;
+    pointer-events: none;
+    top: 4px;
+    left: 4px;
+    display: block;
+    width: var(--local-tab-width);
+    height: 28px;
+    border-radius: var(--wui-border-radius-3xl);
+    background-color: var(--wui-color-gray-glass-002);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
+    transform: translateX(calc(var(--local-tab) * var(--local-tab-width)));
+    transition: transform var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: background-color, opacity;
+  }
+
+  :host([data-type='flex'])::before {
+    left: 3px;
+    transform: translateX(calc((var(--local-tab) * 34px) + (var(--local-tab) * 4px)));
+  }
+
+  :host([data-type='flex']) {
+    display: flex;
+    padding: 0px 0px 0px 12px;
+    gap: 4px;
+  }
+
+  :host([data-type='flex']) > button > wui-text {
+    position: absolute;
+    left: 18px;
+    opacity: 0;
+  }
+
+  button[data-active='true'] > wui-icon,
+  button[data-active='true'] > wui-text {
+    color: var(--wui-color-fg-100);
+  }
+
+  button[data-active='false'] > wui-icon,
+  button[data-active='false'] > wui-text {
+    color: var(--wui-color-fg-200);
+  }
+
+  button[data-active='true']:disabled,
+  button[data-active='false']:disabled {
+    background-color: transparent;
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  button[data-active='true']:disabled > wui-text {
+    color: var(--wui-color-fg-200);
+  }
+
+  button[data-active='false']:disabled > wui-text {
+    color: var(--wui-color-fg-300);
+  }
+
+  button > wui-icon,
+  button > wui-text {
+    pointer-events: none;
+    transition: color var(--wui-e ase-out-power-1) var(--wui-duration-md);
+    will-change: color;
+  }
+
+  button {
+    width: var(--local-tab-width);
+    transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: background-color;
+  }
+
+  :host([data-type='flex']) > button {
+    width: 34px;
+    position: relative;
+    display: flex;
+    justify-content: flex-start;
+  }
+
+  button:hover:enabled,
+  button:active:enabled {
+    background-color: transparent !important;
+  }
+
+  button:hover:enabled > wui-icon,
+  button:active:enabled > wui-icon {
+    transition: all var(--wui-ease-out-power-1) var(--wui-duration-lg);
+    color: var(--wui-color-fg-125);
+  }
+
+  button:hover:enabled > wui-text,
+  button:active:enabled > wui-text {
+    transition: all var(--wui-ease-out-power-1) var(--wui-duration-lg);
+    color: var(--wui-color-fg-125);
+  }
+
+  button {
+    border-radius: var(--wui-border-radius-3xl);
+  }
+`;var at=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let st=class extends o.WF{constructor(){super(...arguments),this.tabs=[],this.onTabChange=()=>null,this.buttons=[],this.disabled=!1,this.localTabWidth="100px",this.activeTab=0,this.isDense=!1}render(){return this.isDense=this.tabs.length>3,this.style.cssText=`\n      --local-tab: ${this.activeTab};\n      --local-tab-width: ${this.localTabWidth};\n    `,this.dataset.type=this.isDense?"flex":"block",this.tabs.map(((t,e)=>{const i=e===this.activeTab;return o.qy`
+        <button
+          ?disabled=${this.disabled}
+          @click=${()=>this.onTabClick(e)}
+          data-active=${i}
+          data-testid="tab-${t.label?.toLowerCase()}"
+        >
+          ${this.iconTemplate(t)}
+          <wui-text variant="small-600" color="inherit"> ${t.label} </wui-text>
+        </button>
+      `}))}firstUpdated(){this.shadowRoot&&this.isDense&&(this.buttons=[...this.shadowRoot.querySelectorAll("button")],setTimeout((()=>{this.animateTabs(0,!0)}),0))}iconTemplate(t){return t.icon?o.qy`<wui-icon size="xs" color="inherit" name=${t.icon}></wui-icon>`:null}onTabClick(t){this.buttons&&this.animateTabs(t,!1),this.activeTab=t,this.onTabChange(t)}animateTabs(t,e){const i=this.buttons[this.activeTab],o=this.buttons[t],r=i?.querySelector("wui-text"),n=o?.querySelector("wui-text"),a=o?.getBoundingClientRect(),s=n?.getBoundingClientRect();i&&r&&!e&&t!==this.activeTab&&(r.animate([{opacity:0}],{duration:50,easing:"ease",fill:"forwards"}),i.animate([{width:"34px"}],{duration:500,easing:"ease",fill:"forwards"})),o&&a&&s&&n&&(t!==this.activeTab||e)&&(this.localTabWidth=`${Math.round(a.width+s.width)+6}px`,o.animate([{width:`${a.width+s.width}px`}],{duration:e?0:500,fill:"forwards",easing:"ease"}),n.animate([{opacity:1}],{duration:e?0:125,delay:e?0:200,fill:"forwards",easing:"ease"}))}};st.styles=[f.W5,f.fD,nt],at([(0,r.MZ)({type:Array})],st.prototype,"tabs",void 0),at([(0,r.MZ)()],st.prototype,"onTabChange",void 0),at([(0,r.MZ)({type:Array})],st.prototype,"buttons",void 0),at([(0,r.MZ)({type:Boolean})],st.prototype,"disabled",void 0),at([(0,r.MZ)()],st.prototype,"localTabWidth",void 0),at([(0,r.wk)()],st.prototype,"activeTab",void 0),at([(0,r.wk)()],st.prototype,"isDense",void 0),st=at([(0,b.E)("wui-tabs")],st);var lt=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let ct=class extends o.WF{constructor(){super(...arguments),this.platformTabs=[],this.unsubscribe=[],this.platforms=[],this.onSelectPlatfrom=void 0}disconnectCallback(){this.unsubscribe.forEach((t=>t()))}render(){const t=this.generateTabs();return o.qy`
+      <wui-flex justifyContent="center" .padding=${["0","0","l","0"]}>
+        <wui-tabs .tabs=${t} .onTabChange=${this.onTabChange.bind(this)}></wui-tabs>
+      </wui-flex>
+    `}generateTabs(){const t=this.platforms.map((t=>"browser"===t?{label:"Browser",icon:"extension",platform:"browser"}:"mobile"===t?{label:"Mobile",icon:"mobile",platform:"mobile"}:"qrcode"===t?{label:"Mobile",icon:"mobile",platform:"qrcode"}:"web"===t?{label:"Webapp",icon:"browser",platform:"web"}:"desktop"===t?{label:"Desktop",icon:"desktop",platform:"desktop"}:{label:"Browser",icon:"extension",platform:"unsupported"}));return this.platformTabs=t.map((({platform:t})=>t)),t}onTabChange(t){const e=this.platformTabs[t];e&&this.onSelectPlatfrom?.(e)}};lt([(0,r.MZ)({type:Array})],ct.prototype,"platforms",void 0),lt([(0,r.MZ)()],ct.prototype,"onSelectPlatfrom",void 0),ct=lt([(0,c.EM)("w3m-connecting-header")],ct);var ut=i(8996);i(880);const dt=o.AH`
+  :host {
+    width: var(--local-width);
+    position: relative;
+  }
+
+  button {
+    border: none;
+    border-radius: var(--local-border-radius);
+    width: var(--local-width);
+    white-space: nowrap;
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  button[data-size='xs'] {
+    padding: var(--wui-spacing-3xs) var(--wui-spacing-s) var(--wui-spacing-3xs) var(--wui-spacing-s);
+    height: 24px;
+  }
+
+  button[data-size='xs'][data-icon-left='true'][data-icon-right='false'] {
+    padding: var(--wui-spacing-3xs) var(--wui-spacing-s) var(--wui-spacing-3xs) var(--wui-spacing-s);
+  }
+
+  button[data-size='xs'][data-icon-right='true'][data-icon-left='false'] {
+    padding: var(--wui-spacing-3xs) var(--wui-spacing-s) var(--wui-spacing-3xs) var(--wui-spacing-s);
+  }
+
+  button[data-size='sm'] {
+    padding: 7.2px var(--wui-spacing-s) 7.2px var(--wui-spacing-s);
+    height: 32px;
+  }
+
+  button[data-size='sm'][data-icon-left='true'][data-icon-right='false'] {
+    padding: 7.2px var(--wui-spacing-s) 7.2px var(--wui-spacing-s);
+  }
+
+  button[data-size='sm'][data-icon-right='true'][data-icon-left='false'] {
+    padding: 7.2px var(--wui-spacing-s) 7.2px var(--wui-spacing-s);
+  }
+
+  button[data-size='md'] {
+    padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-l);
+    height: 36px;
+  }
+
+  button[data-size='md'][data-icon-left='true'][data-icon-right='false'] {
+    padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-s);
+  }
+
+  button[data-size='md'][data-icon-right='true'][data-icon-left='false'] {
+    padding: 8.2px var(--wui-spacing-s) 9px var(--wui-spacing-l);
+  }
+
+  button[data-size='lg'] {
+    padding: var(--wui-spacing-m) var(--wui-spacing-2l);
+    height: 48px;
+  }
+
+  /* -- Variants --------------------------------------------------------- */
+  button[data-variant='main'] {
+    background-color: var(--wui-color-accent-100);
+    color: var(--wui-color-inverse-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+
+  button[data-variant='inverse'] {
+    background-color: var(--wui-color-inverse-100);
+    color: var(--wui-color-inverse-000);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+
+  button[data-variant='accent'] {
+    background-color: var(--wui-color-accent-glass-010);
+    color: var(--wui-color-accent-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+  }
+
+  button[data-variant='accent-error'] {
+    background: var(--wui-color-error-glass-015);
+    color: var(--wui-color-error-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-error-glass-010);
+  }
+
+  button[data-variant='accent-success'] {
+    background: var(--wui-color-success-glass-015);
+    color: var(--wui-color-success-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-success-glass-010);
+  }
+
+  button[data-variant='neutral'] {
+    background: transparent;
+    color: var(--wui-color-fg-100);
+    border: none;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button[data-variant='main']:focus-visible:enabled {
+    background-color: var(--wui-color-accent-090);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0 0 0 4px var(--wui-color-accent-glass-020);
+  }
+  button[data-variant='inverse']:focus-visible:enabled {
+    background-color: var(--wui-color-inverse-100);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-gray-glass-010),
+      0 0 0 4px var(--wui-color-accent-glass-020);
+  }
+  button[data-variant='accent']:focus-visible:enabled {
+    background-color: var(--wui-color-accent-glass-010);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0 0 0 4px var(--wui-color-accent-glass-020);
+  }
+  button[data-variant='accent-error']:focus-visible:enabled {
+    background: var(--wui-color-error-glass-015);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-error-100),
+      0 0 0 4px var(--wui-color-error-glass-020);
+  }
+  button[data-variant='accent-success']:focus-visible:enabled {
+    background: var(--wui-color-success-glass-015);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-success-100),
+      0 0 0 4px var(--wui-color-success-glass-020);
+  }
+  button[data-variant='neutral']:focus-visible:enabled {
+    background: var(--wui-color-gray-glass-005);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-gray-glass-010),
+      0 0 0 4px var(--wui-color-gray-glass-002);
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  @media (hover: hover) and (pointer: fine) {
+    button[data-variant='main']:hover:enabled {
+      background-color: var(--wui-color-accent-090);
+    }
+
+    button[data-variant='main']:active:enabled {
+      background-color: var(--wui-color-accent-080);
+    }
+
+    button[data-variant='accent']:hover:enabled {
+      background-color: var(--wui-color-accent-glass-015);
+    }
+
+    button[data-variant='accent']:active:enabled {
+      background-color: var(--wui-color-accent-glass-020);
+    }
+
+    button[data-variant='accent-error']:hover:enabled {
+      background: var(--wui-color-error-glass-020);
+      color: var(--wui-color-error-100);
+    }
+
+    button[data-variant='accent-error']:active:enabled {
+      background: var(--wui-color-error-glass-030);
+      color: var(--wui-color-error-100);
+    }
+
+    button[data-variant='accent-success']:hover:enabled {
+      background: var(--wui-color-success-glass-020);
+      color: var(--wui-color-success-100);
+    }
+
+    button[data-variant='accent-success']:active:enabled {
+      background: var(--wui-color-success-glass-030);
+      color: var(--wui-color-success-100);
+    }
+
+    button[data-variant='neutral']:hover:enabled {
+      background: var(--wui-color-gray-glass-002);
+    }
+
+    button[data-variant='neutral']:active:enabled {
+      background: var(--wui-color-gray-glass-005);
+    }
+
+    button[data-size='lg'][data-icon-left='true'][data-icon-right='false'] {
+      padding-left: var(--wui-spacing-m);
+    }
+
+    button[data-size='lg'][data-icon-right='true'][data-icon-left='false'] {
+      padding-right: var(--wui-spacing-m);
+    }
+  }
+
+  /* -- Disabled state --------------------------------------------------- */
+  button:disabled {
+    background-color: var(--wui-color-gray-glass-002);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
+    color: var(--wui-color-gray-glass-020);
+    cursor: not-allowed;
+  }
+
+  button > wui-text {
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: opacity;
+    opacity: var(--local-opacity-100);
+  }
+
+  ::slotted(*) {
+    transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: opacity;
+    opacity: var(--local-opacity-100);
+  }
+
+  wui-loading-spinner {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    opacity: var(--local-opacity-000);
+  }
+`;var ht=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const pt={main:"inverse-100",inverse:"inverse-000",accent:"accent-100","accent-error":"error-100","accent-success":"success-100",neutral:"fg-100",disabled:"gray-glass-020"},wt={lg:"paragraph-600",md:"small-600",sm:"small-600",xs:"tiny-600"},gt={lg:"md",md:"md",sm:"sm",xs:"sm"};let ft=class extends o.WF{constructor(){super(...arguments),this.size="lg",this.disabled=!1,this.fullWidth=!1,this.loading=!1,this.variant="main",this.hasIconLeft=!1,this.hasIconRight=!1,this.borderRadius="m"}render(){this.style.cssText=`\n    --local-width: ${this.fullWidth?"100%":"auto"};\n    --local-opacity-100: ${this.loading?0:1};\n    --local-opacity-000: ${this.loading?1:0};\n    --local-border-radius: var(--wui-border-radius-${this.borderRadius});\n    `;const t=this.textVariant??wt[this.size];return o.qy`
+      <button
+        data-variant=${this.variant}
+        data-icon-left=${this.hasIconLeft}
+        data-icon-right=${this.hasIconRight}
+        data-size=${this.size}
+        ?disabled=${this.disabled}
+      >
+        ${this.loadingTemplate()}
+        <slot name="iconLeft" @slotchange=${()=>this.handleSlotLeftChange()}></slot>
+        <wui-text variant=${t} color="inherit">
+          <slot></slot>
+        </wui-text>
+        <slot name="iconRight" @slotchange=${()=>this.handleSlotRightChange()}></slot>
+      </button>
+    `}handleSlotLeftChange(){this.hasIconLeft=!0}handleSlotRightChange(){this.hasIconRight=!0}loadingTemplate(){if(this.loading){const t=gt[this.size],e=this.disabled?pt.disabled:pt[this.variant];return o.qy`<wui-loading-spinner color=${e} size=${t}></wui-loading-spinner>`}return o.qy``}};ft.styles=[f.W5,f.fD,dt],ht([(0,r.MZ)()],ft.prototype,"size",void 0),ht([(0,r.MZ)({type:Boolean})],ft.prototype,"disabled",void 0),ht([(0,r.MZ)({type:Boolean})],ft.prototype,"fullWidth",void 0),ht([(0,r.MZ)({type:Boolean})],ft.prototype,"loading",void 0),ht([(0,r.MZ)()],ft.prototype,"variant",void 0),ht([(0,r.MZ)({type:Boolean})],ft.prototype,"hasIconLeft",void 0),ht([(0,r.MZ)({type:Boolean})],ft.prototype,"hasIconRight",void 0),ht([(0,r.MZ)()],ft.prototype,"borderRadius",void 0),ht([(0,r.MZ)()],ft.prototype,"textVariant",void 0),ft=ht([(0,b.E)("wui-button")],ft),i(1636);const bt=o.AH`
+  button {
+    padding: var(--wui-spacing-4xs) var(--wui-spacing-xxs);
+    border-radius: var(--wui-border-radius-3xs);
+    background-color: transparent;
+    color: var(--wui-color-accent-100);
+  }
+
+  button:disabled {
+    background-color: transparent;
+    color: var(--wui-color-gray-glass-015);
+  }
+
+  button:hover {
+    background-color: var(--wui-color-gray-glass-005);
+  }
+`;var mt=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let vt=class extends o.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.disabled=!1,this.color="inherit"}render(){return o.qy`
+      <button ?disabled=${this.disabled} tabindex=${(0,u.J)(this.tabIdx)}>
+        <slot name="iconLeft"></slot>
+        <wui-text variant="small-600" color=${this.color}>
+          <slot></slot>
+        </wui-text>
+        <slot name="iconRight"></slot>
+      </button>
+    `}};vt.styles=[f.W5,f.fD,bt],mt([(0,r.MZ)()],vt.prototype,"tabIdx",void 0),mt([(0,r.MZ)({type:Boolean})],vt.prototype,"disabled",void 0),mt([(0,r.MZ)()],vt.prototype,"color",void 0),vt=mt([(0,b.E)("wui-link")],vt);const yt=o.AH`
+  :host {
+    display: block;
+    width: var(--wui-box-size-md);
+    height: var(--wui-box-size-md);
+  }
+
+  svg {
+    width: var(--wui-box-size-md);
+    height: var(--wui-box-size-md);
+  }
+
+  rect {
+    fill: none;
+    stroke: var(--wui-color-accent-100);
+    stroke-width: 4px;
+    stroke-linecap: round;
+    animation: dash 1s linear infinite;
+  }
+
+  @keyframes dash {
+    to {
+      stroke-dashoffset: 0px;
+    }
+  }
+`;var xt=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let kt=class extends o.WF{constructor(){super(...arguments),this.radius=36}render(){return this.svgLoaderTemplate()}svgLoaderTemplate(){const t=this.radius>50?50:this.radius,e=36-t,i=116+e,r=245+e,n=360+1.75*e;return o.qy`
+      <svg viewBox="0 0 110 110" width="110" height="110">
+        <rect
+          x="2"
+          y="2"
+          width="106"
+          height="106"
+          rx=${t}
+          stroke-dasharray="${i} ${r}"
+          stroke-dashoffset=${n}
+        />
+      </svg>
+    `}};kt.styles=[f.W5,yt],xt([(0,r.MZ)({type:Number})],kt.prototype,"radius",void 0),kt=xt([(0,b.E)("wui-loading-thumbnail")],kt),i(5090);const Ct=o.AH`
+  button {
+    border: none;
+    border-radius: var(--wui-border-radius-3xl);
+  }
+
+  button[data-variant='main'] {
+    background-color: var(--wui-color-accent-100);
+    color: var(--wui-color-inverse-100);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+
+  button[data-variant='accent'] {
+    background-color: var(--wui-color-accent-glass-010);
+    color: var(--wui-color-accent-100);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+  }
+
+  button[data-variant='gray'] {
+    background-color: transparent;
+    color: var(--wui-color-fg-200);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+
+  button[data-variant='shade'] {
+    background-color: transparent;
+    color: var(--wui-color-accent-100);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+
+  button[data-size='sm'] {
+    height: 32px;
+    padding: 0 var(--wui-spacing-s);
+  }
+
+  button[data-size='md'] {
+    height: 40px;
+    padding: 0 var(--wui-spacing-l);
+  }
+
+  button[data-size='sm'] > wui-image {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='md'] > wui-image {
+    width: 24px;
+    height: 24px;
+  }
+
+  button[data-size='sm'] > wui-icon {
+    width: 12px;
+    height: 12px;
+  }
+
+  button[data-size='md'] > wui-icon {
+    width: 14px;
+    height: 14px;
+  }
+
+  wui-image {
+    border-radius: var(--wui-border-radius-3xl);
+    overflow: hidden;
+  }
+
+  button.disabled > wui-icon,
+  button.disabled > wui-image {
+    filter: grayscale(1);
+  }
+
+  button[data-variant='main'] > wui-image {
+    box-shadow: inset 0 0 0 1px var(--wui-color-accent-090);
+  }
+
+  button[data-variant='shade'] > wui-image,
+  button[data-variant='gray'] > wui-image {
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    button[data-variant='main']:focus-visible {
+      background-color: var(--wui-color-accent-090);
+    }
+
+    button[data-variant='main']:hover:enabled {
+      background-color: var(--wui-color-accent-090);
+    }
+
+    button[data-variant='main']:active:enabled {
+      background-color: var(--wui-color-accent-080);
+    }
+
+    button[data-variant='accent']:hover:enabled {
+      background-color: var(--wui-color-accent-glass-015);
+    }
+
+    button[data-variant='accent']:active:enabled {
+      background-color: var(--wui-color-accent-glass-020);
+    }
+
+    button[data-variant='shade']:focus-visible,
+    button[data-variant='gray']:focus-visible,
+    button[data-variant='shade']:hover,
+    button[data-variant='gray']:hover {
+      background-color: var(--wui-color-gray-glass-002);
+    }
+
+    button[data-variant='gray']:active,
+    button[data-variant='shade']:active {
+      background-color: var(--wui-color-gray-glass-005);
+    }
+  }
+
+  button.disabled {
+    color: var(--wui-color-gray-glass-020);
+    background-color: var(--wui-color-gray-glass-002);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
+    pointer-events: none;
+  }
+`;var $t=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let Et=class extends o.WF{constructor(){super(...arguments),this.variant="accent",this.imageSrc="",this.disabled=!1,this.icon="externalLink",this.size="md",this.text=""}render(){const t="sm"===this.size?"small-600":"paragraph-600";return o.qy`
+      <button
+        class=${this.disabled?"disabled":""}
+        data-variant=${this.variant}
+        data-size=${this.size}
+      >
+        ${this.imageSrc?o.qy`<wui-image src=${this.imageSrc}></wui-image>`:null}
+        <wui-text variant=${t} color="inherit"> ${this.text} </wui-text>
+        <wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon>
+      </button>
+    `}};Et.styles=[f.W5,f.fD,Ct],$t([(0,r.MZ)()],Et.prototype,"variant",void 0),$t([(0,r.MZ)()],Et.prototype,"imageSrc",void 0),$t([(0,r.MZ)({type:Boolean})],Et.prototype,"disabled",void 0),$t([(0,r.MZ)()],Et.prototype,"icon",void 0),$t([(0,r.MZ)()],Et.prototype,"size",void 0),$t([(0,r.MZ)()],Et.prototype,"text",void 0),Et=$t([(0,b.E)("wui-chip-button")],Et);const Rt=o.AH`
+  wui-flex {
+    width: 100%;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+  }
+`;var It=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let Mt=class extends o.WF{constructor(){super(...arguments),this.disabled=!1,this.label="",this.buttonLabel=""}render(){return o.qy`
+      <wui-flex
+        justifyContent="space-between"
+        alignItems="center"
+        .padding=${["1xs","2l","1xs","2l"]}
+      >
+        <wui-text variant="paragraph-500" color="fg-200">${this.label}</wui-text>
+        <wui-chip-button size="sm" variant="shade" text=${this.buttonLabel} icon="chevronRight">
+        </wui-chip-button>
+      </wui-flex>
+    `}};Mt.styles=[f.W5,f.fD,Rt],It([(0,r.MZ)({type:Boolean})],Mt.prototype,"disabled",void 0),It([(0,r.MZ)()],Mt.prototype,"label",void 0),It([(0,r.MZ)()],Mt.prototype,"buttonLabel",void 0),Mt=It([(0,b.E)("wui-cta-button")],Mt);const Tt=o.AH`
+  :host {
+    display: block;
+    padding: 0 var(--wui-spacing-xl) var(--wui-spacing-xl);
+  }
+`;var Wt=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let Ot=class extends o.WF{constructor(){super(...arguments),this.wallet=void 0}render(){if(!this.wallet)return this.style.display="none",null;const{name:t,app_store:e,play_store:i,chrome_store:r,homepage:a}=this.wallet,s=n.w.isMobile(),l=n.w.isIos(),u=n.w.isAndroid(),d=[e,i,a,r].filter(Boolean).length>1,h=c.Zv.getTruncateString({string:t,charsStart:12,charsEnd:0,truncate:"end"});return d&&!s?o.qy`
+        <wui-cta-button
+          label=${`Don't have ${h}?`}
+          buttonLabel="Get"
+          @click=${()=>g.I.push("Downloads",{wallet:this.wallet})}
+        ></wui-cta-button>
+      `:!d&&a?o.qy`
+        <wui-cta-button
+          label=${`Don't have ${h}?`}
+          buttonLabel="Get"
+          @click=${this.onHomePage.bind(this)}
+        ></wui-cta-button>
+      `:e&&l?o.qy`
+        <wui-cta-button
+          label=${`Don't have ${h}?`}
+          buttonLabel="Get"
+          @click=${this.onAppStore.bind(this)}
+        ></wui-cta-button>
+      `:i&&u?o.qy`
+        <wui-cta-button
+          label=${`Don't have ${h}?`}
+          buttonLabel="Get"
+          @click=${this.onPlayStore.bind(this)}
+        ></wui-cta-button>
+      `:(this.style.display="none",null)}onAppStore(){this.wallet?.app_store&&n.w.openHref(this.wallet.app_store,"_blank")}onPlayStore(){this.wallet?.play_store&&n.w.openHref(this.wallet.play_store,"_blank")}onHomePage(){this.wallet?.homepage&&n.w.openHref(this.wallet.homepage,"_blank")}};Ot.styles=[Tt],Wt([(0,r.MZ)({type:Object})],Ot.prototype,"wallet",void 0),Ot=Wt([(0,c.EM)("w3m-mobile-download-links")],Ot);const Pt=o.AH`
+  @keyframes shake {
+    0% {
+      transform: translateX(0);
+    }
+    25% {
+      transform: translateX(3px);
+    }
+    50% {
+      transform: translateX(-3px);
+    }
+    75% {
+      transform: translateX(3px);
+    }
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  wui-flex:first-child:not(:only-child) {
+    position: relative;
+  }
+
+  wui-loading-thumbnail {
+    position: absolute;
+  }
+
+  wui-icon-box {
+    position: absolute;
+    right: calc(var(--wui-spacing-3xs) * -1);
+    bottom: calc(var(--wui-spacing-3xs) * -1);
+    opacity: 0;
+    transform: scale(0.5);
+    transition-property: opacity, transform;
+    transition-duration: var(--wui-duration-lg);
+    transition-timing-function: var(--wui-ease-out-power-2);
+    will-change: opacity, transform;
+  }
+
+  wui-text[align='center'] {
+    width: 100%;
+    padding: 0px var(--wui-spacing-l);
+  }
+
+  [data-error='true'] wui-icon-box {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  [data-error='true'] > wui-flex:first-child {
+    animation: shake 250ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+  }
+
+  [data-retry='false'] wui-link {
+    display: none;
+  }
+
+  [data-retry='true'] wui-link {
+    display: block;
+    opacity: 1;
+  }
+`;var At=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};class St extends o.WF{constructor(){super(),this.wallet=g.I.state.data?.wallet,this.connector=g.I.state.data?.connector,this.timeout=void 0,this.secondaryBtnIcon="refresh",this.onConnect=void 0,this.onRender=void 0,this.onAutoConnect=void 0,this.isWalletConnect=!0,this.unsubscribe=[],this.imageSrc=T.$.getWalletImage(this.wallet)??T.$.getConnectorImage(this.connector),this.name=this.wallet?.name??this.connector?.name??"Wallet",this.isRetrying=!1,this.uri=p.x.state.wcUri,this.error=p.x.state.wcError,this.ready=!1,this.showRetry=!1,this.label=void 0,this.secondaryBtnLabel="Try again",this.secondaryLabel="Accept connection request in the wallet",this.isLoading=!1,this.isMobile=!1,this.onRetry=void 0,this.unsubscribe.push(p.x.subscribeKey("wcUri",(t=>{this.uri=t,this.isRetrying&&this.onRetry&&(this.isRetrying=!1,this.onConnect?.())})),p.x.subscribeKey("wcError",(t=>this.error=t))),(n.w.isTelegram()||n.w.isSafari())&&n.w.isIos()&&p.x.state.wcUri&&this.onConnect?.()}firstUpdated(){this.onAutoConnect?.(),this.showRetry=!this.onAutoConnect}disconnectedCallback(){this.unsubscribe.forEach((t=>t())),p.x.setWcError(!1),clearTimeout(this.timeout)}render(){this.onRender?.(),this.onShowRetry();const t=this.error?"Connection can be declined if a previous request is still active":this.secondaryLabel;let e="";return this.label?e=this.label:(e=`Continue in ${this.name}`,this.error&&(e="Connection declined")),o.qy`
+      <wui-flex
+        data-error=${(0,u.J)(this.error)}
+        data-retry=${this.showRetry}
+        flexDirection="column"
+        alignItems="center"
+        .padding=${["3xl","xl","xl","xl"]}
+        gap="xl"
+      >
+        <wui-flex justifyContent="center" alignItems="center">
+          <wui-wallet-image size="lg" imageSrc=${(0,u.J)(this.imageSrc)}></wui-wallet-image>
+
+          ${this.error?null:this.loaderTemplate()}
+
+          <wui-icon-box
+            backgroundColor="error-100"
+            background="opaque"
+            iconColor="error-100"
+            icon="close"
+            size="sm"
+            border
+            borderColor="wui-color-bg-125"
+          ></wui-icon-box>
+        </wui-flex>
+
+        <wui-flex flexDirection="column" alignItems="center" gap="xs">
+          <wui-text
+            align="center"
+            variant="paragraph-500"
+            color=${this.error?"error-100":"fg-100"}
+          >
+            ${e}
+          </wui-text>
+          <wui-text align="center" variant="small-500" color="fg-200">${t}</wui-text>
+        </wui-flex>
+
+        ${this.secondaryBtnLabel?o.qy`
+              <wui-button
+                variant="accent"
+                size="md"
+                ?disabled=${this.isRetrying||this.isLoading}
+                @click=${this.onTryAgain.bind(this)}
+                data-testid="w3m-connecting-widget-secondary-button"
+              >
+                <wui-icon color="inherit" slot="iconLeft" name=${this.secondaryBtnIcon}></wui-icon>
+                ${this.secondaryBtnLabel}
+              </wui-button>
+            `:null}
+      </wui-flex>
+
+      ${this.isWalletConnect?o.qy`
+            <wui-flex .padding=${["0","xl","xl","xl"]} justifyContent="center">
+              <wui-link @click=${this.onCopyUri} color="fg-200" data-testid="wui-link-copy">
+                <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon>
+                Copy link
+              </wui-link>
+            </wui-flex>
+          `:null}
+
+      <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
+    `}onShowRetry(){if(this.error&&!this.showRetry){this.showRetry=!0;const t=this.shadowRoot?.querySelector("wui-button");t?.animate([{opacity:0},{opacity:1}],{fill:"forwards",easing:"ease"})}}onTryAgain(){p.x.setWcError(!1),this.onRetry?(this.isRetrying=!0,this.onRetry?.()):this.onConnect?.()}loaderTemplate(){const t=ut.W.state.themeVariables["--w3m-border-radius-master"],e=t?parseInt(t.replace("px",""),10):4;return o.qy`<wui-loading-thumbnail radius=${9*e}></wui-loading-thumbnail>`}onCopyUri(){try{this.uri&&(n.w.copyToClopboard(this.uri),it.P.showSuccess("Link copied"))}catch{it.P.showError("Failed to copy")}}}St.styles=Pt,At([(0,r.wk)()],St.prototype,"isRetrying",void 0),At([(0,r.wk)()],St.prototype,"uri",void 0),At([(0,r.wk)()],St.prototype,"error",void 0),At([(0,r.wk)()],St.prototype,"ready",void 0),At([(0,r.wk)()],St.prototype,"showRetry",void 0),At([(0,r.wk)()],St.prototype,"label",void 0),At([(0,r.wk)()],St.prototype,"secondaryBtnLabel",void 0),At([(0,r.wk)()],St.prototype,"secondaryLabel",void 0),At([(0,r.wk)()],St.prototype,"isLoading",void 0),At([(0,r.MZ)({type:Boolean})],St.prototype,"isMobile",void 0),At([(0,r.MZ)()],St.prototype,"onRetry",void 0);let jt=class extends St{constructor(){if(super(),!this.wallet)throw new Error("w3m-connecting-wc-browser: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.onAutoConnect=this.onConnectProxy.bind(this),w.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser",displayIndex:this.wallet?.display_index}})}async onConnectProxy(){try{this.error=!1;const{connectors:t}=h.a.state,e=t.find((t=>"ANNOUNCED"===t.type&&t.info?.rdns===this.wallet?.rdns||"INJECTED"===t.type||t.name===this.wallet?.name));if(!e)throw new Error("w3m-connecting-wc-browser: No connector found");await p.x.connectExternal(e,e.chain),ot.W.close(),w.E.sendEvent({type:"track",event:"CONNECT_SUCCESS",properties:{method:"browser",name:this.wallet?.name||"Unknown",caipNetworkId:_.W.getActiveCaipNetwork()?.caipNetworkId}})}catch(t){w.E.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:t?.message??"Unknown"}}),this.error=!0}}};jt=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,c.EM)("w3m-connecting-wc-browser")],jt);let Lt=class extends St{constructor(){if(super(),!this.wallet)throw new Error("w3m-connecting-wc-desktop: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.onRender=this.onRenderProxy.bind(this),w.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"desktop",displayIndex:this.wallet?.display_index}})}onRenderProxy(){!this.ready&&this.uri&&(this.ready=!0,this.onConnect?.())}onConnectProxy(){if(this.wallet?.desktop_link&&this.uri)try{this.error=!1;const{desktop_link:t,name:e}=this.wallet,{redirect:i,href:o}=n.w.formatNativeUrl(t,this.uri);p.x.setWcLinking({name:e,href:o}),p.x.setRecentWallet(this.wallet),n.w.openHref(i,"_blank")}catch{this.error=!0}}};Lt=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,c.EM)("w3m-connecting-wc-desktop")],Lt);var qt=i(2944),Nt=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let zt=class extends St{constructor(){if(super(),this.btnLabelTimeout=void 0,this.redirectDeeplink=void 0,this.redirectUniversalLink=void 0,this.target=void 0,this.preferUniversalLinks=s.H.state.experimental_preferUniversalLinks,this.isLoading=!0,this.onConnect=()=>{if(this.wallet?.mobile_link&&this.uri)try{this.error=!1;const{mobile_link:t,link_mode:e,name:i}=this.wallet,{redirect:o,redirectUniversalLink:r,href:a}=n.w.formatNativeUrl(t,this.uri,e);this.redirectDeeplink=o,this.redirectUniversalLink=r,this.target=n.w.isIframe()?"_top":"_self",p.x.setWcLinking({name:i,href:a}),p.x.setRecentWallet(this.wallet),this.preferUniversalLinks&&this.redirectUniversalLink?n.w.openHref(this.redirectUniversalLink,this.target):n.w.openHref(this.redirectDeeplink,this.target)}catch(t){w.E.sendEvent({type:"track",event:"CONNECT_PROXY_ERROR",properties:{message:t instanceof Error?t.message:"Error parsing the deeplink",uri:this.uri,mobile_link:this.wallet.mobile_link,name:this.wallet.name}}),this.error=!0}},!this.wallet)throw new Error("w3m-connecting-wc-mobile: No wallet provided");this.secondaryBtnLabel="Open",this.secondaryLabel=qt.oU.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon="externalLink",this.onHandleURI(),this.unsubscribe.push(p.x.subscribeKey("wcUri",(()=>{this.onHandleURI()}))),w.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"mobile",displayIndex:this.wallet?.display_index}})}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.btnLabelTimeout)}onHandleURI(){this.isLoading=!this.uri,!this.ready&&this.uri&&(this.ready=!0,this.onConnect?.())}onTryAgain(){p.x.setWcError(!1),this.onConnect?.()}};Nt([(0,r.wk)()],zt.prototype,"redirectDeeplink",void 0),Nt([(0,r.wk)()],zt.prototype,"redirectUniversalLink",void 0),Nt([(0,r.wk)()],zt.prototype,"target",void 0),Nt([(0,r.wk)()],zt.prototype,"preferUniversalLinks",void 0),Nt([(0,r.wk)()],zt.prototype,"isLoading",void 0),zt=Nt([(0,c.EM)("w3m-connecting-wc-mobile")],zt);var Bt=i(7583);function Dt(t,e,i){return t!==e&&(t-e<0?e-t:t-e)<=i+.1}const Zt={generate({uri:t,size:e,logoSize:i,dotColor:r="#141414"}){const n=[],a=function(t){const e=Array.prototype.slice.call(Bt.create(t,{errorCorrectionLevel:"Q"}).modules.data,0),i=Math.sqrt(e.length);return e.reduce(((t,e,o)=>(o%i==0?t.push([e]):t[t.length-1].push(e))&&t),[])}(t),s=e/a.length,l=[{x:0,y:0},{x:1,y:0},{x:0,y:1}];l.forEach((({x:t,y:e})=>{const i=(a.length-7)*s*t,c=(a.length-7)*s*e,u=.45;for(let t=0;t<l.length;t+=1){const e=s*(7-2*t);n.push(o.JW`
+            <rect
+              fill=${2===t?r:"transparent"}
+              width=${0===t?e-5:e}
+              rx= ${0===t?(e-5)*u:e*u}
+              ry= ${0===t?(e-5)*u:e*u}
+              stroke=${r}
+              stroke-width=${0===t?5:0}
+              height=${0===t?e-5:e}
+              x= ${0===t?c+s*t+2.5:c+s*t}
+              y= ${0===t?i+s*t+2.5:i+s*t}
+            />
+          `)}}));const c=Math.floor((i+25)/s),u=a.length/2-c/2,d=a.length/2+c/2-1,h=[];a.forEach(((t,e)=>{t.forEach(((t,i)=>{if(a[e][i]&&!(e<7&&i<7||e>a.length-8&&i<7||e<7&&i>a.length-8||e>u&&e<d&&i>u&&i<d)){const t=e*s+s/2,o=i*s+s/2;h.push([t,o])}}))}));const p={};return h.forEach((([t,e])=>{p[t]?p[t]?.push(e):p[t]=[e]})),Object.entries(p).map((([t,e])=>{const i=e.filter((t=>e.every((e=>!Dt(t,e,s)))));return[Number(t),i]})).forEach((([t,e])=>{e.forEach((e=>{n.push(o.JW`<circle cx=${t} cy=${e} fill=${r} r=${s/2.5} />`)}))})),Object.entries(p).filter((([t,e])=>e.length>1)).map((([t,e])=>{const i=e.filter((t=>e.some((e=>Dt(t,e,s)))));return[Number(t),i]})).map((([t,e])=>{e.sort(((t,e)=>t<e?-1:1));const i=[];for(const t of e){const e=i.find((e=>e.some((e=>Dt(t,e,s)))));e?e.push(t):i.push([t])}return[t,i.map((t=>[t[0],t[t.length-1]]))]})).forEach((([t,e])=>{e.forEach((([e,i])=>{n.push(o.JW`
+              <line
+                x1=${t}
+                x2=${t}
+                y1=${e}
+                y2=${i}
+                stroke=${r}
+                stroke-width=${s/1.25}
+                stroke-linecap="round"
+              />
+            `)}))})),n}},Ut=o.AH`
+  :host {
+    position: relative;
+    user-select: none;
+    display: block;
+    overflow: hidden;
+    aspect-ratio: 1 / 1;
+    width: var(--local-size);
+  }
+
+  :host([data-theme='dark']) {
+    border-radius: clamp(0px, var(--wui-border-radius-l), 40px);
+    background-color: var(--wui-color-inverse-100);
+    padding: var(--wui-spacing-l);
+  }
+
+  :host([data-theme='light']) {
+    box-shadow: 0 0 0 1px var(--wui-color-bg-125);
+    background-color: var(--wui-color-bg-125);
+  }
+
+  :host([data-clear='true']) > wui-icon {
+    display: none;
+  }
+
+  svg:first-child,
+  wui-image,
+  wui-icon {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateY(-50%) translateX(-50%);
+  }
+
+  wui-image {
+    width: 25%;
+    height: 25%;
+    border-radius: var(--wui-border-radius-xs);
+  }
+
+  wui-icon {
+    width: 100%;
+    height: 100%;
+    color: var(--local-icon-color) !important;
+    transform: translateY(-50%) translateX(-50%) scale(0.25);
+  }
+`;var _t=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let Ht=class extends o.WF{constructor(){super(...arguments),this.uri="",this.size=0,this.theme="dark",this.imageSrc=void 0,this.alt=void 0,this.arenaClear=void 0,this.farcaster=void 0}render(){return this.dataset.theme=this.theme,this.dataset.clear=String(this.arenaClear),this.style.cssText=`\n     --local-size: ${this.size}px;\n     --local-icon-color: ${this.color??"#3396ff"}\n    `,o.qy`${this.templateVisual()} ${this.templateSvg()}`}templateSvg(){const t="light"===this.theme?this.size:this.size-32;return o.JW`
+      <svg height=${t} width=${t}>
+        ${Zt.generate({uri:this.uri,size:t,logoSize:this.arenaClear?0:t/4,dotColor:this.color})}
+      </svg>
+    `}templateVisual(){return this.imageSrc?o.qy`<wui-image src=${this.imageSrc} alt=${this.alt??"logo"}></wui-image>`:this.farcaster?o.qy`<wui-icon
+        class="farcaster"
+        size="inherit"
+        color="inherit"
+        name="farcaster"
+      ></wui-icon>`:o.qy`<wui-icon size="inherit" color="inherit" name="walletConnect"></wui-icon>`}};Ht.styles=[f.W5,Ut],_t([(0,r.MZ)()],Ht.prototype,"uri",void 0),_t([(0,r.MZ)({type:Number})],Ht.prototype,"size",void 0),_t([(0,r.MZ)()],Ht.prototype,"theme",void 0),_t([(0,r.MZ)()],Ht.prototype,"imageSrc",void 0),_t([(0,r.MZ)()],Ht.prototype,"alt",void 0),_t([(0,r.MZ)()],Ht.prototype,"color",void 0),_t([(0,r.MZ)({type:Boolean})],Ht.prototype,"arenaClear",void 0),_t([(0,r.MZ)({type:Boolean})],Ht.prototype,"farcaster",void 0),Ht=_t([(0,b.E)("wui-qr-code")],Ht);const Ft=o.AH`
+  :host {
+    display: block;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+    background: linear-gradient(
+      120deg,
+      var(--wui-color-bg-200) 5%,
+      var(--wui-color-bg-200) 48%,
+      var(--wui-color-bg-300) 55%,
+      var(--wui-color-bg-300) 60%,
+      var(--wui-color-bg-300) calc(60% + 10px),
+      var(--wui-color-bg-200) calc(60% + 12px),
+      var(--wui-color-bg-200) 100%
+    );
+    background-size: 250%;
+    animation: shimmer 3s linear infinite reverse;
+  }
+
+  :host([variant='light']) {
+    background: linear-gradient(
+      120deg,
+      var(--wui-color-bg-150) 5%,
+      var(--wui-color-bg-150) 48%,
+      var(--wui-color-bg-200) 55%,
+      var(--wui-color-bg-200) 60%,
+      var(--wui-color-bg-200) calc(60% + 10px),
+      var(--wui-color-bg-150) calc(60% + 12px),
+      var(--wui-color-bg-150) 100%
+    );
+    background-size: 250%;
+  }
+
+  @keyframes shimmer {
+    from {
+      background-position: -250% 0;
+    }
+    to {
+      background-position: 250% 0;
+    }
+  }
+`;var Jt=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let Kt=class extends o.WF{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="m",this.variant="default"}render(){return this.style.cssText=`\n      width: ${this.width};\n      height: ${this.height};\n      border-radius: clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px);\n    `,o.qy`<slot></slot>`}};Kt.styles=[Ft],Jt([(0,r.MZ)()],Kt.prototype,"width",void 0),Jt([(0,r.MZ)()],Kt.prototype,"height",void 0),Jt([(0,r.MZ)()],Kt.prototype,"borderRadius",void 0),Jt([(0,r.MZ)()],Kt.prototype,"variant",void 0),Kt=Jt([(0,b.E)("wui-shimmer")],Kt);const Vt=o.AH`
+  .reown-logo {
+    height: var(--wui-spacing-xxl);
+  }
+
+  a {
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  a:hover {
+    opacity: 0.9;
+  }
+`;let Yt=class extends o.WF{render(){return o.qy`
+      <a
+        data-testid="ux-branding-reown"
+        href=${"https://reown.com"}
+        rel="noreferrer"
+        target="_blank"
+        style="text-decoration: none;"
+      >
+        <wui-flex
+          justifyContent="center"
+          alignItems="center"
+          gap="xs"
+          .padding=${["0","0","l","0"]}
+        >
+          <wui-text variant="small-500" color="fg-100"> UX by </wui-text>
+          <wui-icon name="reown" size="xxxl" class="reown-logo"></wui-icon>
+        </wui-flex>
+      </a>
+    `}};Yt.styles=[f.W5,f.fD,Vt],Yt=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,b.E)("wui-ux-by-reown")],Yt);const Gt=o.AH`
+  @keyframes fadein {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  wui-shimmer {
+    width: 100%;
+    aspect-ratio: 1 / 1;
+    border-radius: clamp(0px, var(--wui-border-radius-l), 40px) !important;
+  }
+
+  wui-qr-code {
+    opacity: 0;
+    animation-duration: 200ms;
+    animation-timing-function: ease;
+    animation-name: fadein;
+    animation-fill-mode: forwards;
+  }
+`;let Qt=class extends St{constructor(){super(),this.forceUpdate=()=>{this.requestUpdate()},window.addEventListener("resize",this.forceUpdate),w.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet?.name??"WalletConnect",platform:"qrcode",displayIndex:this.wallet?.display_index}})}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribe?.forEach((t=>t())),window.removeEventListener("resize",this.forceUpdate)}render(){return this.onRenderProxy(),o.qy`
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${["0","xl","xl","xl"]}
+        gap="xl"
+      >
+        <wui-shimmer borderRadius="l" width="100%"> ${this.qrCodeTemplate()} </wui-shimmer>
+
+        <wui-text variant="paragraph-500" color="fg-100">
+          Scan this QR Code with your phone
+        </wui-text>
+        ${this.copyTemplate()}
+      </wui-flex>
+      <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
+    `}onRenderProxy(){!this.ready&&this.uri&&(this.timeout=setTimeout((()=>{this.ready=!0}),200))}qrCodeTemplate(){if(!this.uri||!this.ready)return null;const t=this.getBoundingClientRect().width-40,e=this.wallet?this.wallet.name:void 0;return p.x.setWcLinking(void 0),p.x.setRecentWallet(this.wallet),o.qy` <wui-qr-code
+      size=${t}
+      theme=${ut.W.state.themeMode}
+      uri=${this.uri}
+      imageSrc=${(0,u.J)(T.$.getWalletImage(this.wallet))}
+      color=${(0,u.J)(ut.W.state.themeVariables["--w3m-qr-color"])}
+      alt=${(0,u.J)(e)}
+      data-testid="wui-qr-code"
+    ></wui-qr-code>`}copyTemplate(){const t=!this.uri||!this.ready;return o.qy`<wui-link
+      .disabled=${t}
+      @click=${this.onCopyUri}
+      color="fg-200"
+      data-testid="copy-wc2-uri"
+    >
+      <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon>
+      Copy link
+    </wui-link>`}};Qt.styles=Gt,Qt=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,c.EM)("w3m-connecting-wc-qrcode")],Qt);let Xt=class extends o.WF{constructor(){if(super(),this.wallet=g.I.state.data?.wallet,!this.wallet)throw new Error("w3m-connecting-wc-unsupported: No wallet provided");w.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser",displayIndex:this.wallet?.display_index}})}render(){return o.qy`
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        .padding=${["3xl","xl","xl","xl"]}
+        gap="xl"
+      >
+        <wui-wallet-image
+          size="lg"
+          imageSrc=${(0,u.J)(T.$.getWalletImage(this.wallet))}
+        ></wui-wallet-image>
+
+        <wui-text variant="paragraph-500" color="fg-100">Not Detected</wui-text>
+      </wui-flex>
+
+      <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
+    `}};Xt=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,c.EM)("w3m-connecting-wc-unsupported")],Xt);var te=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let ee=class extends St{constructor(){if(super(),this.isLoading=!0,!this.wallet)throw new Error("w3m-connecting-wc-web: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.secondaryBtnLabel="Open",this.secondaryLabel=qt.oU.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon="externalLink",this.updateLoadingState(),this.unsubscribe.push(p.x.subscribeKey("wcUri",(()=>{this.updateLoadingState()}))),w.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"web",displayIndex:this.wallet?.display_index}})}updateLoadingState(){this.isLoading=!this.uri}onConnectProxy(){if(this.wallet?.webapp_link&&this.uri)try{this.error=!1;const{webapp_link:t,name:e}=this.wallet,{redirect:i,href:o}=n.w.formatUniversalUrl(t,this.uri);p.x.setWcLinking({name:e,href:o}),p.x.setRecentWallet(this.wallet),n.w.openHref(i,"_blank")}catch{this.error=!0}}};te([(0,r.wk)()],ee.prototype,"isLoading",void 0),ee=te([(0,c.EM)("w3m-connecting-wc-web")],ee);var ie=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let oe=class extends o.WF{constructor(){super(),this.wallet=g.I.state.data?.wallet,this.unsubscribe=[],this.platform=void 0,this.platforms=[],this.isSiwxEnabled=Boolean(s.H.state.siwx),this.remoteFeatures=s.H.state.remoteFeatures,this.determinePlatforms(),this.initializeConnection(),this.unsubscribe.push(s.H.subscribeKey("remoteFeatures",(t=>this.remoteFeatures=t)))}disconnectedCallback(){this.unsubscribe.forEach((t=>t()))}render(){return o.qy`
+      ${this.headerTemplate()}
+      <div>${this.platformTemplate()}</div>
+      ${this.reownBrandingTemplate()}
+    `}reownBrandingTemplate(){return this.remoteFeatures?.reownBranding?o.qy`<wui-ux-by-reown></wui-ux-by-reown>`:null}async initializeConnection(t=!1){if("browser"!==this.platform&&(!s.H.state.manualWCControl||t))try{const{wcPairingExpiry:e,status:i}=p.x.state;if(t||s.H.state.enableEmbedded||n.w.isPairingExpired(e)||"connecting"===i){const t=p.x.getConnections(_.W.state.activeChain),e=this.remoteFeatures?.multiWallet,i=t.length>0;await p.x.connectWalletConnect(),this.isSiwxEnabled||(i&&e?(g.I.replace("ProfileWallets"),it.P.showSuccess("New Wallet Added")):ot.W.close())}}catch(t){if(t instanceof Error&&t.message.includes("An error occurred when attempting to switch chain")&&!s.H.state.enableNetworkSwitch&&_.W.state.activeChain)return _.W.setActiveCaipNetwork(rt.R.getUnsupportedNetwork(`${_.W.state.activeChain}:${_.W.state.activeCaipNetwork?.id}`)),void _.W.showUnsupportedChainUI();w.E.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:t?.message??"Unknown"}}),p.x.setWcError(!0),it.P.showError(t.message??"Connection error"),p.x.resetWcConnection(),g.I.goBack()}}determinePlatforms(){if(!this.wallet)return this.platforms.push("qrcode"),void(this.platform="qrcode");if(this.platform)return;const{mobile_link:t,desktop_link:e,webapp_link:i,injected:o,rdns:r}=this.wallet,a=o?.map((({injected_id:t})=>t)).filter(Boolean),l=[...r?[r]:a??[]],c=!s.H.state.isUniversalProvider&&l.length,u=t,d=i,h=p.x.checkInstalled(l),w=c&&h,g=e&&!n.w.isMobile();w&&!_.W.state.noAdapters&&this.platforms.push("browser"),u&&this.platforms.push(n.w.isMobile()?"mobile":"qrcode"),d&&this.platforms.push("web"),g&&this.platforms.push("desktop"),w||!c||_.W.state.noAdapters||this.platforms.push("unsupported"),this.platform=this.platforms[0]}platformTemplate(){switch(this.platform){case"browser":return o.qy`<w3m-connecting-wc-browser></w3m-connecting-wc-browser>`;case"web":return o.qy`<w3m-connecting-wc-web></w3m-connecting-wc-web>`;case"desktop":return o.qy`
+          <w3m-connecting-wc-desktop .onRetry=${()=>this.initializeConnection(!0)}>
+          </w3m-connecting-wc-desktop>
+        `;case"mobile":return o.qy`
+          <w3m-connecting-wc-mobile isMobile .onRetry=${()=>this.initializeConnection(!0)}>
+          </w3m-connecting-wc-mobile>
+        `;case"qrcode":return o.qy`<w3m-connecting-wc-qrcode></w3m-connecting-wc-qrcode>`;default:return o.qy`<w3m-connecting-wc-unsupported></w3m-connecting-wc-unsupported>`}}headerTemplate(){return this.platforms.length>1?o.qy`
+      <w3m-connecting-header
+        .platforms=${this.platforms}
+        .onSelectPlatfrom=${this.onSelectPlatform.bind(this)}
+      >
+      </w3m-connecting-header>
+    `:null}async onSelectPlatform(t){const e=this.shadowRoot?.querySelector("div");e&&(await e.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.platform=t,e.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}};ie([(0,r.wk)()],oe.prototype,"platform",void 0),ie([(0,r.wk)()],oe.prototype,"platforms",void 0),ie([(0,r.wk)()],oe.prototype,"isSiwxEnabled",void 0),ie([(0,r.wk)()],oe.prototype,"remoteFeatures",void 0),oe=ie([(0,c.EM)("w3m-connecting-wc-view")],oe);var re=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let ne=class extends o.WF{constructor(){super(...arguments),this.isMobile=n.w.isMobile()}render(){if(this.isMobile){const{featured:t,recommended:e}=a.N.state,{customWallets:i}=s.H.state,r=l.i.getRecentWallets(),n=t.length||e.length||i?.length||r.length;return o.qy`<wui-flex
+        flexDirection="column"
+        gap="xs"
+        .margin=${["3xs","s","s","s"]}
+      >
+        ${n?o.qy`<w3m-connector-list></w3m-connector-list>`:null}
+        <w3m-all-wallets-widget></w3m-all-wallets-widget>
+      </wui-flex>`}return o.qy`<wui-flex flexDirection="column" .padding=${["0","0","l","0"]}>
+      <w3m-connecting-wc-view></w3m-connecting-wc-view>
+      <wui-flex flexDirection="column" .padding=${["0","m","0","m"]}>
+        <w3m-all-wallets-widget></w3m-all-wallets-widget> </wui-flex
+    ></wui-flex>`}};re([(0,r.wk)()],ne.prototype,"isMobile",void 0),ne=re([(0,c.EM)("w3m-connecting-wc-basic-view")],ne);var ae=i(6752),se=i(6201),le=i(7804);const ce=()=>new ue;class ue{}const de=new WeakMap,he=(0,le.u$)(class extends se.Kq{render(t){return ae.s6}update(t,[e]){const i=e!==this.G;return i&&void 0!==this.G&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.G=e,this.ht=t.options?.host,this.rt(this.ct=t.element)),ae.s6}rt(t){if(this.isConnected||(t=void 0),"function"==typeof this.G){const e=this.ht??globalThis;let i=de.get(e);void 0===i&&(i=new WeakMap,de.set(e,i)),void 0!==i.get(this.G)&&this.G.call(this.ht,void 0),i.set(this.G,t),void 0!==t&&this.G.call(this.ht,t)}else this.G.value=t}get lt(){return"function"==typeof this.G?de.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),pe=o.AH`
+  :host {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  label {
+    position: relative;
+    display: inline-block;
+    width: 32px;
+    height: 22px;
+  }
+
+  input {
+    width: 0;
+    height: 0;
+    opacity: 0;
+  }
+
+  span {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: var(--wui-color-blue-100);
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--wui-color-gray-glass-002);
+    border-radius: 999px;
+    transition:
+      background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
+      border-color var(--wui-ease-inout-power-1) var(--wui-duration-md);
+    will-change: background-color, border-color;
+  }
+
+  span:before {
+    position: absolute;
+    content: '';
+    height: 16px;
+    width: 16px;
+    left: 3px;
+    top: 2px;
+    background-color: var(--wui-color-inverse-100);
+    transition: transform var(--wui-ease-inout-power-1) var(--wui-duration-lg);
+    will-change: transform;
+    border-radius: 50%;
+  }
+
+  input:checked + span {
+    border-color: var(--wui-color-gray-glass-005);
+    background-color: var(--wui-color-blue-100);
+  }
+
+  input:not(:checked) + span {
+    background-color: var(--wui-color-gray-glass-010);
+  }
+
+  input:checked + span:before {
+    transform: translateX(calc(100% - 7px));
+  }
+`;var we=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let ge=class extends o.WF{constructor(){super(...arguments),this.inputElementRef=ce(),this.checked=void 0}render(){return o.qy`
+      <label>
+        <input
+          ${he(this.inputElementRef)}
+          type="checkbox"
+          ?checked=${(0,u.J)(this.checked)}
+          @change=${this.dispatchChangeEvent.bind(this)}
+        />
+        <span></span>
+      </label>
+    `}dispatchChangeEvent(){this.dispatchEvent(new CustomEvent("switchChange",{detail:this.inputElementRef.value?.checked,bubbles:!0,composed:!0}))}};ge.styles=[f.W5,f.fD,f.ck,pe],we([(0,r.MZ)({type:Boolean})],ge.prototype,"checked",void 0),ge=we([(0,b.E)("wui-switch")],ge);const fe=o.AH`
+  :host {
+    height: 100%;
+  }
+
+  button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    column-gap: var(--wui-spacing-1xs);
+    padding: var(--wui-spacing-xs) var(--wui-spacing-s);
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: var(--wui-border-radius-xs);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
+    transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
+    will-change: background-color;
+    cursor: pointer;
+  }
+
+  wui-switch {
+    pointer-events: none;
+  }
+`;var be=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let me=class extends o.WF{constructor(){super(...arguments),this.checked=void 0}render(){return o.qy`
+      <button>
+        <wui-icon size="xl" name="walletConnectBrown"></wui-icon>
+        <wui-switch ?checked=${(0,u.J)(this.checked)}></wui-switch>
+      </button>
+    `}};me.styles=[f.W5,f.fD,fe],be([(0,r.MZ)({type:Boolean})],me.prototype,"checked",void 0),me=be([(0,b.E)("wui-certified-switch")],me);const ve=o.AH`
+  button {
+    background-color: var(--wui-color-fg-300);
+    border-radius: var(--wui-border-radius-4xs);
+    width: 16px;
+    height: 16px;
+  }
+
+  button:disabled {
+    background-color: var(--wui-color-bg-300);
+  }
+
+  wui-icon {
+    color: var(--wui-color-bg-200) !important;
+  }
+
+  button:focus-visible {
+    background-color: var(--wui-color-fg-250);
+    border: 1px solid var(--wui-color-accent-100);
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    button:hover:enabled {
+      background-color: var(--wui-color-fg-250);
+    }
+
+    button:active:enabled {
+      background-color: var(--wui-color-fg-225);
+    }
+  }
+`;var ye=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let xe=class extends o.WF{constructor(){super(...arguments),this.icon="copy"}render(){return o.qy`
+      <button>
+        <wui-icon color="inherit" size="xxs" name=${this.icon}></wui-icon>
+      </button>
+    `}};xe.styles=[f.W5,f.fD,ve],ye([(0,r.MZ)()],xe.prototype,"icon",void 0),xe=ye([(0,b.E)("wui-input-element")],xe);var ke=i(3720);const Ce=o.AH`
+  :host {
+    position: relative;
+    width: 100%;
+    display: inline-block;
+    color: var(--wui-color-fg-275);
+  }
+
+  input {
+    width: 100%;
+    border-radius: var(--wui-border-radius-xs);
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
+    background: var(--wui-color-gray-glass-002);
+    font-size: var(--wui-font-size-paragraph);
+    letter-spacing: var(--wui-letter-spacing-paragraph);
+    color: var(--wui-color-fg-100);
+    transition:
+      background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
+      border-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
+      box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md);
+    will-change: background-color, border-color, box-shadow;
+    caret-color: var(--wui-color-accent-100);
+  }
+
+  input:disabled {
+    cursor: not-allowed;
+    border: 1px solid var(--wui-color-gray-glass-010);
+  }
+
+  input:disabled::placeholder,
+  input:disabled + wui-icon {
+    color: var(--wui-color-fg-300);
+  }
+
+  input::placeholder {
+    color: var(--wui-color-fg-275);
+  }
+
+  input:focus:enabled {
+    background-color: var(--wui-color-gray-glass-005);
+    -webkit-box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0px 0px 0px 4px var(--wui-box-shadow-blue);
+    -moz-box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0px 0px 0px 4px var(--wui-box-shadow-blue);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0px 0px 0px 4px var(--wui-box-shadow-blue);
+  }
+
+  input:hover:enabled {
+    background-color: var(--wui-color-gray-glass-005);
+  }
+
+  wui-icon {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    pointer-events: none;
+  }
+
+  .wui-size-sm {
+    padding: 9px var(--wui-spacing-m) 10px var(--wui-spacing-s);
+  }
+
+  wui-icon + .wui-size-sm {
+    padding: 9px var(--wui-spacing-m) 10px 36px;
+  }
+
+  wui-icon[data-input='sm'] {
+    left: var(--wui-spacing-s);
+  }
+
+  .wui-size-md {
+    padding: 15px var(--wui-spacing-m) var(--wui-spacing-l) var(--wui-spacing-m);
+  }
+
+  wui-icon + .wui-size-md,
+  wui-loading-spinner + .wui-size-md {
+    padding: 10.5px var(--wui-spacing-3xl) 10.5px var(--wui-spacing-3xl);
+  }
+
+  wui-icon[data-input='md'] {
+    left: var(--wui-spacing-l);
+  }
+
+  .wui-size-lg {
+    padding: var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-l);
+    letter-spacing: var(--wui-letter-spacing-medium-title);
+    font-size: var(--wui-font-size-medium-title);
+    font-weight: var(--wui-font-weight-light);
+    line-height: 130%;
+    color: var(--wui-color-fg-100);
+    height: 64px;
+  }
+
+  .wui-padding-right-xs {
+    padding-right: var(--wui-spacing-xs);
+  }
+
+  .wui-padding-right-s {
+    padding-right: var(--wui-spacing-s);
+  }
+
+  .wui-padding-right-m {
+    padding-right: var(--wui-spacing-m);
+  }
+
+  .wui-padding-right-l {
+    padding-right: var(--wui-spacing-l);
+  }
+
+  .wui-padding-right-xl {
+    padding-right: var(--wui-spacing-xl);
+  }
+
+  .wui-padding-right-2xl {
+    padding-right: var(--wui-spacing-2xl);
+  }
+
+  .wui-padding-right-3xl {
+    padding-right: var(--wui-spacing-3xl);
+  }
+
+  .wui-padding-right-4xl {
+    padding-right: var(--wui-spacing-4xl);
+  }
+
+  .wui-padding-right-5xl {
+    padding-right: var(--wui-spacing-5xl);
+  }
+
+  wui-icon + .wui-size-lg,
+  wui-loading-spinner + .wui-size-lg {
+    padding-left: 50px;
+  }
+
+  wui-icon[data-input='lg'] {
+    left: var(--wui-spacing-l);
+  }
+
+  .wui-size-mdl {
+    padding: 17.25px var(--wui-spacing-m) 17.25px var(--wui-spacing-m);
+  }
+  wui-icon + .wui-size-mdl,
+  wui-loading-spinner + .wui-size-mdl {
+    padding: 17.25px var(--wui-spacing-3xl) 17.25px 40px;
+  }
+  wui-icon[data-input='mdl'] {
+    left: var(--wui-spacing-m);
+  }
+
+  input:placeholder-shown ~ ::slotted(wui-input-element),
+  input:placeholder-shown ~ ::slotted(wui-icon) {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  ::slotted(wui-input-element),
+  ::slotted(wui-icon) {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  ::slotted(wui-input-element) {
+    right: var(--wui-spacing-m);
+  }
+
+  ::slotted(wui-icon) {
+    right: 0px;
+  }
+`;var $e=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let Ee=class extends o.WF{constructor(){super(...arguments),this.inputElementRef=ce(),this.size="md",this.disabled=!1,this.placeholder="",this.type="text",this.value=""}render(){const t=`wui-padding-right-${this.inputRightPadding}`,e=`wui-size-${this.size}`,i={[e]:!0,[t]:Boolean(this.inputRightPadding)};return o.qy`${this.templateIcon()}
+      <input
+        data-testid="wui-input-text"
+        ${he(this.inputElementRef)}
+        class=${(0,ke.H)(i)}
+        type=${this.type}
+        enterkeyhint=${(0,u.J)(this.enterKeyHint)}
+        ?disabled=${this.disabled}
+        placeholder=${this.placeholder}
+        @input=${this.dispatchInputChangeEvent.bind(this)}
+        .value=${this.value||""}
+        tabindex=${(0,u.J)(this.tabIdx)}
+      />
+      <slot></slot>`}templateIcon(){return this.icon?o.qy`<wui-icon
+        data-input=${this.size}
+        size=${this.size}
+        color="inherit"
+        name=${this.icon}
+      ></wui-icon>`:null}dispatchInputChangeEvent(){this.dispatchEvent(new CustomEvent("inputChange",{detail:this.inputElementRef.value?.value,bubbles:!0,composed:!0}))}};Ee.styles=[f.W5,f.fD,Ce],$e([(0,r.MZ)()],Ee.prototype,"size",void 0),$e([(0,r.MZ)()],Ee.prototype,"icon",void 0),$e([(0,r.MZ)({type:Boolean})],Ee.prototype,"disabled",void 0),$e([(0,r.MZ)()],Ee.prototype,"placeholder",void 0),$e([(0,r.MZ)()],Ee.prototype,"type",void 0),$e([(0,r.MZ)()],Ee.prototype,"keyHint",void 0),$e([(0,r.MZ)()],Ee.prototype,"value",void 0),$e([(0,r.MZ)()],Ee.prototype,"inputRightPadding",void 0),$e([(0,r.MZ)()],Ee.prototype,"tabIdx",void 0),Ee=$e([(0,b.E)("wui-input-text")],Ee);const Re=o.AH`
+  :host {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+  }
+`;let Ie=class extends o.WF{constructor(){super(...arguments),this.inputComponentRef=ce()}render(){return o.qy`
+      <wui-input-text
+        ${he(this.inputComponentRef)}
+        placeholder="Search wallet"
+        icon="search"
+        type="search"
+        enterKeyHint="search"
+        size="sm"
+      >
+        <wui-input-element @click=${this.clearValue} icon="close"></wui-input-element>
+      </wui-input-text>
+    `}clearValue(){const t=this.inputComponentRef.value,e=t?.inputElementRef.value;e&&(e.value="",e.focus(),e.dispatchEvent(new Event("input")))}};Ie.styles=[f.W5,Re],Ie=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,b.E)("wui-search-bar")],Ie);const Me=o.JW`<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>`,Te=o.AH`
+  :host {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 104px;
+    row-gap: var(--wui-spacing-xs);
+    padding: var(--wui-spacing-xs) 10px;
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: clamp(0px, var(--wui-border-radius-xs), 20px);
+    position: relative;
+  }
+
+  wui-shimmer[data-type='network'] {
+    border: none;
+    -webkit-clip-path: var(--wui-path-network);
+    clip-path: var(--wui-path-network);
+  }
+
+  svg {
+    position: absolute;
+    width: 48px;
+    height: 54px;
+    z-index: 1;
+  }
+
+  svg > path {
+    stroke: var(--wui-color-gray-glass-010);
+    stroke-width: 1px;
+  }
+
+  @media (max-width: 350px) {
+    :host {
+      width: 100%;
+    }
+  }
+`;var We=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let Oe=class extends o.WF{constructor(){super(...arguments),this.type="wallet"}render(){return o.qy`
+      ${this.shimmerTemplate()}
+      <wui-shimmer width="56px" height="20px" borderRadius="xs"></wui-shimmer>
+    `}shimmerTemplate(){return"network"===this.type?o.qy` <wui-shimmer
+          data-type=${this.type}
+          width="48px"
+          height="54px"
+          borderRadius="xs"
+        ></wui-shimmer>
+        ${Me}`:o.qy`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}};Oe.styles=[f.W5,f.fD,Te],We([(0,r.MZ)()],Oe.prototype,"type",void 0),Oe=We([(0,b.E)("wui-card-select-loader")],Oe);var Pe=i(3612);const Ae=o.AH`
+  :host {
+    display: grid;
+    width: inherit;
+    height: inherit;
+  }
+`;var Se=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let je=class extends o.WF{render(){return this.style.cssText=`\n      grid-template-rows: ${this.gridTemplateRows};\n      grid-template-columns: ${this.gridTemplateColumns};\n      justify-items: ${this.justifyItems};\n      align-items: ${this.alignItems};\n      justify-content: ${this.justifyContent};\n      align-content: ${this.alignContent};\n      column-gap: ${this.columnGap&&`var(--wui-spacing-${this.columnGap})`};\n      row-gap: ${this.rowGap&&`var(--wui-spacing-${this.rowGap})`};\n      gap: ${this.gap&&`var(--wui-spacing-${this.gap})`};\n      padding-top: ${this.padding&&Pe.Z.getSpacingStyles(this.padding,0)};\n      padding-right: ${this.padding&&Pe.Z.getSpacingStyles(this.padding,1)};\n      padding-bottom: ${this.padding&&Pe.Z.getSpacingStyles(this.padding,2)};\n      padding-left: ${this.padding&&Pe.Z.getSpacingStyles(this.padding,3)};\n      margin-top: ${this.margin&&Pe.Z.getSpacingStyles(this.margin,0)};\n      margin-right: ${this.margin&&Pe.Z.getSpacingStyles(this.margin,1)};\n      margin-bottom: ${this.margin&&Pe.Z.getSpacingStyles(this.margin,2)};\n      margin-left: ${this.margin&&Pe.Z.getSpacingStyles(this.margin,3)};\n    `,o.qy`<slot></slot>`}};je.styles=[f.W5,Ae],Se([(0,r.MZ)()],je.prototype,"gridTemplateRows",void 0),Se([(0,r.MZ)()],je.prototype,"gridTemplateColumns",void 0),Se([(0,r.MZ)()],je.prototype,"justifyItems",void 0),Se([(0,r.MZ)()],je.prototype,"alignItems",void 0),Se([(0,r.MZ)()],je.prototype,"justifyContent",void 0),Se([(0,r.MZ)()],je.prototype,"alignContent",void 0),Se([(0,r.MZ)()],je.prototype,"columnGap",void 0),Se([(0,r.MZ)()],je.prototype,"rowGap",void 0),Se([(0,r.MZ)()],je.prototype,"gap",void 0),Se([(0,r.MZ)()],je.prototype,"padding",void 0),Se([(0,r.MZ)()],je.prototype,"margin",void 0),je=Se([(0,b.E)("wui-grid")],je);const Le=o.AH`
+  button {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    width: 104px;
+    row-gap: var(--wui-spacing-xs);
+    padding: var(--wui-spacing-s) var(--wui-spacing-0);
+    background-color: var(--wui-color-gray-glass-002);
+    border-radius: clamp(0px, var(--wui-border-radius-xs), 20px);
+    transition:
+      color var(--wui-duration-lg) var(--wui-ease-out-power-1),
+      background-color var(--wui-duration-lg) var(--wui-ease-out-power-1),
+      border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1);
+    will-change: background-color, color, border-radius;
+    outline: none;
+    border: none;
+  }
+
+  button > wui-flex > wui-text {
+    color: var(--wui-color-fg-100);
+    max-width: 86px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    justify-content: center;
+  }
+
+  button > wui-flex > wui-text.certified {
+    max-width: 66px;
+  }
+
+  button:hover:enabled {
+    background-color: var(--wui-color-gray-glass-005);
+  }
+
+  button:disabled > wui-flex > wui-text {
+    color: var(--wui-color-gray-glass-015);
+  }
+
+  [data-selected='true'] {
+    background-color: var(--wui-color-accent-glass-020);
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    [data-selected='true']:hover:enabled {
+      background-color: var(--wui-color-accent-glass-015);
+    }
+  }
+
+  [data-selected='true']:active:enabled {
+    background-color: var(--wui-color-accent-glass-010);
+  }
+
+  @media (max-width: 350px) {
+    button {
+      width: 100%;
+    }
+  }
+`;var qe=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let Ne=class extends o.WF{constructor(){super(),this.observer=new IntersectionObserver((()=>{})),this.visible=!1,this.imageSrc=void 0,this.imageLoading=!1,this.wallet=void 0,this.observer=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting?(this.visible=!0,this.fetchImageSrc()):this.visible=!1}))}),{threshold:.01})}firstUpdated(){this.observer.observe(this)}disconnectedCallback(){this.observer.disconnect()}render(){const t="certified"===this.wallet?.badge_type;return o.qy`
+      <button>
+        ${this.imageTemplate()}
+        <wui-flex flexDirection="row" alignItems="center" justifyContent="center" gap="3xs">
+          <wui-text
+            variant="tiny-500"
+            color="inherit"
+            class=${(0,u.J)(t?"certified":void 0)}
+            >${this.wallet?.name}</wui-text
+          >
+          ${t?o.qy`<wui-icon size="sm" name="walletConnectBrown"></wui-icon>`:null}
+        </wui-flex>
+      </button>
+    `}imageTemplate(){return!this.visible&&!this.imageSrc||this.imageLoading?this.shimmerTemplate():o.qy`
+      <wui-wallet-image
+        size="md"
+        imageSrc=${(0,u.J)(this.imageSrc)}
+        name=${this.wallet?.name}
+        .installed=${this.wallet?.installed}
+        badgeSize="sm"
+      >
+      </wui-wallet-image>
+    `}shimmerTemplate(){return o.qy`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}async fetchImageSrc(){this.wallet&&(this.imageSrc=T.$.getWalletImage(this.wallet),this.imageSrc||(this.imageLoading=!0,this.imageSrc=await T.$.fetchWalletImage(this.wallet.image_id),this.imageLoading=!1))}};Ne.styles=Le,qe([(0,r.wk)()],Ne.prototype,"visible",void 0),qe([(0,r.wk)()],Ne.prototype,"imageSrc",void 0),qe([(0,r.wk)()],Ne.prototype,"imageLoading",void 0),qe([(0,r.MZ)()],Ne.prototype,"wallet",void 0),Ne=qe([(0,c.EM)("w3m-all-wallets-list-item")],Ne);const ze=o.AH`
+  wui-grid {
+    max-height: clamp(360px, 400px, 80vh);
+    overflow: scroll;
+    scrollbar-width: none;
+    grid-auto-rows: min-content;
+    grid-template-columns: repeat(auto-fill, 104px);
+  }
+
+  @media (max-width: 350px) {
+    wui-grid {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+
+  wui-grid[data-scroll='false'] {
+    overflow: hidden;
+  }
+
+  wui-grid::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-loading-spinner {
+    padding-top: var(--wui-spacing-l);
+    padding-bottom: var(--wui-spacing-l);
+    justify-content: center;
+    grid-column: 1 / span 4;
+  }
+`;var Be=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const De="local-paginator";let Ze=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.paginationObserver=void 0,this.loading=!a.N.state.wallets.length,this.wallets=a.N.state.wallets,this.recommended=a.N.state.recommended,this.featured=a.N.state.featured,this.filteredWallets=a.N.state.filteredWallets,this.unsubscribe.push(a.N.subscribeKey("wallets",(t=>this.wallets=t)),a.N.subscribeKey("recommended",(t=>this.recommended=t)),a.N.subscribeKey("featured",(t=>this.featured=t)),a.N.subscribeKey("filteredWallets",(t=>this.filteredWallets=t)))}firstUpdated(){this.initialFetch(),this.createPaginationObserver()}disconnectedCallback(){this.unsubscribe.forEach((t=>t())),this.paginationObserver?.disconnect()}render(){return o.qy`
+      <wui-grid
+        data-scroll=${!this.loading}
+        .padding=${["0","s","s","s"]}
+        columnGap="xxs"
+        rowGap="l"
+        justifyContent="space-between"
+      >
+        ${this.loading?this.shimmerTemplate(16):this.walletsTemplate()}
+        ${this.paginationLoaderTemplate()}
+      </wui-grid>
+    `}async initialFetch(){this.loading=!0;const t=this.shadowRoot?.querySelector("wui-grid");t&&(await a.N.fetchWalletsByPage({page:1}),await t.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.loading=!1,t.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}shimmerTemplate(t,e){return[...Array(t)].map((()=>o.qy`
+        <wui-card-select-loader type="wallet" id=${(0,u.J)(e)}></wui-card-select-loader>
+      `))}getWallets(){const t=[...this.featured,...this.recommended];this.filteredWallets?.length>0?t.push(...this.filteredWallets):t.push(...this.wallets);const e=n.w.uniqueBy(t,"id"),i=H.A.markWalletsAsInstalled(e);return H.A.markWalletsWithDisplayIndex(i)}walletsTemplate(){return this.getWallets().map((t=>o.qy`
+        <w3m-all-wallets-list-item
+          @click=${()=>this.onConnectWallet(t)}
+          .wallet=${t}
+        ></w3m-all-wallets-list-item>
+      `))}paginationLoaderTemplate(){const{wallets:t,recommended:e,featured:i,count:o}=a.N.state,r=window.innerWidth<352?3:4,n=t.length+e.length;let s=Math.ceil(n/r)*r-n+r;return s-=t.length?i.length%r:0,0===o&&i.length>0?null:0===o||[...i,...t,...e].length<o?this.shimmerTemplate(s,De):null}createPaginationObserver(){const t=this.shadowRoot?.querySelector(`#${De}`);t&&(this.paginationObserver=new IntersectionObserver((([t])=>{if(t?.isIntersecting&&!this.loading){const{page:t,count:e,wallets:i}=a.N.state;i.length<e&&a.N.fetchWalletsByPage({page:t+1})}})),this.paginationObserver.observe(t))}onConnectWallet(t){h.a.selectWalletConnector(t)}};Ze.styles=ze,Be([(0,r.wk)()],Ze.prototype,"loading",void 0),Be([(0,r.wk)()],Ze.prototype,"wallets",void 0),Be([(0,r.wk)()],Ze.prototype,"recommended",void 0),Be([(0,r.wk)()],Ze.prototype,"featured",void 0),Be([(0,r.wk)()],Ze.prototype,"filteredWallets",void 0),Ze=Be([(0,c.EM)("w3m-all-wallets-list")],Ze);const Ue=o.AH`
+  wui-grid,
+  wui-loading-spinner,
+  wui-flex {
+    height: 360px;
+  }
+
+  wui-grid {
+    overflow: scroll;
+    scrollbar-width: none;
+    grid-auto-rows: min-content;
+    grid-template-columns: repeat(auto-fill, 104px);
+  }
+
+  wui-grid[data-scroll='false'] {
+    overflow: hidden;
+  }
+
+  wui-grid::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-loading-spinner {
+    justify-content: center;
+    align-items: center;
+  }
+
+  @media (max-width: 350px) {
+    wui-grid {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+`;var _e=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let He=class extends o.WF{constructor(){super(...arguments),this.prevQuery="",this.prevBadge=void 0,this.loading=!0,this.query=""}render(){return this.onSearch(),this.loading?o.qy`<wui-loading-spinner color="accent-100"></wui-loading-spinner>`:this.walletsTemplate()}async onSearch(){this.query.trim()===this.prevQuery.trim()&&this.badge===this.prevBadge||(this.prevQuery=this.query,this.prevBadge=this.badge,this.loading=!0,await a.N.searchWallet({search:this.query,badge:this.badge}),this.loading=!1)}walletsTemplate(){const{search:t}=a.N.state,e=H.A.markWalletsAsInstalled(t);return t.length?o.qy`
+      <wui-grid
+        data-testid="wallet-list"
+        .padding=${["0","s","s","s"]}
+        rowGap="l"
+        columnGap="xs"
+        justifyContent="space-between"
+      >
+        ${e.map((t=>o.qy`
+            <w3m-all-wallets-list-item
+              @click=${()=>this.onConnectWallet(t)}
+              .wallet=${t}
+              data-testid="wallet-search-item-${t.id}"
+            ></w3m-all-wallets-list-item>
+          `))}
+      </wui-grid>
+    `:o.qy`
+        <wui-flex
+          data-testid="no-wallet-found"
+          justifyContent="center"
+          alignItems="center"
+          gap="s"
+          flexDirection="column"
+        >
+          <wui-icon-box
+            size="lg"
+            iconColor="fg-200"
+            backgroundColor="fg-300"
+            icon="wallet"
+            background="transparent"
+          ></wui-icon-box>
+          <wui-text data-testid="no-wallet-found-text" color="fg-200" variant="paragraph-500">
+            No Wallet found
+          </wui-text>
+        </wui-flex>
+      `}onConnectWallet(t){h.a.selectWalletConnector(t)}};He.styles=Ue,_e([(0,r.wk)()],He.prototype,"loading",void 0),_e([(0,r.MZ)()],He.prototype,"query",void 0),_e([(0,r.MZ)()],He.prototype,"badge",void 0),He=_e([(0,c.EM)("w3m-all-wallets-search")],He);var Fe=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let Je=class extends o.WF{constructor(){super(...arguments),this.search="",this.onDebouncedSearch=n.w.debounce((t=>{this.search=t}))}render(){const t=this.search.length>=2;return o.qy`
+      <wui-flex .padding=${["0","s","s","s"]} gap="xs">
+        <wui-search-bar @inputChange=${this.onInputChange.bind(this)}></wui-search-bar>
+        <wui-certified-switch
+          ?checked=${this.badge}
+          @click=${this.onClick.bind(this)}
+          data-testid="wui-certified-switch"
+        ></wui-certified-switch>
+        ${this.qrButtonTemplate()}
+      </wui-flex>
+      ${t||this.badge?o.qy`<w3m-all-wallets-search
+            query=${this.search}
+            badge=${(0,u.J)(this.badge)}
+          ></w3m-all-wallets-search>`:o.qy`<w3m-all-wallets-list badge=${(0,u.J)(this.badge)}></w3m-all-wallets-list>`}
+    `}onInputChange(t){this.onDebouncedSearch(t.detail)}onClick(){"certified"!==this.badge?(this.badge="certified",it.P.showSvg("Only WalletConnect certified",{icon:"walletConnectBrown",iconColor:"accent-100"})):this.badge=void 0}qrButtonTemplate(){return n.w.isMobile()?o.qy`
+        <wui-icon-box
+          size="lg"
+          iconSize="xl"
+          iconColor="accent-100"
+          backgroundColor="accent-100"
+          icon="qrCode"
+          background="transparent"
+          border
+          borderColor="wui-accent-glass-010"
+          @click=${this.onWalletConnectQr.bind(this)}
+        ></wui-icon-box>
+      `:null}onWalletConnectQr(){g.I.push("ConnectingWalletConnect")}};Fe([(0,r.wk)()],Je.prototype,"search",void 0),Fe([(0,r.wk)()],Je.prototype,"badge",void 0),Je=Fe([(0,c.EM)("w3m-all-wallets-view")],Je);const Ke=o.AH`
+  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 Ve=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let Ye=class extends o.WF{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 o.qy`
+      <button
+        ?disabled=${!!this.loading||Boolean(this.disabled)}
+        data-loading=${this.loading}
+        data-iconvariant=${(0,u.J)(this.iconVariant)}
+        tabindex=${(0,u.J)(this.tabIdx)}
+      >
+        ${this.loadingTemplate()} ${this.visualTemplate()}
+        <wui-flex gap="3xs">
+          <slot></slot>
+        </wui-flex>
+        ${this.chevronTemplate()}
+      </button>
+    `}visualTemplate(){if("image"===this.variant&&this.imageSrc)return o.qy`<wui-image src=${this.imageSrc} alt=${this.alt??"list item"}></wui-image>`;if("square"===this.iconVariant&&this.icon&&"icon"===this.variant)return o.qy`<wui-icon name=${this.icon}></wui-icon>`;if("icon"===this.variant&&this.icon&&this.iconVariant){const t=["blue","square-blue"].includes(this.iconVariant)?"accent-100":"fg-200",e="square-blue"===this.iconVariant?"mdl":"md",i=this.iconSize?this.iconSize:e;return o.qy`
+        <wui-icon-box
+          data-variant=${this.iconVariant}
+          icon=${this.icon}
+          iconSize=${i}
+          background="transparent"
+          iconColor=${t}
+          backgroundColor=${t}
+          size=${e}
+        ></wui-icon-box>
+      `}return null}loadingTemplate(){return this.loading?o.qy`<wui-loading-spinner
+        data-testid="wui-list-item-loading-spinner"
+        color="fg-300"
+      ></wui-loading-spinner>`:o.qy``}chevronTemplate(){return this.chevron?o.qy`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`:null}};Ye.styles=[f.W5,f.fD,Ke],Ve([(0,r.MZ)()],Ye.prototype,"icon",void 0),Ve([(0,r.MZ)()],Ye.prototype,"iconSize",void 0),Ve([(0,r.MZ)()],Ye.prototype,"tabIdx",void 0),Ve([(0,r.MZ)()],Ye.prototype,"variant",void 0),Ve([(0,r.MZ)()],Ye.prototype,"iconVariant",void 0),Ve([(0,r.MZ)({type:Boolean})],Ye.prototype,"disabled",void 0),Ve([(0,r.MZ)()],Ye.prototype,"imageSrc",void 0),Ve([(0,r.MZ)()],Ye.prototype,"alt",void 0),Ve([(0,r.MZ)({type:Boolean})],Ye.prototype,"chevron",void 0),Ve([(0,r.MZ)({type:Boolean})],Ye.prototype,"loading",void 0),Ye=Ve([(0,b.E)("wui-list-item")],Ye);let Ge=class extends o.WF{constructor(){super(...arguments),this.wallet=g.I.state.data?.wallet}render(){if(!this.wallet)throw new Error("w3m-downloads-view");return o.qy`
+      <wui-flex gap="xs" flexDirection="column" .padding=${["s","s","l","s"]}>
+        ${this.chromeTemplate()} ${this.iosTemplate()} ${this.androidTemplate()}
+        ${this.homepageTemplate()}
+      </wui-flex>
+    `}chromeTemplate(){return this.wallet?.chrome_store?o.qy`<wui-list-item
+      variant="icon"
+      icon="chromeStore"
+      iconVariant="square"
+      @click=${this.onChromeStore.bind(this)}
+      chevron
+    >
+      <wui-text variant="paragraph-500" color="fg-100">Chrome Extension</wui-text>
+    </wui-list-item>`:null}iosTemplate(){return this.wallet?.app_store?o.qy`<wui-list-item
+      variant="icon"
+      icon="appStore"
+      iconVariant="square"
+      @click=${this.onAppStore.bind(this)}
+      chevron
+    >
+      <wui-text variant="paragraph-500" color="fg-100">iOS App</wui-text>
+    </wui-list-item>`:null}androidTemplate(){return this.wallet?.play_store?o.qy`<wui-list-item
+      variant="icon"
+      icon="playStore"
+      iconVariant="square"
+      @click=${this.onPlayStore.bind(this)}
+      chevron
+    >
+      <wui-text variant="paragraph-500" color="fg-100">Android App</wui-text>
+    </wui-list-item>`:null}homepageTemplate(){return this.wallet?.homepage?o.qy`
+      <wui-list-item
+        variant="icon"
+        icon="browser"
+        iconVariant="square-blue"
+        @click=${this.onHomePage.bind(this)}
+        chevron
+      >
+        <wui-text variant="paragraph-500" color="fg-100">Website</wui-text>
+      </wui-list-item>
+    `:null}onChromeStore(){this.wallet?.chrome_store&&n.w.openHref(this.wallet.chrome_store,"_blank")}onAppStore(){this.wallet?.app_store&&n.w.openHref(this.wallet.app_store,"_blank")}onPlayStore(){this.wallet?.play_store&&n.w.openHref(this.wallet.play_store,"_blank")}onHomePage(){this.wallet?.homepage&&n.w.openHref(this.wallet.homepage,"_blank")}};Ge=function(t,e,i,o){var r,n=arguments.length,a=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}([(0,c.EM)("w3m-downloads-view")],Ge)}}]);