{"version":3,"file":"static/js/web.44b12c37.js","mappings":";;;;;;;;;;;;;;;;;;;AAAuC;AACM;AACO;AACL;AAEP;AAEM;AAEX;AACD;AAElC,MAAMM,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAAC,KAAK,CAAgB;AAC/D,MAAMC,IAAI,GAAGP,4DAAU,CAACI,SAAS,CAAC;AAElC,MAAMI,SAAS,GAAG,MAAM;EACtBH,QAAQ,CAACI,eAAe,CAACC,KAAK,CAACC,WAAW,CAAC,cAAc,EAAG,GAAEC,MAAM,CAACC,WAAY,IAAG,CAAC;AACvF,CAAC;AAED,MAAMC,yBAAyB,IAAG,qBAAqB,IAAIF,MAAM;AACjE,MAAMG,gBAAgB,GAAGD,yBAAyB,GAAG,mBAAmB,GAAG,QAAQ;AAEnFF,MAAM,CAACI,gBAAgB,CAACD,gBAAgB,EAAE,MAAM;EAC9CE,UAAU,CAAC,MAAM;IACfT,SAAS,EAAE;EACb,CAAC,EAAE,GAAG,CAAC;AACT,CAAC,CAAC;AAEFA,SAAS,EAAE;AAEX,MAAMU,GAAG,GAAG,MAAM;EAChB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGrB,+CAAQ,CAAUa,MAAM,CAACS,UAAU,CAAC,+BAA+B,CAAC,CAACC,OAAO,CAAC;EACrHjB,QAAQ,CAACe,eAAe,GAAGA,eAAe;EAC1Cf,QAAQ,CAACkB,IAAI,CAACC,SAAS,CAACC,GAAG,CAACN,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;EAE5D,oBACE,uIACE,2DAAC,kDAAG,OAAG,eACP,2DAAC,0DAAc,OAAG,CACjB;AAEP,CAAC;AAEDlB,mEAAgB,CAAC;EAAEyB,WAAW,EAAE;AAAG,CAAC,CAAC;AAErCnB,IAAI,CAACoB,MAAM,eAAC,2DAAC,GAAG,OAAG,CAAC","sources":["webpack://avatar-app/./src/web.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { createRoot } from 'react-dom/client'\nimport { setConfiguration } from 'react-grid-system'\nimport { ToastContainer } from 'react-toastify'\n\nimport { Web } from './views/components'\n\nimport 'react-toastify/dist/ReactToastify.css'\n\nimport '@/assets/styles/theme.scss'\nimport '@/assets/styles/main.scss'\n\nconst container = document.getElementById('app') as HTMLElement\nconst root = createRoot(container)\n\nconst appHeight = () => {\n  document.documentElement.style.setProperty('--app-height', `${window.innerHeight}px`)\n}\n\nconst supportsOrientationChange = 'onorientationchange' in window\nconst orientationEvent = supportsOrientationChange ? 'orientationchange' : 'resize'\n\nwindow.addEventListener(orientationEvent, () => {\n  setTimeout(() => {\n    appHeight()\n  }, 100)\n})\n\nappHeight()\n\nconst App = () => {\n  const [isLightTheme, setIsLightTheme] = useState<boolean>(window.matchMedia('(prefers-color-scheme: light)').matches)\n  document.setIsLightTheme = setIsLightTheme\n  document.body.classList.add(isLightTheme ? 'light' : 'dark')\n\n  return (\n    <>\n      <Web />\n      <ToastContainer />\n    </>\n  )\n}\n\nsetConfiguration({ gutterWidth: 24 })\n\nroot.render(<App />)\n"],"names":["React","useState","createRoot","setConfiguration","ToastContainer","Web","container","document","getElementById","root","appHeight","documentElement","style","setProperty","window","innerHeight","supportsOrientationChange","orientationEvent","addEventListener","setTimeout","App","isLightTheme","setIsLightTheme","matchMedia","matches","body","classList","add","gutterWidth","render"],"sourceRoot":""}