const e=require("../theme/internal.js");let t=require("vue");var n=[`xxxl`,`xxl`,`xl`,`lg`,`md`,`sm`,`xs`],r=e=>({xs:`(max-width: ${e.screenXSMax}px)`,sm:`(min-width: ${e.screenSM}px)`,md:`(min-width: ${e.screenMD}px)`,lg:`(min-width: ${e.screenLG}px)`,xl:`(min-width: ${e.screenXL}px)`,xxl:`(min-width: ${e.screenXXL}px)`,xxxl:`{min-width: ${e.screenXXXL}px}`});function i(){let[,n]=e.useToken();return(0,t.computed)(()=>{let e=r(n.value),t=new Map,i=-1,a={};return{matchHandlers:{},dispatch(e){return a=e,t.forEach(e=>e(a)),t.size>=1},subscribe(e){return t.size||this.register(),i+=1,t.set(i,e),e(a),i},unsubscribe(e){t.delete(e),t.size||this.unregister()},unregister(){Object.keys(e).forEach(t=>{let n=e[t],r=this.matchHandlers[n];r?.mql.removeListener(r?.listener)}),t.clear()},register(){Object.keys(e).forEach(t=>{let n=e[t],r=({matches:e})=>{this.dispatch({...a,[t]:e})},i=window.matchMedia(n);i.addListener(r),this.matchHandlers[n]={mql:i,listener:r},r(i)})},responsiveMap:e}})}exports.default=i,exports.responsiveArray=n;