@dcl/shop 0.1.0-30633401379.commit-5cd1c31 → 0.1.0-30635983356.commit-a8e9459

package/_assets/index-D1ByR6fU.js

@@ -0,0 +1,2 @@
+import{i as _,aV as g,aW as j,N as O,O as f,aX as F,aY as k,aZ as I,a_ as V,j as R,T as M,a$ as z}from"./index-SnatkYlW.js";import{b0 as Oe,b1 as Me,b2 as $e,H as we,b3 as Ee,b4 as Te,b5 as Pe,b6 as _e,b7 as je,x as Fe,b8 as ke,b9 as Ie,ba as Ve,bb as Re,bc as ze}from"./index-SnatkYlW.js";import{u as Ae}from"./useTheme-DvS9QiwE.js";import{g as L}from"./getThemeProps-BleO2d8s.js";import{s as He,s as Be}from"./clsx-CWa7LSwg.js";import{j as A}from"./react-vyZjIDcS.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";function C({props:e,name:t,defaultTheme:n,themeId:s}){let r=_(n);return r=r[s]||r,L({theme:r,name:t,props:e})}function w(e,t=0,n=1){return j(e,t,n)}function H(e){e=e.slice(1);const t=new RegExp(`.{1,${e.length>=6?2:1}}`,"g");let n=e.match(t);return n&&n[0].length===1&&(n=n.map(s=>s+s)),n?`rgb${n.length===4?"a":""}(${n.map((s,r)=>r<3?parseInt(s,16):Math.round(parseInt(s,16)/255*1e3)/1e3).join(", ")})`:""}function B(e){const t=e.toString(16);return t.length===1?`0${t}`:t}function d(e){if(e.type)return e;if(e.charAt(0)==="#")return d(H(e));const t=e.indexOf("("),n=e.substring(0,t);if(["rgb","rgba","hsl","hsla","color"].indexOf(n)===-1)throw new Error(g(9,e));let s=e.substring(t+1,e.length-1),r;if(n==="color"){if(s=s.split(" "),r=s.shift(),s.length===4&&s[3].charAt(0)==="/"&&(s[3]=s[3].slice(1)),["srgb","display-p3","a98-rgb","prophoto-rgb","rec-2020"].indexOf(r)===-1)throw new Error(g(10,r))}else s=s.split(",");return s=s.map(o=>parseFloat(o)),{type:n,values:s,colorSpace:r}}function S(e){const{type:t,colorSpace:n}=e;let{values:s}=e;return t.indexOf("rgb")!==-1?s=s.map((r,o)=>o<3?parseInt(r,10):r):t.indexOf("hsl")!==-1&&(s[1]=`${s[1]}%`,s[2]=`${s[2]}%`),t.indexOf("color")!==-1?s=`${n} ${s.join(" ")}`:s=`${s.join(", ")}`,`${t}(${s})`}function ie(e){if(e.indexOf("#")===0)return e;const{values:t}=d(e);return`#${t.map((n,s)=>B(s===3?Math.round(255*n):n)).join("")}`}function U(e){e=d(e);const{values:t}=e,n=t[0],s=t[1]/100,r=t[2]/100,o=s*Math.min(r,1-r),u=(h,m=(h+n/30)%12)=>r-o*Math.max(Math.min(m-3,9-m,1),-1);let l="rgb";const i=[Math.round(u(0)*255),Math.round(u(8)*255),Math.round(u(4)*255)];return e.type==="hsla"&&(l+="a",i.push(t[3])),S({type:l,values:i})}function $(e){e=d(e);let t=e.type==="hsl"||e.type==="hsla"?d(U(e)).values:e.values;return t=t.map(n=>(e.type!=="color"&&(n/=255),n<=.03928?n/12.92:((n+.055)/1.055)**2.4)),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function oe(e,t){const n=$(e),s=$(t);return(Math.max(n,s)+.05)/(Math.min(n,s)+.05)}function ue(e,t){return e=d(e),t=w(t),(e.type==="rgb"||e.type==="hsl")&&(e.type+="a"),e.type==="color"?e.values[3]=`/${t}`:e.values[3]=t,S(e)}function W(e,t){if(e=d(e),t=w(t),e.type.indexOf("hsl")!==-1)e.values[2]*=1-t;else if(e.type.indexOf("rgb")!==-1||e.type.indexOf("color")!==-1)for(let n=0;n<3;n+=1)e.values[n]*=1-t;return S(e)}function G(e,t){if(e=d(e),t=w(t),e.type.indexOf("hsl")!==-1)e.values[2]+=(100-e.values[2])*t;else if(e.type.indexOf("rgb")!==-1)for(let n=0;n<3;n+=1)e.values[n]+=(255-e.values[n])*t;else if(e.type.indexOf("color")!==-1)for(let n=0;n<3;n+=1)e.values[n]+=(1-e.values[n])*t;return S(e)}function pe(e,t=.15){return $(e)>.5?W(e,t):G(e,t)}const N=["defaultProps","mixins","overrides","palette","props","styleOverrides"],D=["type","mode"];function me(e){const{defaultProps:t={},mixins:n={},overrides:s={},palette:r={},props:o={},styleOverrides:u={}}=e,l=O(e,N),i=f({},l,{components:{}});Object.keys(t).forEach(a=>{const p=i.components[a]||{};p.defaultProps=t[a],i.components[a]=p}),Object.keys(o).forEach(a=>{const p=i.components[a]||{};p.defaultProps=o[a],i.components[a]=p}),Object.keys(u).forEach(a=>{const p=i.components[a]||{};p.styleOverrides=u[a],i.components[a]=p}),Object.keys(s).forEach(a=>{const p=i.components[a]||{};p.styleOverrides=s[a],i.components[a]=p}),i.spacing=F(e.spacing);const h=k(e.breakpoints||{}),m=i.spacing;i.mixins=f({gutters:(a={})=>f({paddingLeft:m(2),paddingRight:m(2)},a,{[h.up("sm")]:f({paddingLeft:m(3),paddingRight:m(3)},a[h.up("sm")])})},n);const{type:y,mode:x}=r,v=O(r,D),b=x||y||"light";return i.palette=f({text:{hint:b==="dark"?"rgba(255, 255, 255, 0.5)":"rgba(0, 0, 0, 0.38)"},mode:b,type:b},v),i}function le(e,...t){return I(V({unstable_strictMode:!0},e),...t)}let E=!1;function he(e){return E||(console.warn(["MUI: createStyles from @mui/material/styles is deprecated.","Please use @mui/styles/createStyles"].join(`
+`)),E=!0),e}function T(e){return String(parseFloat(e)).length===String(e).length}function X(e){return String(e).match(/[\d.\-+]*\s*(.*)/)[1]||""}function c(e){return parseFloat(e)}function Y(e){return(t,n)=>{const s=X(t);if(s===n)return t;let r=c(t);s!=="px"&&(s==="em"||s==="rem")&&(r=c(t)*c(e));let o=r;if(n!=="px")if(n==="em")o=r/c(e);else if(n==="rem")o=r/c(e);else return t;return parseFloat(o.toFixed(5))+n}}function Z({size:e,grid:t}){const n=e-e%t,s=n+t;return e-n<s-e?n:s}function q({lineHeight:e,pixels:t,htmlFontSize:n}){return t/(e*n)}function J({cssProperty:e,min:t,max:n,unit:s="rem",breakpoints:r=[600,900,1200],transform:o=null}){const u={[e]:`${t}${s}`},l=(n-t)/r[r.length-1];return r.forEach(i=>{let h=t+l*i;o!==null&&(h=o(h)),u[`@media (min-width:${i}px)`]={[e]:`${Math.round(h*1e4)/1e4}${s}`}}),u}function fe(e,t={}){const{breakpoints:n=["sm","md","lg"],disableAlign:s=!1,factor:r=2,variants:o=["h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","caption","button","overline"]}=t,u=f({},e);u.typography=f({},u.typography);const l=u.typography,i=Y(l.htmlFontSize),h=n.map(m=>u.breakpoints.values[m]);return o.forEach(m=>{const y=l[m];if(!y)return;const x=parseFloat(i(y.fontSize,"rem"));if(x<=1)return;const v=x,b=1+(v-1)/r;let{lineHeight:a}=y;if(!T(a)&&!s)throw new Error(g(6));T(a)||(a=parseFloat(i(a,"rem"))/parseFloat(x));let p=null;s||(p=P=>Z({size:P,grid:q({pixels:4,lineHeight:a,htmlFontSize:l.htmlFontSize})})),l[m]=f({},y,J({cssProperty:"fontSize",min:b,max:v,unit:"rem",breakpoints:h,transform:p}))}),u}function de({props:e,name:t}){return C({props:e,name:t,defaultTheme:R,themeId:M})}const K=["theme"];function ce(e){let{theme:t}=e,n=O(e,K);const s=t[M];return A.jsx(z,f({},n,{themeId:s?M:void 0,theme:s||t}))}function ge(){throw new Error(g(14))}function ye(){throw new Error(g(15))}function xe(){throw new Error(g(16))}function be(){throw new Error(g(20))}export{Oe as Experimental_CssVarsProvider,Me as StyledEngineProvider,M as THEME_ID,ce as ThemeProvider,me as adaptV4Theme,ue as alpha,$e as createMuiTheme,he as createStyles,I as createTheme,we as css,W as darken,d as decomposeColor,Ee as duration,Te as easing,pe as emphasize,He as experimentalStyled,Pe as experimental_extendTheme,be as experimental_sx,oe as getContrastRatio,_e as getInitColorSchemeScript,$ as getLuminance,je as getOverlayAlpha,H as hexToRgb,U as hslToRgb,Fe as keyframes,G as lighten,ge as makeStyles,ke as private_createMixins,Ie as private_createTypography,Ve as private_excludeVariablesFromRoot,S as recomposeColor,fe as responsiveFontSizes,ie as rgbToHex,Re as shouldSkipGeneratingVar,Be as styled,le as unstable_createMuiStrictModeTheme,X as unstable_getUnit,c as unstable_toUnitless,ze as useColorScheme,Ae as useTheme,de as useThemeProps,ye as withStyles,xe as withTheme};

package/_assets/index-D3KlXzVo.js

@@ -0,0 +1,30 @@
+import{i as m,b as f}from"./lit-element-B3y9oplH.js";import{n as h}from"./class-map-CxwNmq0D.js";import{c as l}from"./index-B0lxP1DD.js";import{d as c}from"./index-BasWfxS1.js";const p=c`
+  :host {
+    display: block;
+    background: linear-gradient(
+      90deg,
+      ${({tokens:e})=>e.theme.foregroundPrimary} 0%,
+      ${({tokens:e})=>e.theme.foregroundSecondary} 50%,
+      ${({tokens:e})=>e.theme.foregroundPrimary} 100%
+    );
+    background-size: 200% 100%;
+    animation: shimmer 2s linear infinite;
+    border-radius: ${({borderRadius:e})=>e[1]};
+  }
+
+  :host([data-rounded='true']) {
+    border-radius: ${({borderRadius:e})=>e[16]};
+  }
+
+  @keyframes shimmer {
+    0% {
+      background-position: 100% 0;
+    }
+    100% {
+      background-position: -100% 0;
+    }
+  }
+`;var n=function(e,o,i,d){var s=arguments.length,t=s<3?o:d===null?d=Object.getOwnPropertyDescriptor(o,i):d,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(e,o,i,d);else for(var u=e.length-1;u>=0;u--)(a=e[u])&&(t=(s<3?a(t):s>3?a(o,i,t):a(o,i))||t);return s>3&&t&&Object.defineProperty(o,i,t),t};let r=class extends m{constructor(){super(...arguments),this.width="",this.height="",this.variant="default",this.rounded=!1}render(){return this.style.cssText=`
+      width: ${this.width};
+      height: ${this.height};
+    `,this.dataset.rounded=this.rounded?"true":"false",f`<slot></slot>`}};r.styles=[p];n([h()],r.prototype,"width",void 0);n([h()],r.prototype,"height",void 0);n([h()],r.prototype,"variant",void 0);n([h({type:Boolean})],r.prototype,"rounded",void 0);r=n([l("wui-shimmer")],r);

package/_assets/index-D519dauQ.js

@@ -0,0 +1 @@
+import{g as x,k as N,r as i,j as f}from"./react-vyZjIDcS.js";import{a as v,g}from"./dcl-schemas-BICTSpB5.js";import{bq as L}from"./index-SnatkYlW.js";import{r as q,g as he,h as ye}from"./createSvgIcon-BMWFEF8o.js";import{n as M}from"./emotion-styled.browser.esm-CUE0cLeS.js";import{C as ve}from"./CircularProgress-C8Q1J2_T.js";var A={},oe;function Ee(){if(oe)return A;oe=1,Object.defineProperty(A,"__esModule",{value:!0});function e(){let r,n;const t=new Promise((s,u)=>{r=c=>{s(c),t.isPending=!1},n=c=>{u(c),t.isPending=!1}}).catch(s=>Promise.reject(s));return t.resolve=r,t.reject=n,"finally"in t||(t.finally=s=>{t.then(s),t.catch(s)}),t.isPending=!0,t}return A.future=e,A.default=e,A}var we=Ee();const be=x(we);function se(e){return{all:e=e||new Map,on:function(r,n){var t=e.get(r);t?t.push(n):e.set(r,[n])},off:function(r,n){var t=e.get(r);t&&(n?t.splice(t.indexOf(n)>>>0,1):e.set(r,[]))},emit:function(r,n){var t=e.get(r);t&&t.slice().map(function(s){s(n)}),(t=e.get("*"))&&t.slice().map(function(s){s(r,n)})}}}const S=new Map,Y=new Map,Z=new Map,k=new Map;function ae(e){const r=document.getElementById(e);return!r||!r.contentWindow?!1:Z.get(r.contentWindow)??!1}function H(e){if(e.data&&e.data.type)try{switch(e.data.type){case v.PreviewMessageType.CONTROLLER_RESPONSE:{const r=e.data.payload,{id:n}=r,t=S.get(n);t&&(S.delete(n),r.ok?t.resolve(r.result):r.ok===!1&&t.reject(new Error(r.error)));break}case v.PreviewMessageType.EMOTE_EVENT:{const r=e.data.payload,{type:n,payload:t}=r,s=e.source?Y.get(e.source):null;s&&n&&s.emit(n,t);break}case v.PreviewMessageType.LOAD:{e.source&&(Z.set(e.source,!0),(k.get(e.source)||[]).filter(t=>{var s;return((s=t.data)==null?void 0:s.type)!==v.PreviewMessageType.LOAD}).forEach(H),k.delete(e.source));break}default:}}catch(r){console.error("Error processing WearablePreview message:",r)}}const Pe=e=>{var n;if(((n=e.data)==null?void 0:n.type)===v.PreviewMessageType.LOAD){H(e);return}if(!(e.source?Z.get(e.source):!1)&&e.source){const t=k.get(e.source)||[];t.push(e),k.set(e.source,t);return}H(e)};typeof window<"u"&&window.addEventListener("message",Pe,!1);let ie=0;function Se(e){return function(n,t,s){const u=document.getElementById(e);if(!u||!u.contentWindow){const d=new Error("iframe not found or not accessible");return Promise.reject(d)}const c=e+"-"+ie,l=be();S.set(c,l);const p=v.PreviewMessageType.CONTROLLER_REQUEST,y={id:c,namespace:n,method:t,params:s},m=setTimeout(()=>{S.delete(c),l.reject(new Error(`Request timeout for ${t}`))},1e4),a=l.resolve,j=l.reject;l.resolve=d=>{clearTimeout(m),a(d)},l.reject=d=>{clearTimeout(m),j(d)};try{v.sendMessage(u.contentWindow,p,y)}catch(d){const w=d instanceof Error?d.message:String(d);l.reject(new Error(`Failed to send message: ${w}`)),S.delete(c),clearTimeout(m)}return ie++,l}}function Me(e){const r=document.getElementById(e);if(!r)throw new Error(`Could not find an iframe with id="${e}"`);S.clear();const n=r.contentWindow?Y.get(r.contentWindow)??se():se();r.contentWindow&&Y.set(r.contentWindow,n);const t=Se(e);return{scene:{getScreenshot(s,u){return t("scene","getScreenshot",[s,u])},getMetrics(){return t("scene","getMetrics",[])},changeZoom:function(s){return t("scene","changeZoom",[s])},panCamera:function(s){return t("scene","panCamera",[s])},changeCameraPosition:function(s){return t("scene","changeCameraPosition",[s])},cleanup(){return t("scene","cleanup",[])},setUsername:function(s){return t("scene","setUsername",[s])}},emote:{getLength(){return t("emote","getLength",[])},isPlaying(){return t("emote","isPlaying",[])},goTo(s){return t("emote","goTo",[s])},play(){return t("emote","play",[])},pause(){return t("emote","pause",[])},stop(){return t("emote","stop",[])},enableSound(){return t("emote","enableSound",[])},disableSound(){return t("emote","disableSound",[])},hasSound(){return t("emote","hasSound",[])},isSocialEmote(){return t("emote","isSocialEmote",[])},getSocialEmoteAnimations(){return t("emote","getSocialEmoteAnimations",[])},getPlayingSocialEmoteAnimation(){return t("emote","getPlayingSocialEmoteAnimation",[])},emote:null,events:n},physics:{setSpringBonesParams(s,u){return t("physics","setSpringBonesParams",[s,u])}}}}var R={},ue;function Ae(){if(ue)return R;ue=1;var e=L();Object.defineProperty(R,"__esModule",{value:!0}),R.default=void 0;var r=e(q()),n=N();return R.default=(0,r.default)((0,n.jsx)("path",{d:"M6 19h4V5H6zm8-14v14h4V5z"}),"Pause"),R}var Re=Ae();const Te=x(Re);var T={},ce;function Ce(){if(ce)return T;ce=1;var e=L();Object.defineProperty(T,"__esModule",{value:!0}),T.default=void 0;var r=e(q()),n=N();return T.default=(0,r.default)((0,n.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow"),T}var Ie=Ce();const xe=x(Ie);var C={},le;function je(){if(le)return C;le=1;var e=L();Object.defineProperty(C,"__esModule",{value:!0}),C.default=void 0;var r=e(q()),n=N();return C.default=(0,r.default)((0,n.jsx)("path",{d:"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63m2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71M4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9zM12 4 9.91 6.09 12 8.18z"}),"VolumeOff"),C}var _e=je();const Oe=x(_e);var I={},de;function ke(){if(de)return I;de=1;var e=L();Object.defineProperty(I,"__esModule",{value:!0}),I.default=void 0;var r=e(q()),n=N();return I.default=(0,r.default)((0,n.jsx)("path",{d:"M3 9v6h4l5 5V4L7 9zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77"}),"VolumeUp"),I}var Ne=ke();const Le=x(Ne),qe=(e,r)=>{const n=i.useRef(null),[t,s]=i.useState(!1);return i.useEffect(()=>{const u=r??Me(e);if(n.current=u,ae(e)){s(!0);return}const c=document.getElementById(e);if(!c){console.error(`Could not find iframe with id="${e}"`);return}if(!c.contentWindow){console.error(`Iframe contentWindow is not accessible for id="${e}"`);return}const p=y=>{var m;((m=y.data)==null?void 0:m.type)===v.PreviewMessageType.LOAD&&ae(e)&&s(!0)};return window.addEventListener("message",p),()=>{window.removeEventListener("message",p),s(!1),n.current=null}},[e,r]),{controllerRef:n,isReady:t}},We={small:16,medium:20,large:24},me=({children:e,startIcon:r,endIcon:n,loading:t=!1,loadingIcon:s,loadingPosition:u="center",disabled:c=!1,size:l="medium",...p})=>{const y=f.jsx(ve,{color:"inherit",size:We[l]}),m=s||y,a=t&&u==="center"?m:e;return f.jsx(he,{disabled:c||t,startIcon:t&&u==="start"?m:r,endIcon:t&&u==="end"?m:n,size:l,...p,children:a})},Ve=M(ye)(({theme:e})=>({display:"flex",position:"absolute",width:"100%",bottom:0,margin:`${e.spacing(2)} 0`,padding:`0 ${e.spacing(3)}`,gap:e.spacing(2)})),Ue=M(me)(({theme:e})=>({width:56,height:44,padding:0,minWidth:"unset",background:"rgba(0, 0, 0, 0.64) !important","& svg":{marginLeft:e.spacing(.5)}})),De=M(me)(({theme:e,muted:r})=>({marginLeft:e.spacing(2.5),minWidth:25,background:"none",padding:0,opacity:r?.5:1})),Fe=M("input")(({theme:e})=>({flex:1,width:"100%",background:"none",WebkitAppearance:"none","&:focus":{outline:"none"},"&::-webkit-slider-thumb":{WebkitAppearance:"none",width:24,height:24,borderRadius:10,backgroundColor:"#736e7d",overflow:"visible",cursor:"pointer",paddingBottom:e.spacing(.625),marginTop:e.spacing(-.5)},"&::-moz-range-thumb":{width:24,height:24,borderRadius:20,backgroundColor:"#736e7d",overflow:"visible",cursor:"pointer",border:"none"},"&::-ms-thumb":{width:24,height:24,borderRadius:20,backgroundColor:"#736e7d",overflow:"visible",cursor:"pointer"},"&::-webkit-slider-runnable-track":{width:300,height:15,background:"rgba(115, 110, 125, 0.32)",border:"none",borderRadius:10},"&::-moz-range-track":{width:"100%",height:15,borderRadius:10,cursor:"pointer",background:"rgba(115, 110, 125, 0.32)"}})),Be=M("div")({display:"flex",alignItems:"center"}),ze=M("input")({width:56,height:44,borderRadius:5,background:"transparent",border:"1px solid rgba(115, 110, 125, 0.4)",color:"white",textAlign:"center","&:focus-visible":{outline:"1px solid"}}),$e=({wearablePreviewId:e,className:r,hideFrameInput:n,hideProgressInput:t,hidePlayButton:s,hideSoundButton:u,wearablePreviewController:c,renderPlayButton:l,renderSoundButton:p,renderProgressBar:y,renderFrameInput:m})=>{const{controllerRef:a,isReady:j}=qe(e,c),[d,w]=i.useState(0),[b,W]=i.useState(!1),[h,fe]=i.useState(void 0),[P,ge]=i.useState(!0),[_,G]=i.useState(void 0),[J,Q]=i.useState(!1),[K,X]=i.useState(!1),V=i.useCallback(()=>{w(0)},[]),U=i.useCallback(()=>{W(!1),w(o=>o>=Math.floor((h??0)*100)?0:o)},[h]),D=i.useCallback(()=>{W(!1)},[]),F=i.useCallback(async()=>{if(!K){let o=h;!h&&a.current&&(o=await a.current.emote.getLength()),W(!0),fe(o)}},[h,K,a]),B=i.useCallback(({length:o})=>{w(Math.ceil((o??0)*100))},[]);i.useEffect(()=>{const o=a.current;if(o)return o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PLAY,F),o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PLAYING,B),o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_END,U),o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PAUSE,D),o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_LOOP,V),()=>{o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PLAY,F),o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PLAYING,B),o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_END,U),o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PAUSE,D),o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_LOOP,V)}},[a,F,B,U,D,V]),i.useEffect(()=>{_===void 0&&j&&a.current&&a.current.emote.hasSound().then(o=>G(o)).catch(o=>{console.error("Error checking sound:",o),G(!1)})},[_,j,a]);const z=i.useCallback(async()=>{if(a.current)try{await a.current.emote.play()}catch(o){console.error("Error playing emote:",o)}},[a]),$=i.useCallback(async()=>{if(a.current)try{await a.current.emote.pause()}catch(o){console.error("Error pausing emote:",o)}},[a]),ee=i.useCallback(async()=>{b?await $():await z()},[b,z,$]),te=i.useCallback(()=>{var o,E;P?(o=a.current)==null||o.emote.disableSound():(E=a.current)==null||E.emote.enableSound(),ge(!P)},[P,a]),O=i.useCallback(async o=>{if(isNaN(o)||!a.current)return;let E=o;const ne=h??0;ne*100<o&&(E=ne*100),w(E),X(!0);try{b&&(await a.current.emote.pause(),Q(!0)),await a.current.emote.goTo(E/100)}catch(pe){console.error("Error changing frame:",pe)}},[h,b,a]),re=i.useCallback(async()=>{if(X(!1),J&&a.current){try{await a.current.emote.play()}catch(o){console.error("Error resuming play:",o)}Q(!1)}},[J,a]);return f.jsxs(Ve,{className:r,children:[s?null:l?l({isPlaying:b,onPlay:z,onPause:$,onToggle:ee}):f.jsx(Ue,{onClick:ee,children:b?f.jsx(Te,{}):f.jsx(xe,{})}),t?null:y?y({frame:d,length:h??0,onChange:O,onMouseUp:re}):f.jsx(Fe,{type:"range",value:d,max:Math.ceil((h??0)*100),min:0,step:1,onChange:o=>O(Number(o.target.value)),onMouseUp:re}),n?null:f.jsx(Be,{children:m?m({frame:Math.round(d/100),onChange:o=>O(o*100)}):f.jsx(ze,{type:"number",value:Math.round(d/100),onChange:o=>O(Number(o.target.value)*100)})}),u||!_?null:p?p({isSoundEnabled:P,hasSound:_,onToggle:te}):f.jsx(De,{muted:!P,onClick:te,children:P?f.jsx(Le,{}):f.jsx(Oe,{})})]})},Ke=Object.freeze(Object.defineProperty({__proto__:null,EmoteControls:$e},Symbol.toStringTag,{value:"Module"}));export{me as B,$e as E,Me as c,Ke as i,qe as u};

package/_assets/index-DBbdruUG.js

@@ -0,0 +1,152 @@
+import{i as c,b as a}from"./lit-element-B3y9oplH.js";import{n as o,o as h}from"./class-map-CxwNmq0D.js";import{e as m,n as b}from"./ref-BsAZ42-h.js";import{c as x}from"./index-B0lxP1DD.js";import{d as f,r as $,e as g}from"./index-BasWfxS1.js";const w=f`
+  :host {
+    position: relative;
+    width: 100%;
+    display: inline-flex;
+    flex-direction: column;
+    gap: ${({spacing:t})=>t[3]};
+    color: ${({tokens:t})=>t.theme.textPrimary};
+    caret-color: ${({tokens:t})=>t.core.textAccentPrimary};
+  }
+
+  .wui-input-text-container {
+    position: relative;
+    display: flex;
+  }
+
+  input {
+    width: 100%;
+    border-radius: ${({borderRadius:t})=>t[4]};
+    color: inherit;
+    background: transparent;
+    border: 1px solid ${({tokens:t})=>t.theme.borderPrimary};
+    caret-color: ${({tokens:t})=>t.core.textAccentPrimary};
+    padding: ${({spacing:t})=>t[3]} ${({spacing:t})=>t[3]}
+      ${({spacing:t})=>t[3]} ${({spacing:t})=>t[10]};
+    font-size: ${({textSize:t})=>t.large};
+    line-height: ${({typography:t})=>t["lg-regular"].lineHeight};
+    letter-spacing: ${({typography:t})=>t["lg-regular"].letterSpacing};
+    font-weight: ${({fontWeight:t})=>t.regular};
+    font-family: ${({fontFamily:t})=>t.regular};
+  }
+
+  input[data-size='lg'] {
+    padding: ${({spacing:t})=>t[4]} ${({spacing:t})=>t[3]}
+      ${({spacing:t})=>t[4]} ${({spacing:t})=>t[10]};
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    input:hover:enabled {
+      border: 1px solid ${({tokens:t})=>t.theme.borderSecondary};
+    }
+  }
+
+  input:disabled {
+    cursor: unset;
+    border: 1px solid ${({tokens:t})=>t.theme.borderPrimary};
+  }
+
+  input::placeholder {
+    color: ${({tokens:t})=>t.theme.textSecondary};
+  }
+
+  input:focus:enabled {
+    border: 1px solid ${({tokens:t})=>t.theme.borderSecondary};
+    background-color: ${({tokens:t})=>t.theme.foregroundPrimary};
+    -webkit-box-shadow: 0px 0px 0px 4px ${({tokens:t})=>t.core.foregroundAccent040};
+    -moz-box-shadow: 0px 0px 0px 4px ${({tokens:t})=>t.core.foregroundAccent040};
+    box-shadow: 0px 0px 0px 4px ${({tokens:t})=>t.core.foregroundAccent040};
+  }
+
+  div.wui-input-text-container:has(input:disabled) {
+    opacity: 0.5;
+  }
+
+  wui-icon.wui-input-text-left-icon {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    pointer-events: none;
+    left: ${({spacing:t})=>t[4]};
+    color: ${({tokens:t})=>t.theme.iconDefault};
+  }
+
+  button.wui-input-text-submit-button {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: ${({spacing:t})=>t[3]};
+    width: 24px;
+    height: 24px;
+    border: none;
+    background: transparent;
+    border-radius: ${({borderRadius:t})=>t[2]};
+    color: ${({tokens:t})=>t.core.textAccentPrimary};
+  }
+
+  button.wui-input-text-submit-button:disabled {
+    opacity: 1;
+  }
+
+  button.wui-input-text-submit-button.loading wui-icon {
+    animation: spin 1s linear infinite;
+  }
+
+  button.wui-input-text-submit-button:hover {
+    background: ${({tokens:t})=>t.core.foregroundAccent010};
+  }
+
+  input:has(+ .wui-input-text-submit-button) {
+    padding-right: ${({spacing:t})=>t[12]};
+  }
+
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  input[type='search']::-webkit-search-decoration,
+  input[type='search']::-webkit-search-cancel-button,
+  input[type='search']::-webkit-search-results-button,
+  input[type='search']::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+
+  /* -- Keyframes --------------------------------------------------- */
+  @keyframes spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;var n=function(t,i,s,u){var p=arguments.length,r=p<3?i:u===null?u=Object.getOwnPropertyDescriptor(i,s):u,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,i,s,u);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(r=(p<3?l(r):p>3?l(i,s,r):l(i,s))||r);return p>3&&r&&Object.defineProperty(i,s,r),r};let e=class extends c{constructor(){super(...arguments),this.inputElementRef=m(),this.disabled=!1,this.loading=!1,this.placeholder="",this.type="text",this.value="",this.size="md"}render(){return a` <div class="wui-input-text-container">
+        ${this.templateLeftIcon()}
+        <input
+          data-size=${this.size}
+          ${b(this.inputElementRef)}
+          data-testid="wui-input-text"
+          type=${this.type}
+          enterkeyhint=${h(this.enterKeyHint)}
+          ?disabled=${this.disabled}
+          placeholder=${this.placeholder}
+          @input=${this.dispatchInputChangeEvent.bind(this)}
+          @keydown=${this.onKeyDown}
+          .value=${this.value||""}
+        />
+        ${this.templateSubmitButton()}
+        <slot class="wui-input-text-slot"></slot>
+      </div>
+      ${this.templateError()} ${this.templateWarning()}`}templateLeftIcon(){return this.icon?a`<wui-icon
+        class="wui-input-text-left-icon"
+        size="md"
+        data-size=${this.size}
+        color="inherit"
+        name=${this.icon}
+      ></wui-icon>`:null}templateSubmitButton(){var i;return this.onSubmit?a`<button
+        class="wui-input-text-submit-button ${this.loading?"loading":""}"
+        @click=${(i=this.onSubmit)==null?void 0:i.bind(this)}
+        ?disabled=${this.disabled||this.loading}
+      >
+        ${this.loading?a`<wui-icon name="spinner" size="md"></wui-icon>`:a`<wui-icon name="chevronRight" size="md"></wui-icon>`}
+      </button>`:null}templateError(){return this.errorText?a`<wui-text variant="sm-regular" color="error">${this.errorText}</wui-text>`:null}templateWarning(){return this.warningText?a`<wui-text variant="sm-regular" color="warning">${this.warningText}</wui-text>`:null}dispatchInputChangeEvent(){var i;this.dispatchEvent(new CustomEvent("inputChange",{detail:(i=this.inputElementRef.value)==null?void 0:i.value,bubbles:!0,composed:!0}))}};e.styles=[$,g,w];n([o()],e.prototype,"icon",void 0);n([o({type:Boolean})],e.prototype,"disabled",void 0);n([o({type:Boolean})],e.prototype,"loading",void 0);n([o()],e.prototype,"placeholder",void 0);n([o()],e.prototype,"type",void 0);n([o()],e.prototype,"value",void 0);n([o()],e.prototype,"errorText",void 0);n([o()],e.prototype,"warningText",void 0);n([o()],e.prototype,"onSubmit",void 0);n([o()],e.prototype,"size",void 0);n([o({attribute:!1})],e.prototype,"onKeyDown",void 0);e=n([x("wui-input-text")],e);

package/_assets/index-DM1pntlB.js

@@ -0,0 +1,189 @@
+import{i as m,b as h}from"./lit-element-B3y9oplH.js";import{n as b,o as v,r as C}from"./class-map-CxwNmq0D.js";import{d as k,r as g}from"./index-BasWfxS1.js";import{c as y}from"./index-B0lxP1DD.js";import{e as O,n as _}from"./ref-BsAZ42-h.js";import{e as L,i as R,p as j,O as l}from"./W3MFrameProviderSingleton-Up9j0_9e.js";const d=j({isLegalCheckboxChecked:!1}),f={state:d,subscribe(e){return R(d,()=>e(d))},subscribeKey(e,t){return L(d,e,t)},setIsLegalCheckboxChecked(e){d.isLegalCheckboxChecked=e}},z=k`
+  label {
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+    user-select: none;
+    column-gap: ${({spacing:e})=>e[2]};
+  }
+
+  label > input[type='checkbox'] {
+    height: 0;
+    width: 0;
+    opacity: 0;
+    position: absolute;
+  }
+
+  label > span {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    width: 100%;
+    border: 1px solid ${({colors:e})=>e.neutrals400};
+    color: ${({colors:e})=>e.white};
+    background-color: transparent;
+    will-change: border-color, background-color;
+  }
+
+  label > span > wui-icon {
+    opacity: 0;
+    will-change: opacity;
+  }
+
+  label > input[type='checkbox']:checked + span > wui-icon {
+    color: ${({colors:e})=>e.white};
+  }
+
+  label > input[type='checkbox']:not(:checked) > span > wui-icon {
+    color: ${({colors:e})=>e.neutrals900};
+  }
+
+  label > input[type='checkbox']:checked + span > wui-icon {
+    opacity: 1;
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  label[data-size='lg'] > span {
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    min-height: 24px;
+    border-radius: ${({borderRadius:e})=>e[10]};
+  }
+
+  label[data-size='md'] > span {
+    width: 20px;
+    height: 20px;
+    min-width: 20px;
+    min-height: 20px;
+    border-radius: ${({borderRadius:e})=>e[2]};
+  }
+
+  label[data-size='sm'] > span {
+    width: 16px;
+    height: 16px;
+    min-width: 16px;
+    min-height: 16px;
+    border-radius: ${({borderRadius:e})=>e[1]};
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  label > input[type='checkbox']:focus-visible + span,
+  label > input[type='checkbox']:focus + span {
+    border: 1px solid ${({tokens:e})=>e.core.borderAccentPrimary};
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+  }
+
+  /* -- Checked states --------------------------------------------------- */
+  label > input[type='checkbox']:checked + span {
+    background-color: ${({tokens:e})=>e.core.iconAccentPrimary};
+    border: 1px solid transparent;
+  }
+
+  /* -- Hover states --------------------------------------------------- */
+  input[type='checkbox']:not(:checked):not(:disabled) + span:hover {
+    border: 1px solid ${({colors:e})=>e.neutrals700};
+    background-color: ${({colors:e})=>e.neutrals800};
+    box-shadow: none;
+  }
+
+  input[type='checkbox']:checked:not(:disabled) + span:hover {
+    border: 1px solid transparent;
+    background-color: ${({colors:e})=>e.accent080};
+    box-shadow: none;
+  }
+
+  /* -- Disabled state --------------------------------------------------- */
+  label > input[type='checkbox']:checked:disabled + span {
+    border: 1px solid transparent;
+    opacity: 0.3;
+  }
+
+  label > input[type='checkbox']:not(:checked):disabled + span {
+    border: 1px solid ${({colors:e})=>e.neutrals700};
+  }
+
+  label:has(input[type='checkbox']:disabled) {
+    cursor: auto;
+  }
+
+  label > input[type='checkbox']:disabled + span {
+    cursor: not-allowed;
+  }
+`;var x=function(e,t,s,n){var i=arguments.length,o=i<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,s):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,s,n);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(o=(i<3?r(o):i>3?r(t,s,o):r(t,s))||o);return i>3&&o&&Object.defineProperty(t,s,o),o};const E={lg:"md",md:"sm",sm:"sm"};let a=class extends m{constructor(){super(...arguments),this.inputElementRef=O(),this.checked=void 0,this.disabled=!1,this.size="md"}render(){const t=E[this.size];return h`
+      <label data-size=${this.size}>
+        <input
+          ${_(this.inputElementRef)}
+          ?checked=${v(this.checked)}
+          ?disabled=${this.disabled}
+          type="checkbox"
+          @change=${this.dispatchChangeEvent}
+        />
+        <span>
+          <wui-icon name="checkmarkBold" size=${t}></wui-icon>
+        </span>
+        <slot></slot>
+      </label>
+    `}dispatchChangeEvent(){var t;this.dispatchEvent(new CustomEvent("checkboxChange",{detail:(t=this.inputElementRef.value)==null?void 0:t.checked,bubbles:!0,composed:!0}))}};a.styles=[g,z];x([b({type:Boolean})],a.prototype,"checked",void 0);x([b({type:Boolean})],a.prototype,"disabled",void 0);x([b()],a.prototype,"size",void 0);a=x([y("wui-checkbox")],a);const P=k`
+  :host {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  wui-checkbox {
+    padding: ${({spacing:e})=>e[3]};
+  }
+  a {
+    text-decoration: none;
+    color: ${({tokens:e})=>e.theme.textSecondary};
+    font-weight: 500;
+  }
+`;var w=function(e,t,s,n){var i=arguments.length,o=i<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,s):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,s,n);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(o=(i<3?r(o):i>3?r(t,s,o):r(t,s))||o);return i>3&&o&&Object.defineProperty(t,s,o),o};let p=class extends m{constructor(){super(),this.unsubscribe=[],this.checked=f.state.isLegalCheckboxChecked,this.unsubscribe.push(f.subscribeKey("isLegalCheckboxChecked",t=>{this.checked=t}))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){var i;const{termsConditionsUrl:t,privacyPolicyUrl:s}=l.state,n=(i=l.state.features)==null?void 0:i.legalCheckbox;return!t&&!s||!n?null:h`
+      <wui-checkbox
+        ?checked=${this.checked}
+        @checkboxChange=${this.onCheckboxChange.bind(this)}
+        data-testid="wui-checkbox"
+      >
+        <wui-text color="secondary" variant="sm-regular" align="left">
+          I agree to our ${this.termsTemplate()} ${this.andTemplate()} ${this.privacyTemplate()}
+        </wui-text>
+      </wui-checkbox>
+    `}andTemplate(){const{termsConditionsUrl:t,privacyPolicyUrl:s}=l.state;return t&&s?"and":""}termsTemplate(){const{termsConditionsUrl:t}=l.state;return t?h`<a rel="noreferrer" target="_blank" href=${t}>terms of service</a>`:null}privacyTemplate(){const{privacyPolicyUrl:t}=l.state;return t?h`<a rel="noreferrer" target="_blank" href=${t}>privacy policy</a>`:null}onCheckboxChange(){f.setIsLegalCheckboxChecked(!this.checked)}};p.styles=[P];w([C()],p.prototype,"checked",void 0);p=w([y("w3m-legal-checkbox")],p);const T=k`
+  :host {
+    display: block;
+    width: 100px;
+    height: 100px;
+  }
+
+  svg {
+    width: 100px;
+    height: 100px;
+  }
+
+  rect {
+    fill: none;
+    stroke: ${e=>e.colors.accent100};
+    stroke-width: 3px;
+    stroke-linecap: round;
+    animation: dash 1s linear infinite;
+  }
+
+  @keyframes dash {
+    to {
+      stroke-dashoffset: 0px;
+    }
+  }
+`;var $=function(e,t,s,n){var i=arguments.length,o=i<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,s):n,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,s,n);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(o=(i<3?r(o):i>3?r(t,s,o):r(t,s))||o);return i>3&&o&&Object.defineProperty(t,s,o),o};let u=class extends m{constructor(){super(...arguments),this.radius=36}render(){return this.svgLoaderTemplate()}svgLoaderTemplate(){const t=this.radius>50?50:this.radius,n=36-t,i=116+n,o=245+n,r=360+n*1.75;return h`
+      <svg viewBox="0 0 110 110" width="110" height="110">
+        <rect
+          x="2"
+          y="2"
+          width="106"
+          height="106"
+          rx=${t}
+          stroke-dasharray="${i} ${o}"
+          stroke-dashoffset=${r}
+        />
+      </svg>
+    `}};u.styles=[g,T];$([b({type:Number})],u.prototype,"radius",void 0);u=$([y("wui-loading-thumbnail")],u);export{f as O};

package/_assets/index-DkW5d1J_.js

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