@dcl/shop 0.1.0-29994103056.commit-191afbc → 0.1.0-29996672089.commit-ce4d282

package/assets/{index-C2N-AU8j.js → index-Dzj-nA_x.js}

@@ -1,4 +1,4 @@
-import{g as ie,k as he,r as i,j as v,R as se}from"./react-BrLDncxD.js";import{a as Y,g as F}from"./dcl-schemas-BICTSpB5.js";import{bu as be,bv as ve,bw as vt,bg as yt,bx as xt,R as le,S as P,U as _,P as ye,Q as Se,br as Et,X as Q,N as we,O as Ke,bj as $e,bp as Ct,bl as pe,W as Ze,by as Rt,T as Pt,b0 as Mt,aX as Tt,V as A,bs as It,be as fe}from"./index-DaOu_NHP.js";import{n as J}from"./emotion-styled.browser.esm-D40Lt8fm.js";import{u as St}from"./useTheme-ddXkiCRZ.js";import{C as wt}from"./CircularProgress-BmaY3soK.js";var te={},Le;function kt(){if(Le)return te;Le=1,Object.defineProperty(te,"__esModule",{value:!0});function e(){let t,n;const o=new Promise((r,a)=>{t=s=>{r(s),o.isPending=!1},n=s=>{a(s),o.isPending=!1}}).catch(r=>Promise.reject(r));return o.resolve=t,o.reject=n,"finally"in o||(o.finally=r=>{o.then(r),o.catch(r)}),o.isPending=!0,o}return te.future=e,te.default=e,te}var Nt=kt();const zt=ie(Nt);function Oe(e){return{all:e=e||new Map,on:function(t,n){var o=e.get(t);o?o.push(n):e.set(t,[n])},off:function(t,n){var o=e.get(t);o&&(n?o.splice(o.indexOf(n)>>>0,1):e.set(t,[]))},emit:function(t,n){var o=e.get(t);o&&o.slice().map(function(r){r(n)}),(o=e.get("*"))&&o.slice().map(function(r){r(t,n)})}}}const Z=new Map,Pe=new Map,ke=new Map,ge=new Map;function Ae(e){const t=document.getElementById(e);return!t||!t.contentWindow?!1:ke.get(t.contentWindow)??!1}function Me(e){if(e.data&&e.data.type)try{switch(e.data.type){case Y.PreviewMessageType.CONTROLLER_RESPONSE:{const t=e.data.payload,{id:n}=t,o=Z.get(n);o&&(Z.delete(n),t.ok?o.resolve(t.result):t.ok===!1&&o.reject(new Error(t.error)));break}case Y.PreviewMessageType.EMOTE_EVENT:{const t=e.data.payload,{type:n,payload:o}=t,r=e.source?Pe.get(e.source):null;r&&n&&r.emit(n,o);break}case Y.PreviewMessageType.LOAD:{e.source&&(ke.set(e.source,!0),(ge.get(e.source)||[]).filter(o=>{var r;return((r=o.data)==null?void 0:r.type)!==Y.PreviewMessageType.LOAD}).forEach(Me),ge.delete(e.source));break}default:}}catch(t){console.error("Error processing WearablePreview message:",t)}}const Bt=e=>{var n;if(((n=e.data)==null?void 0:n.type)===Y.PreviewMessageType.LOAD){Me(e);return}if(!(e.source?ke.get(e.source):!1)&&e.source){const o=ge.get(e.source)||[];o.push(e),ge.set(e.source,o);return}Me(e)};typeof window<"u"&&window.addEventListener("message",Bt,!1);let Ve=0;function _t(e){return function(n,o,r){const a=document.getElementById(e);if(!a||!a.contentWindow){const g=new Error("iframe not found or not accessible");return Promise.reject(g)}const s=e+"-"+Ve,l=zt();Z.set(s,l);const c=Y.PreviewMessageType.CONTROLLER_REQUEST,f={id:s,namespace:n,method:o,params:r},m=setTimeout(()=>{Z.delete(s),l.reject(new Error(`Request timeout for ${o}`))},1e4),u=l.resolve,y=l.reject;l.resolve=g=>{clearTimeout(m),u(g)},l.reject=g=>{clearTimeout(m),y(g)};try{Y.sendMessage(a.contentWindow,c,f)}catch(g){const b=g instanceof Error?g.message:String(g);l.reject(new Error(`Failed to send message: ${b}`)),Z.delete(s),clearTimeout(m)}return Ve++,l}}function jt(e){const t=document.getElementById(e);if(!t)throw new Error(`Could not find an iframe with id="${e}"`);Z.clear();const n=t.contentWindow?Pe.get(t.contentWindow)??Oe():Oe();t.contentWindow&&Pe.set(t.contentWindow,n);const o=_t(e);return{scene:{getScreenshot(r,a){return o("scene","getScreenshot",[r,a])},getMetrics(){return o("scene","getMetrics",[])},changeZoom:function(r){return o("scene","changeZoom",[r])},panCamera:function(r){return o("scene","panCamera",[r])},changeCameraPosition:function(r){return o("scene","changeCameraPosition",[r])},cleanup(){return o("scene","cleanup",[])},setUsername:function(r){return o("scene","setUsername",[r])}},emote:{getLength(){return o("emote","getLength",[])},isPlaying(){return o("emote","isPlaying",[])},goTo(r){return o("emote","goTo",[r])},play(){return o("emote","play",[])},pause(){return o("emote","pause",[])},stop(){return o("emote","stop",[])},enableSound(){return o("emote","enableSound",[])},disableSound(){return o("emote","disableSound",[])},hasSound(){return o("emote","hasSound",[])},isSocialEmote(){return o("emote","isSocialEmote",[])},getSocialEmoteAnimations(){return o("emote","getSocialEmoteAnimations",[])},getPlayingSocialEmoteAnimation(){return o("emote","getPlayingSocialEmoteAnimation",[])},emote:null,events:n},physics:{setSpringBonesParams(r,a){return o("physics","setSpringBonesParams",[r,a])}}}}var oe={},De;function $t(){if(De)return oe;De=1;var e=be();Object.defineProperty(oe,"__esModule",{value:!0}),oe.default=void 0;var t=e(ve()),n=he();return oe.default=(0,t.default)((0,n.jsx)("path",{d:"M6 19h4V5H6zm8-14v14h4V5z"}),"Pause"),oe}var Lt=$t();const Ot=ie(Lt);var ne={},We;function At(){if(We)return ne;We=1;var e=be();Object.defineProperty(ne,"__esModule",{value:!0}),ne.default=void 0;var t=e(ve()),n=he();return ne.default=(0,t.default)((0,n.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow"),ne}var Vt=At();const Dt=ie(Vt);var re={},Fe;function Wt(){if(Fe)return re;Fe=1;var e=be();Object.defineProperty(re,"__esModule",{value:!0}),re.default=void 0;var t=e(ve()),n=he();return re.default=(0,t.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"),re}var Ft=Wt();const Ut=ie(Ft);var ae={},Ue;function qt(){if(Ue)return ae;Ue=1;var e=be();Object.defineProperty(ae,"__esModule",{value:!0}),ae.default=void 0;var t=e(ve()),n=he();return ae.default=(0,t.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"),ae}var Ht=qt();const Yt=ie(Ht),Gt=(e,t)=>{const n=i.useRef(null),[o,r]=i.useState(!1);return i.useEffect(()=>{const a=t??jt(e);if(n.current=a,Ae(e)){r(!0);return}const s=document.getElementById(e);if(!s){console.error(`Could not find iframe with id="${e}"`);return}if(!s.contentWindow){console.error(`Iframe contentWindow is not accessible for id="${e}"`);return}const c=f=>{var m;((m=f.data)==null?void 0:m.type)===Y.PreviewMessageType.LOAD&&Ae(e)&&r(!0)};return window.addEventListener("message",c),()=>{window.removeEventListener("message",c),r(!1),n.current=null}},[e,t]),{controllerRef:n,isReady:o}};function Qe(e){var t,n,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(n=Qe(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function Xt(){for(var e,t,n=0,o="",r=arguments.length;n<r;n++)(e=arguments[n])&&(t=Qe(e))&&(o&&(o+=" "),o+=t);return o}const Kt=["className","component"];function Zt(e={}){const{themeId:t,defaultTheme:n,defaultClassName:o="MuiBox-root",generateClassName:r}=e,a=vt("div",{shouldForwardProp:l=>l!=="theme"&&l!=="sx"&&l!=="as"})(yt);return i.forwardRef(function(c,f){const m=St(n),u=xt(c),{className:y,component:g="div"}=u,b=le(u,Kt);return v.jsx(a,P({as:g,ref:f,className:Xt(y,r?r(o):o),theme:t&&m[t]||m},b))})}function Te(e,t){return Te=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},Te(e,t)}function Qt(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Te(e,t)}const qe=se.createContext(null);function Jt(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ne(e,t){var n=function(a){return t&&i.isValidElement(a)?t(a):a},o=Object.create(null);return e&&i.Children.map(e,function(r){return r}).forEach(function(r){o[r.key]=n(r)}),o}function eo(e,t){e=e||{},t=t||{};function n(m){return m in t?t[m]:e[m]}var o=Object.create(null),r=[];for(var a in e)a in t?r.length&&(o[a]=r,r=[]):r.push(a);var s,l={};for(var c in t){if(o[c])for(s=0;s<o[c].length;s++){var f=o[c][s];l[o[c][s]]=n(f)}l[c]=n(c)}for(s=0;s<r.length;s++)l[r[s]]=n(r[s]);return l}function X(e,t,n){return n[t]!=null?n[t]:e.props[t]}function to(e,t){return Ne(e.children,function(n){return i.cloneElement(n,{onExited:t.bind(null,n),in:!0,appear:X(n,"appear",e),enter:X(n,"enter",e),exit:X(n,"exit",e)})})}function oo(e,t,n){var o=Ne(e.children),r=eo(t,o);return Object.keys(r).forEach(function(a){var s=r[a];if(i.isValidElement(s)){var l=a in t,c=a in o,f=t[a],m=i.isValidElement(f)&&!f.props.in;c&&(!l||m)?r[a]=i.cloneElement(s,{onExited:n.bind(null,s),in:!0,exit:X(s,"exit",e),enter:X(s,"enter",e)}):!c&&l&&!m?r[a]=i.cloneElement(s,{in:!1}):c&&l&&i.isValidElement(f)&&(r[a]=i.cloneElement(s,{onExited:n.bind(null,s),in:f.props.in,exit:X(s,"exit",e),enter:X(s,"enter",e)}))}}),r}var no=Object.values||function(e){return Object.keys(e).map(function(t){return e[t]})},ro={component:"div",childFactory:function(t){return t}},ze=(function(e){Qt(t,e);function t(o,r){var a;a=e.call(this,o,r)||this;var s=a.handleExited.bind(Jt(a));return a.state={contextValue:{isMounting:!0},handleExited:s,firstRender:!0},a}var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(r,a){var s=a.children,l=a.handleExited,c=a.firstRender;return{children:c?to(r,l):oo(r,s,l),firstRender:!1}},n.handleExited=function(r,a){var s=Ne(this.props.children);r.key in s||(r.props.onExited&&r.props.onExited(a),this.mounted&&this.setState(function(l){var c=P({},l.children);return delete c[r.key],{children:c}}))},n.render=function(){var r=this.props,a=r.component,s=r.childFactory,l=le(r,["component","childFactory"]),c=this.state.contextValue,f=no(this.state.children).map(s);return delete l.appear,delete l.enter,delete l.exit,a===null?se.createElement(qe.Provider,{value:c},f):se.createElement(qe.Provider,{value:c},se.createElement(a,l,f))},t})(se.Component);ze.propTypes={};ze.defaultProps=ro;function ao(e){const{className:t,classes:n,pulsate:o=!1,rippleX:r,rippleY:a,rippleSize:s,in:l,onExited:c,timeout:f}=e,[m,u]=i.useState(!1),y=_(t,n.ripple,n.rippleVisible,o&&n.ripplePulsate),g={width:s,height:s,top:-(s/2)+a,left:-(s/2)+r},b=_(n.child,m&&n.childLeaving,o&&n.childPulsate);return!l&&!m&&u(!0),i.useEffect(()=>{if(!l&&c!=null){const x=setTimeout(c,f);return()=>{clearTimeout(x)}}},[c,l,f]),v.jsx("span",{className:y,style:g,children:v.jsx("span",{className:b})})}const j=ye("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),so=["center","classes","className"];let xe=e=>e,He,Ye,Ge,Xe;const Ie=550,io=80,lo=we(He||(He=xe`
+import{g as ie,k as he,r as i,j as v,R as se}from"./react-C51i12iP.js";import{a as Y,g as F}from"./dcl-schemas-BICTSpB5.js";import{bz as be,bA as ve,bB as vt,bl as yt,bC as xt,R as le,S as P,U as _,P as ye,Q as Se,bw as Et,X as Q,N as we,O as Xe,bo as $e,bu as Ct,bq as pe,W as Ze,bD as Rt,T as Pt,aG as Mt,aB as Tt,V as A,bx as It,bj as fe}from"./index-CGNquv7o.js";import{n as J}from"./emotion-styled.browser.esm-CMXzhKww.js";import{u as St}from"./useTheme-CUwz5NUH.js";import{C as wt}from"./CircularProgress-DvTkhDvC.js";var te={},Le;function kt(){if(Le)return te;Le=1,Object.defineProperty(te,"__esModule",{value:!0});function e(){let t,n;const o=new Promise((r,a)=>{t=s=>{r(s),o.isPending=!1},n=s=>{a(s),o.isPending=!1}}).catch(r=>Promise.reject(r));return o.resolve=t,o.reject=n,"finally"in o||(o.finally=r=>{o.then(r),o.catch(r)}),o.isPending=!0,o}return te.future=e,te.default=e,te}var Nt=kt();const zt=ie(Nt);function Oe(e){return{all:e=e||new Map,on:function(t,n){var o=e.get(t);o?o.push(n):e.set(t,[n])},off:function(t,n){var o=e.get(t);o&&(n?o.splice(o.indexOf(n)>>>0,1):e.set(t,[]))},emit:function(t,n){var o=e.get(t);o&&o.slice().map(function(r){r(n)}),(o=e.get("*"))&&o.slice().map(function(r){r(t,n)})}}}const Z=new Map,Pe=new Map,ke=new Map,ge=new Map;function Ae(e){const t=document.getElementById(e);return!t||!t.contentWindow?!1:ke.get(t.contentWindow)??!1}function Me(e){if(e.data&&e.data.type)try{switch(e.data.type){case Y.PreviewMessageType.CONTROLLER_RESPONSE:{const t=e.data.payload,{id:n}=t,o=Z.get(n);o&&(Z.delete(n),t.ok?o.resolve(t.result):t.ok===!1&&o.reject(new Error(t.error)));break}case Y.PreviewMessageType.EMOTE_EVENT:{const t=e.data.payload,{type:n,payload:o}=t,r=e.source?Pe.get(e.source):null;r&&n&&r.emit(n,o);break}case Y.PreviewMessageType.LOAD:{e.source&&(ke.set(e.source,!0),(ge.get(e.source)||[]).filter(o=>{var r;return((r=o.data)==null?void 0:r.type)!==Y.PreviewMessageType.LOAD}).forEach(Me),ge.delete(e.source));break}default:}}catch(t){console.error("Error processing WearablePreview message:",t)}}const Bt=e=>{var n;if(((n=e.data)==null?void 0:n.type)===Y.PreviewMessageType.LOAD){Me(e);return}if(!(e.source?ke.get(e.source):!1)&&e.source){const o=ge.get(e.source)||[];o.push(e),ge.set(e.source,o);return}Me(e)};typeof window<"u"&&window.addEventListener("message",Bt,!1);let Ve=0;function _t(e){return function(n,o,r){const a=document.getElementById(e);if(!a||!a.contentWindow){const g=new Error("iframe not found or not accessible");return Promise.reject(g)}const s=e+"-"+Ve,l=zt();Z.set(s,l);const c=Y.PreviewMessageType.CONTROLLER_REQUEST,f={id:s,namespace:n,method:o,params:r},m=setTimeout(()=>{Z.delete(s),l.reject(new Error(`Request timeout for ${o}`))},1e4),u=l.resolve,y=l.reject;l.resolve=g=>{clearTimeout(m),u(g)},l.reject=g=>{clearTimeout(m),y(g)};try{Y.sendMessage(a.contentWindow,c,f)}catch(g){const b=g instanceof Error?g.message:String(g);l.reject(new Error(`Failed to send message: ${b}`)),Z.delete(s),clearTimeout(m)}return Ve++,l}}function jt(e){const t=document.getElementById(e);if(!t)throw new Error(`Could not find an iframe with id="${e}"`);Z.clear();const n=t.contentWindow?Pe.get(t.contentWindow)??Oe():Oe();t.contentWindow&&Pe.set(t.contentWindow,n);const o=_t(e);return{scene:{getScreenshot(r,a){return o("scene","getScreenshot",[r,a])},getMetrics(){return o("scene","getMetrics",[])},changeZoom:function(r){return o("scene","changeZoom",[r])},panCamera:function(r){return o("scene","panCamera",[r])},changeCameraPosition:function(r){return o("scene","changeCameraPosition",[r])},cleanup(){return o("scene","cleanup",[])},setUsername:function(r){return o("scene","setUsername",[r])}},emote:{getLength(){return o("emote","getLength",[])},isPlaying(){return o("emote","isPlaying",[])},goTo(r){return o("emote","goTo",[r])},play(){return o("emote","play",[])},pause(){return o("emote","pause",[])},stop(){return o("emote","stop",[])},enableSound(){return o("emote","enableSound",[])},disableSound(){return o("emote","disableSound",[])},hasSound(){return o("emote","hasSound",[])},isSocialEmote(){return o("emote","isSocialEmote",[])},getSocialEmoteAnimations(){return o("emote","getSocialEmoteAnimations",[])},getPlayingSocialEmoteAnimation(){return o("emote","getPlayingSocialEmoteAnimation",[])},emote:null,events:n},physics:{setSpringBonesParams(r,a){return o("physics","setSpringBonesParams",[r,a])}}}}var oe={},De;function $t(){if(De)return oe;De=1;var e=be();Object.defineProperty(oe,"__esModule",{value:!0}),oe.default=void 0;var t=e(ve()),n=he();return oe.default=(0,t.default)((0,n.jsx)("path",{d:"M6 19h4V5H6zm8-14v14h4V5z"}),"Pause"),oe}var Lt=$t();const Ot=ie(Lt);var ne={},We;function At(){if(We)return ne;We=1;var e=be();Object.defineProperty(ne,"__esModule",{value:!0}),ne.default=void 0;var t=e(ve()),n=he();return ne.default=(0,t.default)((0,n.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow"),ne}var Vt=At();const Dt=ie(Vt);var re={},Fe;function Wt(){if(Fe)return re;Fe=1;var e=be();Object.defineProperty(re,"__esModule",{value:!0}),re.default=void 0;var t=e(ve()),n=he();return re.default=(0,t.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"),re}var Ft=Wt();const Ut=ie(Ft);var ae={},Ue;function qt(){if(Ue)return ae;Ue=1;var e=be();Object.defineProperty(ae,"__esModule",{value:!0}),ae.default=void 0;var t=e(ve()),n=he();return ae.default=(0,t.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"),ae}var Ht=qt();const Yt=ie(Ht),Gt=(e,t)=>{const n=i.useRef(null),[o,r]=i.useState(!1);return i.useEffect(()=>{const a=t??jt(e);if(n.current=a,Ae(e)){r(!0);return}const s=document.getElementById(e);if(!s){console.error(`Could not find iframe with id="${e}"`);return}if(!s.contentWindow){console.error(`Iframe contentWindow is not accessible for id="${e}"`);return}const c=f=>{var m;((m=f.data)==null?void 0:m.type)===Y.PreviewMessageType.LOAD&&Ae(e)&&r(!0)};return window.addEventListener("message",c),()=>{window.removeEventListener("message",c),r(!1),n.current=null}},[e,t]),{controllerRef:n,isReady:o}};function Qe(e){var t,n,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(n=Qe(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function Kt(){for(var e,t,n=0,o="",r=arguments.length;n<r;n++)(e=arguments[n])&&(t=Qe(e))&&(o&&(o+=" "),o+=t);return o}const Xt=["className","component"];function Zt(e={}){const{themeId:t,defaultTheme:n,defaultClassName:o="MuiBox-root",generateClassName:r}=e,a=vt("div",{shouldForwardProp:l=>l!=="theme"&&l!=="sx"&&l!=="as"})(yt);return i.forwardRef(function(c,f){const m=St(n),u=xt(c),{className:y,component:g="div"}=u,b=le(u,Xt);return v.jsx(a,P({as:g,ref:f,className:Kt(y,r?r(o):o),theme:t&&m[t]||m},b))})}function Te(e,t){return Te=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},Te(e,t)}function Qt(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Te(e,t)}const qe=se.createContext(null);function Jt(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ne(e,t){var n=function(a){return t&&i.isValidElement(a)?t(a):a},o=Object.create(null);return e&&i.Children.map(e,function(r){return r}).forEach(function(r){o[r.key]=n(r)}),o}function eo(e,t){e=e||{},t=t||{};function n(m){return m in t?t[m]:e[m]}var o=Object.create(null),r=[];for(var a in e)a in t?r.length&&(o[a]=r,r=[]):r.push(a);var s,l={};for(var c in t){if(o[c])for(s=0;s<o[c].length;s++){var f=o[c][s];l[o[c][s]]=n(f)}l[c]=n(c)}for(s=0;s<r.length;s++)l[r[s]]=n(r[s]);return l}function K(e,t,n){return n[t]!=null?n[t]:e.props[t]}function to(e,t){return Ne(e.children,function(n){return i.cloneElement(n,{onExited:t.bind(null,n),in:!0,appear:K(n,"appear",e),enter:K(n,"enter",e),exit:K(n,"exit",e)})})}function oo(e,t,n){var o=Ne(e.children),r=eo(t,o);return Object.keys(r).forEach(function(a){var s=r[a];if(i.isValidElement(s)){var l=a in t,c=a in o,f=t[a],m=i.isValidElement(f)&&!f.props.in;c&&(!l||m)?r[a]=i.cloneElement(s,{onExited:n.bind(null,s),in:!0,exit:K(s,"exit",e),enter:K(s,"enter",e)}):!c&&l&&!m?r[a]=i.cloneElement(s,{in:!1}):c&&l&&i.isValidElement(f)&&(r[a]=i.cloneElement(s,{onExited:n.bind(null,s),in:f.props.in,exit:K(s,"exit",e),enter:K(s,"enter",e)}))}}),r}var no=Object.values||function(e){return Object.keys(e).map(function(t){return e[t]})},ro={component:"div",childFactory:function(t){return t}},ze=(function(e){Qt(t,e);function t(o,r){var a;a=e.call(this,o,r)||this;var s=a.handleExited.bind(Jt(a));return a.state={contextValue:{isMounting:!0},handleExited:s,firstRender:!0},a}var n=t.prototype;return n.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},n.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(r,a){var s=a.children,l=a.handleExited,c=a.firstRender;return{children:c?to(r,l):oo(r,s,l),firstRender:!1}},n.handleExited=function(r,a){var s=Ne(this.props.children);r.key in s||(r.props.onExited&&r.props.onExited(a),this.mounted&&this.setState(function(l){var c=P({},l.children);return delete c[r.key],{children:c}}))},n.render=function(){var r=this.props,a=r.component,s=r.childFactory,l=le(r,["component","childFactory"]),c=this.state.contextValue,f=no(this.state.children).map(s);return delete l.appear,delete l.enter,delete l.exit,a===null?se.createElement(qe.Provider,{value:c},f):se.createElement(qe.Provider,{value:c},se.createElement(a,l,f))},t})(se.Component);ze.propTypes={};ze.defaultProps=ro;function ao(e){const{className:t,classes:n,pulsate:o=!1,rippleX:r,rippleY:a,rippleSize:s,in:l,onExited:c,timeout:f}=e,[m,u]=i.useState(!1),y=_(t,n.ripple,n.rippleVisible,o&&n.ripplePulsate),g={width:s,height:s,top:-(s/2)+a,left:-(s/2)+r},b=_(n.child,m&&n.childLeaving,o&&n.childPulsate);return!l&&!m&&u(!0),i.useEffect(()=>{if(!l&&c!=null){const x=setTimeout(c,f);return()=>{clearTimeout(x)}}},[c,l,f]),v.jsx("span",{className:y,style:g,children:v.jsx("span",{className:b})})}const j=ye("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),so=["center","classes","className"];let xe=e=>e,He,Ye,Ge,Ke;const Ie=550,io=80,lo=we(He||(He=xe`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -28,7 +28,7 @@ import{g as ie,k as he,r as i,j as v,R as se}from"./react-BrLDncxD.js";import{a
   100% {
     transform: scale(1);
   }
-`)),po=Q("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),fo=Q(ao,{name:"MuiTouchRipple",slot:"Ripple"})(Xe||(Xe=xe`
+`)),po=Q("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),fo=Q(ao,{name:"MuiTouchRipple",slot:"Ripple"})(Ke||(Ke=xe`
   opacity: 0;
   position: absolute;
 
@@ -71,4 +71,4 @@ import{g as ie,k as he,r as i,j as v,R as se}from"./react-BrLDncxD.js";import{a
     animation-iteration-count: infinite;
     animation-delay: 200ms;
   }
-`),j.rippleVisible,lo,Ie,({theme:e})=>e.transitions.easing.easeInOut,j.ripplePulsate,({theme:e})=>e.transitions.duration.shorter,j.child,j.childLeaving,co,Ie,({theme:e})=>e.transitions.easing.easeInOut,j.childPulsate,uo,({theme:e})=>e.transitions.easing.easeInOut),mo=i.forwardRef(function(t,n){const o=Se({props:t,name:"MuiTouchRipple"}),{center:r=!1,classes:a={},className:s}=o,l=le(o,so),[c,f]=i.useState([]),m=i.useRef(0),u=i.useRef(null);i.useEffect(()=>{u.current&&(u.current(),u.current=null)},[c]);const y=i.useRef(!1),g=Et(),b=i.useRef(null),x=i.useRef(null),$=i.useCallback(h=>{const{pulsate:R,rippleX:C,rippleY:T,rippleSize:L,cb:D}=h;f(I=>[...I,v.jsx(fo,{classes:{ripple:_(a.ripple,j.ripple),rippleVisible:_(a.rippleVisible,j.rippleVisible),ripplePulsate:_(a.ripplePulsate,j.ripplePulsate),child:_(a.child,j.child),childLeaving:_(a.childLeaving,j.childLeaving),childPulsate:_(a.childPulsate,j.childPulsate)},timeout:Ie,pulsate:R,rippleX:C,rippleY:T,rippleSize:L},m.current)]),m.current+=1,u.current=D},[a]),E=i.useCallback((h={},R={},C=()=>{})=>{const{pulsate:T=!1,center:L=r||R.pulsate,fakeElement:D=!1}=R;if((h==null?void 0:h.type)==="mousedown"&&y.current){y.current=!1;return}(h==null?void 0:h.type)==="touchstart"&&(y.current=!0);const I=D?null:x.current,N=I?I.getBoundingClientRect():{width:0,height:0,left:0,top:0};let S,z,B;if(L||h===void 0||h.clientX===0&&h.clientY===0||!h.clientX&&!h.touches)S=Math.round(N.width/2),z=Math.round(N.height/2);else{const{clientX:O,clientY:w}=h.touches&&h.touches.length>0?h.touches[0]:h;S=Math.round(O-N.left),z=Math.round(w-N.top)}if(L)B=Math.sqrt((2*N.width**2+N.height**2)/3),B%2===0&&(B+=1);else{const O=Math.max(Math.abs((I?I.clientWidth:0)-S),S)*2+2,w=Math.max(Math.abs((I?I.clientHeight:0)-z),z)*2+2;B=Math.sqrt(O**2+w**2)}h!=null&&h.touches?b.current===null&&(b.current=()=>{$({pulsate:T,rippleX:S,rippleY:z,rippleSize:B,cb:C})},g.start(io,()=>{b.current&&(b.current(),b.current=null)})):$({pulsate:T,rippleX:S,rippleY:z,rippleSize:B,cb:C})},[r,$,g]),V=i.useCallback(()=>{E({},{pulsate:!0})},[E]),M=i.useCallback((h,R)=>{if(g.clear(),(h==null?void 0:h.type)==="touchend"&&b.current){b.current(),b.current=null,g.start(0,()=>{M(h,R)});return}b.current=null,f(C=>C.length>0?C.slice(1):C),u.current=R},[g]);return i.useImperativeHandle(n,()=>({pulsate:V,start:E,stop:M}),[V,E,M]),v.jsx(po,P({className:_(j.root,a.root,s),ref:x},l,{children:v.jsx(ze,{component:null,exit:!0,children:c})}))});function go(e){return Ke("MuiButtonBase",e)}const ho=ye("MuiButtonBase",["root","disabled","focusVisible"]),bo=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"],vo=e=>{const{disabled:t,focusVisible:n,focusVisibleClassName:o,classes:r}=e,s=Ze({root:["root",t&&"disabled",n&&"focusVisible"]},go,r);return n&&o&&(s.root+=` ${o}`),s},yo=Q("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(e,t)=>t.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${ho.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),xo=i.forwardRef(function(t,n){const o=Se({props:t,name:"MuiButtonBase"}),{action:r,centerRipple:a=!1,children:s,className:l,component:c="button",disabled:f=!1,disableRipple:m=!1,disableTouchRipple:u=!1,focusRipple:y=!1,LinkComponent:g="a",onBlur:b,onClick:x,onContextMenu:$,onDragLeave:E,onFocus:V,onFocusVisible:M,onKeyDown:h,onKeyUp:R,onMouseDown:C,onMouseLeave:T,onMouseUp:L,onTouchEnd:D,onTouchMove:I,onTouchStart:N,tabIndex:S=0,TouchRippleProps:z,touchRippleRef:B,type:O}=o,w=le(o,bo),U=i.useRef(null),k=i.useRef(null),ce=$e(k,B),{isFocusVisibleRef:G,onFocus:ue,onBlur:d,ref:q}=Ct(),[W,K]=i.useState(!1);f&&W&&K(!1),i.useImperativeHandle(r,()=>({focusVisible:()=>{K(!0),U.current.focus()}}),[]);const[Ee,tt]=i.useState(!1);i.useEffect(()=>{tt(!0)},[]);const ot=Ee&&!m&&!f;i.useEffect(()=>{W&&y&&!m&&Ee&&k.current.pulsate()},[m,y,W,Ee]);function H(p,_e,bt=u){return pe(je=>(_e&&_e(je),!bt&&k.current&&k.current[p](je),!0))}const nt=H("start",C),rt=H("stop",$),at=H("stop",E),st=H("stop",L),it=H("stop",p=>{W&&p.preventDefault(),T&&T(p)}),lt=H("start",N),ct=H("stop",D),ut=H("stop",I),dt=H("stop",p=>{d(p),G.current===!1&&K(!1),b&&b(p)},!1),pt=pe(p=>{U.current||(U.current=p.currentTarget),ue(p),G.current===!0&&(K(!0),M&&M(p)),V&&V(p)}),Ce=()=>{const p=U.current;return c&&c!=="button"&&!(p.tagName==="A"&&p.href)},Re=i.useRef(!1),ft=pe(p=>{y&&!Re.current&&W&&k.current&&p.key===" "&&(Re.current=!0,k.current.stop(p,()=>{k.current.start(p)})),p.target===p.currentTarget&&Ce()&&p.key===" "&&p.preventDefault(),h&&h(p),p.target===p.currentTarget&&Ce()&&p.key==="Enter"&&!f&&(p.preventDefault(),x&&x(p))}),mt=pe(p=>{y&&p.key===" "&&k.current&&W&&!p.defaultPrevented&&(Re.current=!1,k.current.stop(p,()=>{k.current.pulsate(p)})),R&&R(p),x&&p.target===p.currentTarget&&Ce()&&p.key===" "&&!p.defaultPrevented&&x(p)});let de=c;de==="button"&&(w.href||w.to)&&(de=g);const ee={};de==="button"?(ee.type=O===void 0?"button":O,ee.disabled=f):(!w.href&&!w.to&&(ee.role="button"),f&&(ee["aria-disabled"]=f));const gt=$e(n,q,U),Be=P({},o,{centerRipple:a,component:c,disabled:f,disableRipple:m,disableTouchRipple:u,focusRipple:y,tabIndex:S,focusVisible:W}),ht=vo(Be);return v.jsxs(yo,P({as:de,className:_(ht.root,l),ownerState:Be,onBlur:dt,onClick:x,onContextMenu:rt,onFocus:pt,onKeyDown:ft,onKeyUp:mt,onMouseDown:nt,onMouseLeave:it,onMouseUp:st,onDragLeave:at,onTouchEnd:ct,onTouchMove:ut,onTouchStart:lt,ref:gt,tabIndex:f?-1:S,type:O},ee,w,{children:[s,ot?v.jsx(mo,P({ref:ce,center:a},z)):null]}))}),Eo=ye("MuiBox",["root"]),Co=Mt(),Ro=Zt({themeId:Pt,defaultTheme:Co,defaultClassName:Eo.root,generateClassName:Rt.generate});function Po(e){return Ke("MuiButton",e)}const me=ye("MuiButton",["root","text","textInherit","textPrimary","textSecondary","textSuccess","textError","textInfo","textWarning","outlined","outlinedInherit","outlinedPrimary","outlinedSecondary","outlinedSuccess","outlinedError","outlinedInfo","outlinedWarning","contained","containedInherit","containedPrimary","containedSecondary","containedSuccess","containedError","containedInfo","containedWarning","disableElevation","focusVisible","disabled","colorInherit","colorPrimary","colorSecondary","colorSuccess","colorError","colorInfo","colorWarning","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","icon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),Mo=i.createContext({}),To=i.createContext(void 0),Io=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],So=e=>{const{color:t,disableElevation:n,fullWidth:o,size:r,variant:a,classes:s}=e,l={root:["root",a,`${a}${A(t)}`,`size${A(r)}`,`${a}Size${A(r)}`,`color${A(t)}`,n&&"disableElevation",o&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${A(r)}`],endIcon:["icon","endIcon",`iconSize${A(r)}`]},c=Ze(l,Po,s);return P({},s,c)},Je=e=>P({},e.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},e.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},e.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),wo=Q(xo,{shouldForwardProp:e=>It(e)||e==="classes",name:"MuiButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[n.variant],t[`${n.variant}${A(n.color)}`],t[`size${A(n.size)}`],t[`${n.variant}Size${A(n.size)}`],n.color==="inherit"&&t.colorInherit,n.disableElevation&&t.disableElevation,n.fullWidth&&t.fullWidth]}})(({theme:e,ownerState:t})=>{var n,o;const r=e.palette.mode==="light"?e.palette.grey[300]:e.palette.grey[800],a=e.palette.mode==="light"?e.palette.grey.A100:e.palette.grey[700];return P({},e.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(e.vars||e).shape.borderRadius,transition:e.transitions.create(["background-color","box-shadow","border-color","color"],{duration:e.transitions.duration.short}),"&:hover":P({textDecoration:"none",backgroundColor:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})`:fe.alpha(e.palette.text.primary,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},t.variant==="text"&&t.color!=="inherit"&&{backgroundColor:e.vars?`rgba(${e.vars.palette[t.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:fe.alpha(e.palette[t.color].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},t.variant==="outlined"&&t.color!=="inherit"&&{border:`1px solid ${(e.vars||e).palette[t.color].main}`,backgroundColor:e.vars?`rgba(${e.vars.palette[t.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:fe.alpha(e.palette[t.color].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},t.variant==="contained"&&{backgroundColor:e.vars?e.vars.palette.Button.inheritContainedHoverBg:a,boxShadow:(e.vars||e).shadows[4],"@media (hover: none)":{boxShadow:(e.vars||e).shadows[2],backgroundColor:(e.vars||e).palette.grey[300]}},t.variant==="contained"&&t.color!=="inherit"&&{backgroundColor:(e.vars||e).palette[t.color].dark,"@media (hover: none)":{backgroundColor:(e.vars||e).palette[t.color].main}}),"&:active":P({},t.variant==="contained"&&{boxShadow:(e.vars||e).shadows[8]}),[`&.${me.focusVisible}`]:P({},t.variant==="contained"&&{boxShadow:(e.vars||e).shadows[6]}),[`&.${me.disabled}`]:P({color:(e.vars||e).palette.action.disabled},t.variant==="outlined"&&{border:`1px solid ${(e.vars||e).palette.action.disabledBackground}`},t.variant==="contained"&&{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground})},t.variant==="text"&&{padding:"6px 8px"},t.variant==="text"&&t.color!=="inherit"&&{color:(e.vars||e).palette[t.color].main},t.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},t.variant==="outlined"&&t.color!=="inherit"&&{color:(e.vars||e).palette[t.color].main,border:e.vars?`1px solid rgba(${e.vars.palette[t.color].mainChannel} / 0.5)`:`1px solid ${fe.alpha(e.palette[t.color].main,.5)}`},t.variant==="contained"&&{color:e.vars?e.vars.palette.text.primary:(n=(o=e.palette).getContrastText)==null?void 0:n.call(o,e.palette.grey[300]),backgroundColor:e.vars?e.vars.palette.Button.inheritContainedBg:r,boxShadow:(e.vars||e).shadows[2]},t.variant==="contained"&&t.color!=="inherit"&&{color:(e.vars||e).palette[t.color].contrastText,backgroundColor:(e.vars||e).palette[t.color].main},t.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},t.size==="small"&&t.variant==="text"&&{padding:"4px 5px",fontSize:e.typography.pxToRem(13)},t.size==="large"&&t.variant==="text"&&{padding:"8px 11px",fontSize:e.typography.pxToRem(15)},t.size==="small"&&t.variant==="outlined"&&{padding:"3px 9px",fontSize:e.typography.pxToRem(13)},t.size==="large"&&t.variant==="outlined"&&{padding:"7px 21px",fontSize:e.typography.pxToRem(15)},t.size==="small"&&t.variant==="contained"&&{padding:"4px 10px",fontSize:e.typography.pxToRem(13)},t.size==="large"&&t.variant==="contained"&&{padding:"8px 22px",fontSize:e.typography.pxToRem(15)},t.fullWidth&&{width:"100%"})},({ownerState:e})=>e.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${me.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${me.disabled}`]:{boxShadow:"none"}}),ko=Q("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.startIcon,t[`iconSize${A(n.size)}`]]}})(({ownerState:e})=>P({display:"inherit",marginRight:8,marginLeft:-4},e.size==="small"&&{marginLeft:-2},Je(e))),No=Q("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.endIcon,t[`iconSize${A(n.size)}`]]}})(({ownerState:e})=>P({display:"inherit",marginRight:-4,marginLeft:8},e.size==="small"&&{marginRight:-2},Je(e))),zo=i.forwardRef(function(t,n){const o=i.useContext(Mo),r=i.useContext(To),a=Tt(o,t),s=Se({props:a,name:"MuiButton"}),{children:l,color:c="primary",component:f="button",className:m,disabled:u=!1,disableElevation:y=!1,disableFocusRipple:g=!1,endIcon:b,focusVisibleClassName:x,fullWidth:$=!1,size:E="medium",startIcon:V,type:M,variant:h="text"}=s,R=le(s,Io),C=P({},s,{color:c,component:f,disabled:u,disableElevation:y,disableFocusRipple:g,fullWidth:$,size:E,type:M,variant:h}),T=So(C),L=V&&v.jsx(ko,{className:T.startIcon,ownerState:C,children:V}),D=b&&v.jsx(No,{className:T.endIcon,ownerState:C,children:b}),I=r||"";return v.jsxs(wo,P({ownerState:C,className:_(o.className,T.root,m,I),component:f,disabled:u,focusRipple:!g,focusVisibleClassName:_(T.focusVisible,x),ref:n,type:M},R,{classes:T,children:[L,l,D]}))}),Bo={small:16,medium:20,large:24},et=({children:e,startIcon:t,endIcon:n,loading:o=!1,loadingIcon:r,loadingPosition:a="center",disabled:s=!1,size:l="medium",...c})=>{const f=v.jsx(wt,{color:"inherit",size:Bo[l]}),m=r||f,u=o&&a==="center"?m:e;return v.jsx(zo,{disabled:s||o,startIcon:o&&a==="start"?m:t,endIcon:o&&a==="end"?m:n,size:l,...c,children:u})},_o=J(Ro)(({theme:e})=>({display:"flex",position:"absolute",width:"100%",bottom:0,margin:`${e.spacing(2)} 0`,padding:`0 ${e.spacing(3)}`,gap:e.spacing(2)})),jo=J(et)(({theme:e})=>({width:56,height:44,padding:0,minWidth:"unset",background:"rgba(0, 0, 0, 0.64) !important","& svg":{marginLeft:e.spacing(.5)}})),$o=J(et)(({theme:e,muted:t})=>({marginLeft:e.spacing(2.5),minWidth:25,background:"none",padding:0,opacity:t?.5:1})),Lo=J("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)"}})),Oo=J("div")({display:"flex",alignItems:"center"}),Ao=J("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"}}),Vo=({wearablePreviewId:e,className:t,hideFrameInput:n,hideProgressInput:o,hidePlayButton:r,hideSoundButton:a,wearablePreviewController:s,renderPlayButton:l,renderSoundButton:c,renderProgressBar:f,renderFrameInput:m})=>{const{controllerRef:u,isReady:y}=Gt(e,s),[g,b]=i.useState(0),[x,$]=i.useState(!1),[E,V]=i.useState(void 0),[M,h]=i.useState(!0),[R,C]=i.useState(void 0),[T,L]=i.useState(!1),[D,I]=i.useState(!1),N=i.useCallback(()=>{b(0)},[]),S=i.useCallback(()=>{$(!1),b(d=>d>=Math.floor((E??0)*100)?0:d)},[E]),z=i.useCallback(()=>{$(!1)},[]),B=i.useCallback(async()=>{if(!D){let d=E;!E&&u.current&&(d=await u.current.emote.getLength()),$(!0),V(d)}},[E,D,u]),O=i.useCallback(({length:d})=>{b(Math.ceil((d??0)*100))},[]);i.useEffect(()=>{const d=u.current;if(d)return d.emote.events.on(F.PreviewEmoteEventType.ANIMATION_PLAY,B),d.emote.events.on(F.PreviewEmoteEventType.ANIMATION_PLAYING,O),d.emote.events.on(F.PreviewEmoteEventType.ANIMATION_END,S),d.emote.events.on(F.PreviewEmoteEventType.ANIMATION_PAUSE,z),d.emote.events.on(F.PreviewEmoteEventType.ANIMATION_LOOP,N),()=>{d.emote.events.off(F.PreviewEmoteEventType.ANIMATION_PLAY,B),d.emote.events.off(F.PreviewEmoteEventType.ANIMATION_PLAYING,O),d.emote.events.off(F.PreviewEmoteEventType.ANIMATION_END,S),d.emote.events.off(F.PreviewEmoteEventType.ANIMATION_PAUSE,z),d.emote.events.off(F.PreviewEmoteEventType.ANIMATION_LOOP,N)}},[u,B,O,S,z,N]),i.useEffect(()=>{R===void 0&&y&&u.current&&u.current.emote.hasSound().then(d=>C(d)).catch(d=>{console.error("Error checking sound:",d),C(!1)})},[R,y,u]);const w=i.useCallback(async()=>{if(u.current)try{await u.current.emote.play()}catch(d){console.error("Error playing emote:",d)}},[u]),U=i.useCallback(async()=>{if(u.current)try{await u.current.emote.pause()}catch(d){console.error("Error pausing emote:",d)}},[u]),k=i.useCallback(async()=>{x?await U():await w()},[x,w,U]),ce=i.useCallback(()=>{var d,q;M?(d=u.current)==null||d.emote.disableSound():(q=u.current)==null||q.emote.enableSound(),h(!M)},[M,u]),G=i.useCallback(async d=>{if(isNaN(d)||!u.current)return;let q=d;const W=E??0;W*100<d&&(q=W*100),b(q),I(!0);try{x&&(await u.current.emote.pause(),L(!0)),await u.current.emote.goTo(q/100)}catch(K){console.error("Error changing frame:",K)}},[E,x,u]),ue=i.useCallback(async()=>{if(I(!1),T&&u.current){try{await u.current.emote.play()}catch(d){console.error("Error resuming play:",d)}L(!1)}},[T,u]);return v.jsxs(_o,{className:t,children:[r?null:l?l({isPlaying:x,onPlay:w,onPause:U,onToggle:k}):v.jsx(jo,{onClick:k,children:x?v.jsx(Ot,{}):v.jsx(Dt,{})}),o?null:f?f({frame:g,length:E??0,onChange:G,onMouseUp:ue}):v.jsx(Lo,{type:"range",value:g,max:Math.ceil((E??0)*100),min:0,step:1,onChange:d=>G(Number(d.target.value)),onMouseUp:ue}),n?null:v.jsx(Oo,{children:m?m({frame:Math.round(g/100),onChange:d=>G(d*100)}):v.jsx(Ao,{type:"number",value:Math.round(g/100),onChange:d=>G(Number(d.target.value)*100)})}),a||!R?null:c?c({isSoundEnabled:M,hasSound:R,onToggle:ce}):v.jsx($o,{muted:!M,onClick:ce,children:M?v.jsx(Yt,{}):v.jsx(Ut,{})})]})},Go=Object.freeze(Object.defineProperty({__proto__:null,EmoteControls:Vo},Symbol.toStringTag,{value:"Module"}));export{Mo as B,Vo as E,qe as T,Qt as _,To as a,xo as b,jt as c,zo as d,Ro as e,et as f,Go as i,Gt as u};
+`),j.rippleVisible,lo,Ie,({theme:e})=>e.transitions.easing.easeInOut,j.ripplePulsate,({theme:e})=>e.transitions.duration.shorter,j.child,j.childLeaving,co,Ie,({theme:e})=>e.transitions.easing.easeInOut,j.childPulsate,uo,({theme:e})=>e.transitions.easing.easeInOut),mo=i.forwardRef(function(t,n){const o=Se({props:t,name:"MuiTouchRipple"}),{center:r=!1,classes:a={},className:s}=o,l=le(o,so),[c,f]=i.useState([]),m=i.useRef(0),u=i.useRef(null);i.useEffect(()=>{u.current&&(u.current(),u.current=null)},[c]);const y=i.useRef(!1),g=Et(),b=i.useRef(null),x=i.useRef(null),$=i.useCallback(h=>{const{pulsate:R,rippleX:C,rippleY:T,rippleSize:L,cb:D}=h;f(I=>[...I,v.jsx(fo,{classes:{ripple:_(a.ripple,j.ripple),rippleVisible:_(a.rippleVisible,j.rippleVisible),ripplePulsate:_(a.ripplePulsate,j.ripplePulsate),child:_(a.child,j.child),childLeaving:_(a.childLeaving,j.childLeaving),childPulsate:_(a.childPulsate,j.childPulsate)},timeout:Ie,pulsate:R,rippleX:C,rippleY:T,rippleSize:L},m.current)]),m.current+=1,u.current=D},[a]),E=i.useCallback((h={},R={},C=()=>{})=>{const{pulsate:T=!1,center:L=r||R.pulsate,fakeElement:D=!1}=R;if((h==null?void 0:h.type)==="mousedown"&&y.current){y.current=!1;return}(h==null?void 0:h.type)==="touchstart"&&(y.current=!0);const I=D?null:x.current,N=I?I.getBoundingClientRect():{width:0,height:0,left:0,top:0};let S,z,B;if(L||h===void 0||h.clientX===0&&h.clientY===0||!h.clientX&&!h.touches)S=Math.round(N.width/2),z=Math.round(N.height/2);else{const{clientX:O,clientY:w}=h.touches&&h.touches.length>0?h.touches[0]:h;S=Math.round(O-N.left),z=Math.round(w-N.top)}if(L)B=Math.sqrt((2*N.width**2+N.height**2)/3),B%2===0&&(B+=1);else{const O=Math.max(Math.abs((I?I.clientWidth:0)-S),S)*2+2,w=Math.max(Math.abs((I?I.clientHeight:0)-z),z)*2+2;B=Math.sqrt(O**2+w**2)}h!=null&&h.touches?b.current===null&&(b.current=()=>{$({pulsate:T,rippleX:S,rippleY:z,rippleSize:B,cb:C})},g.start(io,()=>{b.current&&(b.current(),b.current=null)})):$({pulsate:T,rippleX:S,rippleY:z,rippleSize:B,cb:C})},[r,$,g]),V=i.useCallback(()=>{E({},{pulsate:!0})},[E]),M=i.useCallback((h,R)=>{if(g.clear(),(h==null?void 0:h.type)==="touchend"&&b.current){b.current(),b.current=null,g.start(0,()=>{M(h,R)});return}b.current=null,f(C=>C.length>0?C.slice(1):C),u.current=R},[g]);return i.useImperativeHandle(n,()=>({pulsate:V,start:E,stop:M}),[V,E,M]),v.jsx(po,P({className:_(j.root,a.root,s),ref:x},l,{children:v.jsx(ze,{component:null,exit:!0,children:c})}))});function go(e){return Xe("MuiButtonBase",e)}const ho=ye("MuiButtonBase",["root","disabled","focusVisible"]),bo=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"],vo=e=>{const{disabled:t,focusVisible:n,focusVisibleClassName:o,classes:r}=e,s=Ze({root:["root",t&&"disabled",n&&"focusVisible"]},go,r);return n&&o&&(s.root+=` ${o}`),s},yo=Q("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(e,t)=>t.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${ho.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),xo=i.forwardRef(function(t,n){const o=Se({props:t,name:"MuiButtonBase"}),{action:r,centerRipple:a=!1,children:s,className:l,component:c="button",disabled:f=!1,disableRipple:m=!1,disableTouchRipple:u=!1,focusRipple:y=!1,LinkComponent:g="a",onBlur:b,onClick:x,onContextMenu:$,onDragLeave:E,onFocus:V,onFocusVisible:M,onKeyDown:h,onKeyUp:R,onMouseDown:C,onMouseLeave:T,onMouseUp:L,onTouchEnd:D,onTouchMove:I,onTouchStart:N,tabIndex:S=0,TouchRippleProps:z,touchRippleRef:B,type:O}=o,w=le(o,bo),U=i.useRef(null),k=i.useRef(null),ce=$e(k,B),{isFocusVisibleRef:G,onFocus:ue,onBlur:d,ref:q}=Ct(),[W,X]=i.useState(!1);f&&W&&X(!1),i.useImperativeHandle(r,()=>({focusVisible:()=>{X(!0),U.current.focus()}}),[]);const[Ee,tt]=i.useState(!1);i.useEffect(()=>{tt(!0)},[]);const ot=Ee&&!m&&!f;i.useEffect(()=>{W&&y&&!m&&Ee&&k.current.pulsate()},[m,y,W,Ee]);function H(p,_e,bt=u){return pe(je=>(_e&&_e(je),!bt&&k.current&&k.current[p](je),!0))}const nt=H("start",C),rt=H("stop",$),at=H("stop",E),st=H("stop",L),it=H("stop",p=>{W&&p.preventDefault(),T&&T(p)}),lt=H("start",N),ct=H("stop",D),ut=H("stop",I),dt=H("stop",p=>{d(p),G.current===!1&&X(!1),b&&b(p)},!1),pt=pe(p=>{U.current||(U.current=p.currentTarget),ue(p),G.current===!0&&(X(!0),M&&M(p)),V&&V(p)}),Ce=()=>{const p=U.current;return c&&c!=="button"&&!(p.tagName==="A"&&p.href)},Re=i.useRef(!1),ft=pe(p=>{y&&!Re.current&&W&&k.current&&p.key===" "&&(Re.current=!0,k.current.stop(p,()=>{k.current.start(p)})),p.target===p.currentTarget&&Ce()&&p.key===" "&&p.preventDefault(),h&&h(p),p.target===p.currentTarget&&Ce()&&p.key==="Enter"&&!f&&(p.preventDefault(),x&&x(p))}),mt=pe(p=>{y&&p.key===" "&&k.current&&W&&!p.defaultPrevented&&(Re.current=!1,k.current.stop(p,()=>{k.current.pulsate(p)})),R&&R(p),x&&p.target===p.currentTarget&&Ce()&&p.key===" "&&!p.defaultPrevented&&x(p)});let de=c;de==="button"&&(w.href||w.to)&&(de=g);const ee={};de==="button"?(ee.type=O===void 0?"button":O,ee.disabled=f):(!w.href&&!w.to&&(ee.role="button"),f&&(ee["aria-disabled"]=f));const gt=$e(n,q,U),Be=P({},o,{centerRipple:a,component:c,disabled:f,disableRipple:m,disableTouchRipple:u,focusRipple:y,tabIndex:S,focusVisible:W}),ht=vo(Be);return v.jsxs(yo,P({as:de,className:_(ht.root,l),ownerState:Be,onBlur:dt,onClick:x,onContextMenu:rt,onFocus:pt,onKeyDown:ft,onKeyUp:mt,onMouseDown:nt,onMouseLeave:it,onMouseUp:st,onDragLeave:at,onTouchEnd:ct,onTouchMove:ut,onTouchStart:lt,ref:gt,tabIndex:f?-1:S,type:O},ee,w,{children:[s,ot?v.jsx(mo,P({ref:ce,center:a},z)):null]}))}),Eo=ye("MuiBox",["root"]),Co=Mt(),Ro=Zt({themeId:Pt,defaultTheme:Co,defaultClassName:Eo.root,generateClassName:Rt.generate});function Po(e){return Xe("MuiButton",e)}const me=ye("MuiButton",["root","text","textInherit","textPrimary","textSecondary","textSuccess","textError","textInfo","textWarning","outlined","outlinedInherit","outlinedPrimary","outlinedSecondary","outlinedSuccess","outlinedError","outlinedInfo","outlinedWarning","contained","containedInherit","containedPrimary","containedSecondary","containedSuccess","containedError","containedInfo","containedWarning","disableElevation","focusVisible","disabled","colorInherit","colorPrimary","colorSecondary","colorSuccess","colorError","colorInfo","colorWarning","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","icon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),Mo=i.createContext({}),To=i.createContext(void 0),Io=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],So=e=>{const{color:t,disableElevation:n,fullWidth:o,size:r,variant:a,classes:s}=e,l={root:["root",a,`${a}${A(t)}`,`size${A(r)}`,`${a}Size${A(r)}`,`color${A(t)}`,n&&"disableElevation",o&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${A(r)}`],endIcon:["icon","endIcon",`iconSize${A(r)}`]},c=Ze(l,Po,s);return P({},s,c)},Je=e=>P({},e.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},e.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},e.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),wo=Q(xo,{shouldForwardProp:e=>It(e)||e==="classes",name:"MuiButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[n.variant],t[`${n.variant}${A(n.color)}`],t[`size${A(n.size)}`],t[`${n.variant}Size${A(n.size)}`],n.color==="inherit"&&t.colorInherit,n.disableElevation&&t.disableElevation,n.fullWidth&&t.fullWidth]}})(({theme:e,ownerState:t})=>{var n,o;const r=e.palette.mode==="light"?e.palette.grey[300]:e.palette.grey[800],a=e.palette.mode==="light"?e.palette.grey.A100:e.palette.grey[700];return P({},e.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(e.vars||e).shape.borderRadius,transition:e.transitions.create(["background-color","box-shadow","border-color","color"],{duration:e.transitions.duration.short}),"&:hover":P({textDecoration:"none",backgroundColor:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})`:fe.alpha(e.palette.text.primary,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},t.variant==="text"&&t.color!=="inherit"&&{backgroundColor:e.vars?`rgba(${e.vars.palette[t.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:fe.alpha(e.palette[t.color].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},t.variant==="outlined"&&t.color!=="inherit"&&{border:`1px solid ${(e.vars||e).palette[t.color].main}`,backgroundColor:e.vars?`rgba(${e.vars.palette[t.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:fe.alpha(e.palette[t.color].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},t.variant==="contained"&&{backgroundColor:e.vars?e.vars.palette.Button.inheritContainedHoverBg:a,boxShadow:(e.vars||e).shadows[4],"@media (hover: none)":{boxShadow:(e.vars||e).shadows[2],backgroundColor:(e.vars||e).palette.grey[300]}},t.variant==="contained"&&t.color!=="inherit"&&{backgroundColor:(e.vars||e).palette[t.color].dark,"@media (hover: none)":{backgroundColor:(e.vars||e).palette[t.color].main}}),"&:active":P({},t.variant==="contained"&&{boxShadow:(e.vars||e).shadows[8]}),[`&.${me.focusVisible}`]:P({},t.variant==="contained"&&{boxShadow:(e.vars||e).shadows[6]}),[`&.${me.disabled}`]:P({color:(e.vars||e).palette.action.disabled},t.variant==="outlined"&&{border:`1px solid ${(e.vars||e).palette.action.disabledBackground}`},t.variant==="contained"&&{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground})},t.variant==="text"&&{padding:"6px 8px"},t.variant==="text"&&t.color!=="inherit"&&{color:(e.vars||e).palette[t.color].main},t.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},t.variant==="outlined"&&t.color!=="inherit"&&{color:(e.vars||e).palette[t.color].main,border:e.vars?`1px solid rgba(${e.vars.palette[t.color].mainChannel} / 0.5)`:`1px solid ${fe.alpha(e.palette[t.color].main,.5)}`},t.variant==="contained"&&{color:e.vars?e.vars.palette.text.primary:(n=(o=e.palette).getContrastText)==null?void 0:n.call(o,e.palette.grey[300]),backgroundColor:e.vars?e.vars.palette.Button.inheritContainedBg:r,boxShadow:(e.vars||e).shadows[2]},t.variant==="contained"&&t.color!=="inherit"&&{color:(e.vars||e).palette[t.color].contrastText,backgroundColor:(e.vars||e).palette[t.color].main},t.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},t.size==="small"&&t.variant==="text"&&{padding:"4px 5px",fontSize:e.typography.pxToRem(13)},t.size==="large"&&t.variant==="text"&&{padding:"8px 11px",fontSize:e.typography.pxToRem(15)},t.size==="small"&&t.variant==="outlined"&&{padding:"3px 9px",fontSize:e.typography.pxToRem(13)},t.size==="large"&&t.variant==="outlined"&&{padding:"7px 21px",fontSize:e.typography.pxToRem(15)},t.size==="small"&&t.variant==="contained"&&{padding:"4px 10px",fontSize:e.typography.pxToRem(13)},t.size==="large"&&t.variant==="contained"&&{padding:"8px 22px",fontSize:e.typography.pxToRem(15)},t.fullWidth&&{width:"100%"})},({ownerState:e})=>e.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${me.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${me.disabled}`]:{boxShadow:"none"}}),ko=Q("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.startIcon,t[`iconSize${A(n.size)}`]]}})(({ownerState:e})=>P({display:"inherit",marginRight:8,marginLeft:-4},e.size==="small"&&{marginLeft:-2},Je(e))),No=Q("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.endIcon,t[`iconSize${A(n.size)}`]]}})(({ownerState:e})=>P({display:"inherit",marginRight:-4,marginLeft:8},e.size==="small"&&{marginRight:-2},Je(e))),zo=i.forwardRef(function(t,n){const o=i.useContext(Mo),r=i.useContext(To),a=Tt(o,t),s=Se({props:a,name:"MuiButton"}),{children:l,color:c="primary",component:f="button",className:m,disabled:u=!1,disableElevation:y=!1,disableFocusRipple:g=!1,endIcon:b,focusVisibleClassName:x,fullWidth:$=!1,size:E="medium",startIcon:V,type:M,variant:h="text"}=s,R=le(s,Io),C=P({},s,{color:c,component:f,disabled:u,disableElevation:y,disableFocusRipple:g,fullWidth:$,size:E,type:M,variant:h}),T=So(C),L=V&&v.jsx(ko,{className:T.startIcon,ownerState:C,children:V}),D=b&&v.jsx(No,{className:T.endIcon,ownerState:C,children:b}),I=r||"";return v.jsxs(wo,P({ownerState:C,className:_(o.className,T.root,m,I),component:f,disabled:u,focusRipple:!g,focusVisibleClassName:_(T.focusVisible,x),ref:n,type:M},R,{classes:T,children:[L,l,D]}))}),Bo={small:16,medium:20,large:24},et=({children:e,startIcon:t,endIcon:n,loading:o=!1,loadingIcon:r,loadingPosition:a="center",disabled:s=!1,size:l="medium",...c})=>{const f=v.jsx(wt,{color:"inherit",size:Bo[l]}),m=r||f,u=o&&a==="center"?m:e;return v.jsx(zo,{disabled:s||o,startIcon:o&&a==="start"?m:t,endIcon:o&&a==="end"?m:n,size:l,...c,children:u})},_o=J(Ro)(({theme:e})=>({display:"flex",position:"absolute",width:"100%",bottom:0,margin:`${e.spacing(2)} 0`,padding:`0 ${e.spacing(3)}`,gap:e.spacing(2)})),jo=J(et)(({theme:e})=>({width:56,height:44,padding:0,minWidth:"unset",background:"rgba(0, 0, 0, 0.64) !important","& svg":{marginLeft:e.spacing(.5)}})),$o=J(et)(({theme:e,muted:t})=>({marginLeft:e.spacing(2.5),minWidth:25,background:"none",padding:0,opacity:t?.5:1})),Lo=J("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)"}})),Oo=J("div")({display:"flex",alignItems:"center"}),Ao=J("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"}}),Vo=({wearablePreviewId:e,className:t,hideFrameInput:n,hideProgressInput:o,hidePlayButton:r,hideSoundButton:a,wearablePreviewController:s,renderPlayButton:l,renderSoundButton:c,renderProgressBar:f,renderFrameInput:m})=>{const{controllerRef:u,isReady:y}=Gt(e,s),[g,b]=i.useState(0),[x,$]=i.useState(!1),[E,V]=i.useState(void 0),[M,h]=i.useState(!0),[R,C]=i.useState(void 0),[T,L]=i.useState(!1),[D,I]=i.useState(!1),N=i.useCallback(()=>{b(0)},[]),S=i.useCallback(()=>{$(!1),b(d=>d>=Math.floor((E??0)*100)?0:d)},[E]),z=i.useCallback(()=>{$(!1)},[]),B=i.useCallback(async()=>{if(!D){let d=E;!E&&u.current&&(d=await u.current.emote.getLength()),$(!0),V(d)}},[E,D,u]),O=i.useCallback(({length:d})=>{b(Math.ceil((d??0)*100))},[]);i.useEffect(()=>{const d=u.current;if(d)return d.emote.events.on(F.PreviewEmoteEventType.ANIMATION_PLAY,B),d.emote.events.on(F.PreviewEmoteEventType.ANIMATION_PLAYING,O),d.emote.events.on(F.PreviewEmoteEventType.ANIMATION_END,S),d.emote.events.on(F.PreviewEmoteEventType.ANIMATION_PAUSE,z),d.emote.events.on(F.PreviewEmoteEventType.ANIMATION_LOOP,N),()=>{d.emote.events.off(F.PreviewEmoteEventType.ANIMATION_PLAY,B),d.emote.events.off(F.PreviewEmoteEventType.ANIMATION_PLAYING,O),d.emote.events.off(F.PreviewEmoteEventType.ANIMATION_END,S),d.emote.events.off(F.PreviewEmoteEventType.ANIMATION_PAUSE,z),d.emote.events.off(F.PreviewEmoteEventType.ANIMATION_LOOP,N)}},[u,B,O,S,z,N]),i.useEffect(()=>{R===void 0&&y&&u.current&&u.current.emote.hasSound().then(d=>C(d)).catch(d=>{console.error("Error checking sound:",d),C(!1)})},[R,y,u]);const w=i.useCallback(async()=>{if(u.current)try{await u.current.emote.play()}catch(d){console.error("Error playing emote:",d)}},[u]),U=i.useCallback(async()=>{if(u.current)try{await u.current.emote.pause()}catch(d){console.error("Error pausing emote:",d)}},[u]),k=i.useCallback(async()=>{x?await U():await w()},[x,w,U]),ce=i.useCallback(()=>{var d,q;M?(d=u.current)==null||d.emote.disableSound():(q=u.current)==null||q.emote.enableSound(),h(!M)},[M,u]),G=i.useCallback(async d=>{if(isNaN(d)||!u.current)return;let q=d;const W=E??0;W*100<d&&(q=W*100),b(q),I(!0);try{x&&(await u.current.emote.pause(),L(!0)),await u.current.emote.goTo(q/100)}catch(X){console.error("Error changing frame:",X)}},[E,x,u]),ue=i.useCallback(async()=>{if(I(!1),T&&u.current){try{await u.current.emote.play()}catch(d){console.error("Error resuming play:",d)}L(!1)}},[T,u]);return v.jsxs(_o,{className:t,children:[r?null:l?l({isPlaying:x,onPlay:w,onPause:U,onToggle:k}):v.jsx(jo,{onClick:k,children:x?v.jsx(Ot,{}):v.jsx(Dt,{})}),o?null:f?f({frame:g,length:E??0,onChange:G,onMouseUp:ue}):v.jsx(Lo,{type:"range",value:g,max:Math.ceil((E??0)*100),min:0,step:1,onChange:d=>G(Number(d.target.value)),onMouseUp:ue}),n?null:v.jsx(Oo,{children:m?m({frame:Math.round(g/100),onChange:d=>G(d*100)}):v.jsx(Ao,{type:"number",value:Math.round(g/100),onChange:d=>G(Number(d.target.value)*100)})}),a||!R?null:c?c({isSoundEnabled:M,hasSound:R,onToggle:ce}):v.jsx($o,{muted:!M,onClick:ce,children:M?v.jsx(Yt,{}):v.jsx(Ut,{})})]})},Go=Object.freeze(Object.defineProperty({__proto__:null,EmoteControls:Vo},Symbol.toStringTag,{value:"Module"}));export{Mo as B,Vo as E,qe as T,Qt as _,To as a,xo as b,jt as c,zo as d,Ro as e,et as f,Go as i,Gt as u};