1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[360],{7368:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(67294),o=r(47031),a=r(63397),s=r(32850),i=r(5117),l=r(38561),c=r(85893);function u(e){var t=e.children,r=e.open,u=e.setOpen,d=e.title,m=void 0===d?"Deactivate account":d,f=e.description,h=void 0===f?"Are you sure? All of your data will be permanently removed from our servers forever. This action cannot be undone.":f,x=(e.inputValue,e.onConfirmAction),p=e.showCancelButton,g=void 0===p||p,v=e.actionText,y=void 0===v?"Confirm":v,w=e.cancelText,j=void 0===w?"Cancel":w,b=e.actionState,k=void 0===b?"ready":b,N=e.mood,C=void 0===N?"warning":N;return(0,c.jsx)(o.u.Root,{show:r,as:n.Fragment,children:(0,c.jsx)(a.V,{as:"div",className:"fixed z-10 inset-0 overflow-y-auto",onClose:u,children:(0,c.jsxs)("div",{className:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[(0,c.jsx)(o.u.Child,{as:n.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,c.jsx)(a.V.Overlay,{className:"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"})}),(0,c.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true",children:"\u200b"}),(0,c.jsx)(o.u.Child,{as:n.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",enterTo:"opacity-100 translate-y-0 sm:scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 translate-y-0 sm:scale-100",leaveTo:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",children:(0,c.jsxs)("div",{className:"inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-md xl:max-w-lg sm:w-full sm:p-6",children:[(0,c.jsx)("div",{className:"hidden sm:block absolute top-0 right-0 pt-4 pr-4",children:(0,c.jsxs)("button",{type:"button",className:"bg-white rounded-md text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",onClick:function(){return u(!1)},children:[(0,c.jsx)("span",{className:"sr-only",children:"Close"}),"X"]})}),(0,c.jsxs)("div",{className:"sm:flex sm:items-start mb-3",children:[(0,c.jsx)("div",{className:"mx-auto flex-shrink-0 flex items-center justify-center h-16 w-16 rounded-full ".concat("info"===C?"bg-amber-100":"bg-red-100"," sm:mx-0 sm:h-10 sm:w-10"),children:"info"===C?(0,c.jsx)(l.Z,{className:"h-8 w-8 text-seco-600",size:"2xl","aria-hidden":"true"}):(0,c.jsx)(s.Z,{className:"h-6 w-6 text-red-600","aria-hidden":"true"})}),(0,c.jsx)("div",{className:"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left",children:(0,c.jsx)(a.V.Title,{as:"h3",className:"text-lg leading-6 font-medium text-gray-900",children:m})})]}),h&&(0,c.jsx)("div",{className:"mt-2",children:(0,c.jsx)("p",{className:"text-sm text-gray-500",children:h})}),(0,c.jsx)("div",{children:t}),(0,c.jsx)("div",{className:"mt-5 sm:mt-4 sm:flex sm:flex-row-reverse items-center sm:space-x-2 sm:justify-center",children:"processing"===k?(0,c.jsx)("div",{className:"h-full",children:"Processing\u2026"}):"fail"===k?(0,c.jsx)("div",{className:"subtle",children:"Action failed"}):"success"===k?(0,c.jsxs)("div",{className:"text-green-700",children:[(0,c.jsx)(i.Z,{})," Success"]}):k?(0,c.jsxs)(c.Fragment,{children:[y&&(0,c.jsx)("button",{type:"button",className:"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 text-base font-medium\n ".concat("info"===C?"bg-amber-200 text-black":"bg-red-600 text-white hover:bg-red-700 ","\n focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"),onClick:function(){console.log("Clicked the action button"),x()},children:y}),g&&(0,c.jsx)("button",{type:"button",className:"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:w-auto
1sm:text-sm",onClick:function(){u(!1),console.log("Clicked Cancel")},children:j})]}):(0,c.jsx)(c.Fragment,{})})]})})]})})})}},5117:function(e,t,r){"use strict";r.d(t,{Z:function(){return s}});r(67294);var n=r(59417),o=r(67814),a=r(85893);function s(e){var t=e.className,r=void 0===t?"":t,s=e.size,i=void 0===s?"1x":s;return(0,a.jsx)(o.G,{icon:n.f8k,className:r,size:i})}},38561:function(e,t,r){"use strict";r.d(t,{Z:function(){return s}});r(67294);var n=r(21702),o=r(67814),a=r(85893);function s(e){var t=e.className,r=void 0===t?"":t;return(0,a.jsx)(o.G,{icon:n.sqG,className:r})}},79497:function(e,t,r){"use strict";r.d(t,{Z:function(){return h}});var n=r(70885),o=r(63235),a=r(48633),s=r(57403),i=r(90469),l=r(67294),c=r(82792),u=r(96733),d=(r(60787),r(41664)),m=(r(7170),r(85893));function f(){var e=(0,l.useContext)(c.Z).currentTrack;return(0,m.jsx)("div",{className:"_footer bg-transparent z-20\n bg-gradient-to-bl from-gray-900 to-gray-700 \n text-xs pt-4 space-y-2 text-gray-200\n ".concat(e?"pb-24":"pb-4"," \n "),children:(0,m.jsxs)("div",{className:"flex justify-center items-center space-x-2 leading-loose text-center flex-wrap",children:[(0,m.jsx)("a",{href:"mailto:[email protected]",className:"textADarkBg px-0.5 -mx-0.5",children:"Contact"}),(0,m.jsx)("a",{href:"mailto:[email protected]",className:"textADarkBg px-0.5 -mx-0.5",children:"Careers"}),(0,m.jsx)(d.default,{href:"https://awesound.com/terms",target:"blank",children:(0,m.jsx)("a",{className:"textADarkBg px-0.5 -mx-0.5",children:"Terms"})}),(0,m.jsx)("a",{href:"https://twitter.com/AwesoundApp",target:"blank",className:"textADarkBg px-0.5 -mx-0.5",children:"\ud835\udd4f/Twitter"})]})})}r(7368);function h(e){var t=e.children,r=e.className,d=void 0===r?"bg-gradient-to-br from-gray-50 to-gray-200 ":r,h=(0,l.useContext)(c.Z).currentTrack,x=(0,a.kP)(),p=(0,n.Z)(x,2),g=p[0],v=(p[1],(0,l.useContext)(u.Z));v.purchases,v.setPurchases,v.subscriptions,v.setSubscriptions,v.publishMode,v.setPublishMode,v.mainRole,v.publicKey,v.username;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(o.Ix,{autoClose:7e3}),g&&g.user&&g.user.email?(0,m.jsx)(m.Fragment,{children:(0,m.jsx)("div",{className:"_layout min-h-screen ".concat(d," ").concat(h?"pb-20":""," "),children:(0,m.jsxs)(i.Z,{children:[false,t]})})}):(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(s.Z,{}),false,(0,m.jsxs)("div",{className:"_layout min-h-screenMinusNavbar flex flex-col justify-between ".concat(d," "),children:[t,(0,m.jsx)(f,{})]})]})]})}},7976:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return x}});var n=r(67294),o=(r(79497),r(82792)),a=r(47031),s=r(85893);function i(e){var t=e.menuOverlayIsOpen,r=e.setMenuOverlayIsOpen;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{tabIndex:0,className:"_ExLeftSidebar h-full relative flex-1 flex flex-col max-w-lg min-w-64 w-full bg-white focus:outline-none",children:[(0,s.jsx)("div",{className:"absolute top-0 right-0 -mr-12 pt-2",children:(0,s.jsx)(l,{setMenuOverlayIsOpen:r,menuOverlayIsOpen:t})}),(0,s.jsxs)("div",{className:"flex-1 h-0 pt-5 pb-4 overflow-y-auto",children:[(0,s.jsx)("div",{className:"flex-shrink-0 flex items-center px-4",children:(0,s.jsx)("img",{className:"h-8 w-auto",src:"https://tailwindui.com/img/logos/workflow-logo-indigo-600-mark-gray-900-text.svg",alt:"Workflow"})}),(0,s.jsx)("nav",{"aria-label":"Sidebar",className:"mt-5",children:(0,s.jsxs)("div",{className:"px-2 space-y-1",children:[(0,s.jsxs)("a",{href:"/",className:"bg-gray-100 text-gray-900 group flex items-center px-2 py-2 text-base font-medium rounded-md",children:[(0,s.jsx)("svg",{className:"text-gray-500 mr-4 h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"})}),"Dashboard"]}),(0,s.jsxs)("a",{href:"/",className:"text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-base font-medium rounded-md",children:[(0,s.jsx)("svg",{className:"text-gray-400 group-hover:text-gray-500 mr-4 h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})}),"Calendar"]}),(0,s.jsxs)("a",{href:"/",className:"text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-base font-medium rounded-md",children:[(0,s.jsx)("svg",{className:"text-gray-400 group-hover:text-gray-500 mr-4 h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2
10 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"})}),"Teams"]}),(0,s.jsxs)("a",{href:"/",className:"text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-base font-medium rounded-md",children:[(0,s.jsx)("svg",{className:"text-gray-400 group-hover:text-gray-500 mr-4 h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M8 16l2.879-2.879m0 0a3 3 0 104.243-4.242 3 3 0 00-4.243 4.242zM21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),"Directory"]}),(0,s.jsxs)("a",{href:"/",className:"text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-base font-medium rounded-md",children:[(0,s.jsx)("svg",{className:"text-gray-400 group-hover:text-gray-500 mr-4 h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"})}),"Announcements"]}),(0,s.jsxs)("a",{href:"/",className:"text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-base font-medium rounded-md",children:[(0,s.jsx)("svg",{className:"text-gray-400 group-hover:text-gray-500 mr-4 h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"})}),"Office Map"]})]})})]}),(0,s.jsx)("div",{className:"flex-shrink-0 flex border-t border-gray-200 p-4",children:(0,s.jsx)("a",{href:"/",className:"flex-shrink-0 group block",children:(0,s.jsxs)("div",{className:"flex items-center",children:[(0,s.jsx)("div",{children:(0,s.jsx)("img",{className:"inline-block h-10 w-10 rounded-full",src:"https://images.unsplash.com/photo-1517365830460-955ce3ccd263?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=256&h=256&q=80",alt:""})}),(0,s.jsxs)("div",{className:"ml-3",children:[(0,s.jsx)("p",{className:"text-base font-medium text-gray-700 group-hover:text-gray-900",children:"Major Player"}),(0,s.jsx)("p",{className:"text-sm font-medium text-gray-500 group-hover:text-gray-700",children:"Switch mode"})]})]})})})]}),(0,s.jsx)("div",{className:"flex-shrink-0 w-14","aria-hidden":"true"})]})}function l(e){var t=e.menuOverlayIsOpen,r=e.setMenuOverlayIsOpen;return(0,s.jsxs)("button",{type:"button",className:"ml-1 cursor-pointer flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white",onClick:function(){return r(!t)},children:[(0,s.jsx)("span",{className:"sr-only",children:"Close sidebar"}),(0,s.jsx)("svg",{className:"h-6 w-6 text-white",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})]})}var c=r(70885),u=r(48633);function d(){var e=(0,u.kP)(),t=(0,c.Z)(e,2),r=t[0];t[1];return(0,s.jsx)("div",{className:"hidden lg:flex lg:flex-shrink-0",children:(0,s.jsx)("div",{className:"flex flex-col w-64",children:(0,s.jsxs)("div",{className:"flex flex-col h-0 flex-1 border-r border-gray-200 bg-gray-100",children:[(0,s.jsxs)("div",{className:"flex-1 flex flex-col pt-5 pb-4 overflow-y-auto",children:[(0,s.jsx)("div",{className:"flex items-center flex-shrink-0 px-4",children:(0,s.jsx)("img",{className:"h-8 w-auto",src:"https://tailwindui.com/img/logos/workflow-logo-indigo-600-mark-gray-900-text.svg",alt:"Workflow"})}),(0,s.jsx)(m,{})]}),(0,s.jsx)("div",{className:"flex-shrink-0 flex border-t border-gray-200 p-4",children:(0,s.jsx)("a",{href:"/",className:"flex-shrink-0 w-full group block",children:(0,s.jsxs)("div",{className:"flex items-center",children:[r&&r.user&&r.user.picture&&(0,s.jsx)("div",{children:(0,s.jsx)("img",{className:"inline-block h-9 w-9 rounded-full",src:r.user.picture,alt:""})}),(0,s.jsxs)("div",{className:"ml-3",children:[(0,s.jsx)("p",{className:"text-sm font-medium text-gray-700 group-hover:text-gray-900",children:r&&r.user&&r.user.name?r.user.name:"You need to log in"}),(0,s.jsx)("p",{className:"text-xs font-medium text-gray-500 group-hover:text-gray-700",children:"View profile"})]})]})})})]})})})}function m(){return(0,s.jsx)("nav",{className:"mt-5 flex-1","aria-label":"Sidebar",children:(0,s.jsxs)("div",{className:"px-2 space-y-1",children:[(0,s.jsxs)("a",{href:"/",className:"bg-gray-200 text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md",children:[(0,s.jsx)("svg",{className:"text-gray-500 mr-3 h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"})}),"Dashboard"]}),(0,s.jsxs)("a",{href:"/",className:"text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md",children:[(0,s.jsx)("svg",{className:"text-gray-400 group-hover:text-gray-500 mr-3 h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})}),"Calendar"]}),(0,s.jsxs)("a",{href:"/",className:"text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md",children:[(0,s.jsx)("svg",{className:"text-gray-400 group-hover:text-gray-500 mr-3 h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2
10 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"})}),"Teams"]}),(0,s.jsxs)("a",{href:"/",className:"text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md",children:[(0,s.jsx)("svg",{className:"text-gray-400 group-hover:text-gray-500 mr-3 h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M8 16l2.879-2.879m0 0a3 3 0 104.243-4.242 3 3 0 00-4.243 4.242zM21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),"Directory"]}),(0,s.jsxs)("a",{href:"/",className:"text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md",children:[(0,s.jsx)("svg",{className:"text-gray-400 group-hover:text-gray-500 mr-3 h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"})}),"Announcements"]}),(0,s.jsxs)("a",{href:"/",className:"text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md",children:[(0,s.jsx)("svg",{className:"text-gray-400 group-hover:text-gray-500 mr-3 h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"})}),"Office Map"]})]})})}function f(){var e=(0,n.useState)(!0),t=e[0],r=e[1];(0,n.useContext)(o.Z).currentTrack;return(0,s.jsxs)("div",{className:"h-screen flex overflow-hidden bg-white",children:[(0,s.jsx)("div",{className:"lg:hidden",children:(0,s.jsxs)("div",{className:"fixed inset-0 flex z-40",children:[(0,s.jsx)(a.u,{show:t,enter:"transition-opacity ease-linear duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"transition-opacity ease-linear duration-300",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,s.jsx)("div",{className:"fixed inset-0",onClick:function(){return r(!t)},children:(0,s.jsx)("div",{className:"absolute inset-0 bg-gray-600 opacity-75"})})}),(0,s.jsx)(a.u,{show:t,enter:"transition ease-in-out duration-300 transform",enterFrom:"-translate-x-full",enterTo:"translate-x-0",leave:"transition ease-in-out duration-300 transform",leaveFrom:"translate-x-0",leaveTo:"-translate-x-full",children:(0,s.jsx)(i,{setMenuOverlayIsOpen:r,menuOverlayIsOpen:t})})]})}),(0,s.jsx)(d,{}),(0,s.jsxs)("div",{className:"flex flex-col min-w-0 flex-1 overflow-hidden",children:[(0,s.jsx)("div",{className:"lg:hidden",children:(0,s.jsxs)("div",{className:"flex items-center justify-between bg-gray-50 border-b border-gray-200 px-4 py-1.5",children:[(0,s.jsx)("div",{children:(0,s.jsx)("img",{className:"h-8 w-auto",src:"https://tailwindui.com/img/logos/workflow-mark-indigo-600.svg",alt:"Workflow"})}),(0,s.jsx)("div",{children:(0,s.jsx)(h,{setMenuOverlayIsOpen:r,menuOverlayIsOpen:t})})]})}),(0,s.jsxs)("div",{className:"flex-1 relative z-0 flex overflow-hidden",children:[(0,s.jsx)("main",{className:"flex-1 relative z-0 overflow-y-auto focus:outline-none xl:order-last",tabIndex:0,children:(0,s.jsx)("div",{className:"absolute inset-0 py-6 px-4 sm:px-6 lg:px-8",children:(0,s.jsx)("div",{className:"h-full border-2 border-gray-200 border-dashed rounded-lg"})})}),(0,s.jsx)("aside",{className:"hidden relative xl:order-first xl:flex xl:flex-col flex-shrink-0 w-96 border-r border-gray-200",children:(0,s.jsx)("div",{className:"absolute inset-0 py-6 px-4 sm:px-6 lg:px-8",children:(0,s.jsx)("div",{className:"h-full border-2 border-gray-200 border-dashed rounded-lg"})})})]})]})]})}function h(e){var t=e.menuOverlayIsOpen,r=e.setMenuOverlayIsOpen;return(0,s.jsxs)("button",{type:"button",className:"_OpenMenuButton cursor-pointer -mr-3 h-12 w-12 inline-flex items-center justify-center rounded-md text-gray-500 hover:text-gray-900",onClick:function(){return r(!t)},children:["open",(0,s.jsx)("span",{className:"sr-only",children:"Open sidebar"}),(0,s.jsx)("svg",{className:"h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h16"})})]})}function x(){return(0,s.jsx)(f,{})}},7291:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/playground/3col
1-4",function(){return r(7976)}])},39516:function(e,t,r){"use strict";r.d(t,{d:function(){return m},f:function(){return d}});var n=r(67294),o=r(19946),a=r(12351),s=r(16723),i=r(23784),l=r(73781);let c=(0,n.createContext)(null);function u(){let e=(0,n.useContext)(c);if(null===e){let e=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(e,u),e}return e}function d(){let[e,t]=(0,n.useState)([]);return[e.length>0?e.join(" "):void 0,(0,n.useMemo)((()=>function(e){let r=(0,l.z)((e=>(t((t=>[...t,e])),()=>t((t=>{let r=t.slice(),n=r.indexOf(e);return-1!==n&&r.splice(n,1),r}))))),o=(0,n.useMemo)((()=>({register:r,slot:e.slot,name:e.name,props:e.props})),[r,e.slot,e.name,e.props]);return n.createElement(c.Provider,{value:o},e.children)}),[t])]}let m=(0,a.yV)((function(e,t){let r=u(),n=`headlessui-description-${(0,o.M)()}`,l=(0,i.T)(t);(0,s.e)((()=>r.register(n)),[n,r.register]);let c=e,d={ref:l,...r.props,id:n};return(0,a.sY)({ourProps:d,theirProps:c,slot:r.slot||{},defaultTag:"p",name:r.name||"Description"})}))},63397:function(e,t,r){"use strict";r.d(t,{V:function(){return le}});var n=r(67294),o=r(32984),a=r(12351),s=r(23784),i=r(61363),l=r(64103),c=r(19946),u=r(82180),d=r(46045),m=r(84575),f=r(73781),h=r(3855);var x=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(x||{});function p(){let e=(0,n.useRef)(0);return function(e,t,r){let o=(0,h.E)(t);(0,n.useEffect)((()=>{function t(e){o.current(e)}return window.addEventListener(e,t,r),()=>window.removeEventListener(e,t,r)}),[e,r])}("keydown",(t=>{"Tab"===t.key&&(e.current=t.shiftKey?1:0)}),!0),e}var g=r(14879),v=r(51074);function y(e,t,r,o){let a=(0,h.E)(r);(0,n.useEffect)((()=>{function r(e){a.current(e)}return(e=null!=e?e:window).addEventListener(t,r,o),()=>e.removeEventListener(t,r,o)}),[e,t,o])}var w=r(81021);function j(e,t){let r=(0,n.useRef)([]),o=(0,f.z)(e);(0,n.useEffect)((()=>{let e=[...r.current];for(let[n,a]of t.entries())if(r.current[n]!==a){let n=o(t,e);return r.current=t,n}}),[o,...t])}var b=(e=>(e[e.None=1]="None",e[e.InitialFocus=2]="InitialFocus",e[e.TabLock=4]="TabLock",e[e.FocusLock=8]="FocusLock",e[e.RestoreFocus=16]="RestoreFocus",e[e.All=30]="All",e))(b||{});let k=Object.assign((0,a.yV)((function(e,t){let r=(0,n.useRef)(null),i=(0,s.T)(r,t),{initialFocus:l,containers:c,features:h=30,...b}=e;(0,u.H)()||(h=1);let k=(0,v.i)(r);!function({ownerDocument:e},t){let r=(0,n.useRef)(null);y(null==e?void 0:e.defaultView,"focusout",(e=>{!t||r.current||(r.current=e.target)}),!0),j((()=>{t||((null==e?void 0:e.activeElement)===(null==e?void 0:e.body)&&(0,m.C5)(r.current),r.current=null)}),[t]);let o=(0,n.useRef)(!1);(0,n.useEffect)((()=>(o.current=!1,()=>{o.current=!0,(0,w.Y)((()=>{!o.current||((0,m.C5)(r.current),r.current=null)}))})),[])}({ownerDocument:k},Boolean(16&h));let N=function({ownerDocument:e,container:t,initialFocus:r},o){let a=(0,n.useRef)(null),s=(0,g.t)();return j((()=>{if(!o)return;let n=t.current;!n||(0,w.Y)((()=>{if(!s.current)return;let t=null==e?void 0:e.activeElement;if(null!=r&&r.current){if((null==r?void 0:r.current)===t)return void(a.current=t)}else if(n.contains(t))return void(a.current=t);null!=r&&r.current?(0,m.C5)(r.current):(0,m.jA)(n,m.TO.First)===m.fE.Error&&console.warn("There are no focusable elements inside the <FocusTrap />"),a.current=null==e?void 0:e.activeElement}))}),[o]),a}({ownerDocument:k,container:r,initialFocus:l},Boolean(2&h));!function({ownerDocument:e,container:t,containers:r,previousActiveElement:n},o){let a=(0,g.t)();y(null==e?void 0:e.defaultView,"focus",(e=>{if(!o||!a.current)return;let s=new Set(null==r?void 0:r.current);s.add(t);let i=n.current;if(!i)return;let l=e.target;l&&l instanceof HTMLElement?function(e,t){var r;for(let n of e)if(null!=(r=n.current)&&r.contains(t))return!0;return!1}(s,l)?(n.current=l,(0,m.C5)(l)):(e.preventDefault(),e.stopPropagation(),(0,m.C5)(i)):(0,m.C5)(n.current)}),!0)}({ownerDocument:k,container:r,containers:c,previousActiveElement:N},Boolean(8&h));let C=p(),E=(0,f.z)((()=>{let e=r.current;!e||(0,o.E)(C.current,{[x.Forwards]:()=>(0,m.jA)(e,m.TO.First),[x.Backwards]:()=>(0,m.jA)(e,m.TO.Last)})})),M={ref:i};return n.createElement(n.Fragment,null,Boolean(4&h)&&n.createElement(d._,{as:"button",type:"button",onFocus:E,features:d.A.Focusable}),(0,a.sY)({ourProps:M,theirProps:b,defaultTag:"div",name:"FocusTrap"}),Boolean(4&h)&&n.createElement(d._,{as:"button",type:"button",onFocus:E,features:d.A.Focusable}))})),{features:b});var N=r(15466),C=r(16723);let E=new Set,M=new Map;function T(e){e.setAttribute("aria-hidden","true"),e.inert=!0}function O(e){let t=M.get(e);!t||(null===t["aria-hidden"]?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",t["aria-hidden"]),e.inert=t.inert)}function P(e,t=!0){(0,C.e)((()=>
1{if(!t||!e.current)return;let r=e.current,n=(0,N.r)(r);if(n){E.add(r);for(let e of M.keys())e.contains(r)&&(O(e),M.delete(e));return n.querySelectorAll("body > *").forEach((e=>{if(e instanceof HTMLElement){for(let t of E)if(e.contains(t))return;1===E.size&&(M.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),T(e))}})),()=>{if(E.delete(r),E.size>0)n.querySelectorAll("body > *").forEach((e=>{if(e instanceof HTMLElement&&!M.has(e)){for(let t of E)if(e.contains(t))return;M.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),T(e)}}));else for(let e of M.keys())O(e),M.delete(e)}}}),[t])}var L=r(73935);let A=(0,n.createContext)(!1);function F(){return(0,n.useContext)(A)}function D(e){return n.createElement(A.Provider,{value:e.force},e.children)}var R=r(43393);let V=n.Fragment,B=(0,a.yV)((function(e,t){let r=e,o=(0,n.useRef)(null),i=(0,s.T)((0,s.h)((e=>{o.current=e})),t),l=(0,v.i)(o),c=function(e){let t=F(),r=(0,n.useContext)(S),o=(0,v.i)(e),[a,s]=(0,n.useState)((()=>{if(!t&&null!==r||R.s)return null;let e=null==o?void 0:o.getElementById("headlessui-portal-root");if(e)return e;if(null===o)return null;let n=o.createElement("div");return n.setAttribute("id","headlessui-portal-root"),o.body.appendChild(n)}));return(0,n.useEffect)((()=>{null!==a&&(null!=o&&o.body.contains(a)||null==o||o.body.appendChild(a))}),[a,o]),(0,n.useEffect)((()=>{t||null!==r&&s(r.current)}),[r,s,t]),a}(o),[d]=(0,n.useState)((()=>{var e;return R.s?null:null!=(e=null==l?void 0:l.createElement("div"))?e:null})),m=(0,u.H)(),f=(0,n.useRef)(!1);return(0,C.e)((()=>{if(f.current=!1,c&&d)return c.contains(d)||(d.setAttribute("data-headlessui-portal",""),c.appendChild(d)),()=>{f.current=!0,(0,w.Y)((()=>{var e;!f.current||!c||!d||(c.removeChild(d),c.childNodes.length<=0&&(null==(e=c.parentElement)||e.removeChild(c)))}))}}),[c,d]),m&&c&&d?(0,L.createPortal)((0,a.sY)({ourProps:{ref:i},theirProps:r,defaultTag:V,name:"Portal"}),d):null})),z=n.Fragment,S=(0,n.createContext)(null),I=(0,a.yV)((function(e,t){let{target:r,...o}=e,i={ref:(0,s.T)(t)};return n.createElement(S.Provider,{value:r},(0,a.sY)({ourProps:i,theirProps:o,defaultTag:z,name:"Popover.Group"}))})),W=Object.assign(B,{Group:I});var _=r(39516),Y=r(16567);let H=(0,n.createContext)((()=>{}));H.displayName="StackContext";var Z=(e=>(e[e.Add=0]="Add",e[e.Remove=1]="Remove",e))(Z||{});function $({children:e,onUpdate:t,type:r,element:o,enabled:a}){let s=(0,n.useContext)(H),i=(0,f.z)(((...e)=>{null==t||t(...e),s(...e)}));return(0,C.e)((()=>{let e=void 0===a||!0===a;return e&&i(0,r,o),()=>{e&&i(1,r,o)}}),[i,r,o,a]),n.createElement(H.Provider,{value:i},e)}var G=r(43986),q=r(9362);var X=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(X||{}),J=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(J||{});let K={0:(e,t)=>e.titleId===t.id?e:{...e,titleId:t.id}},U=(0,n.createContext)(null);function Q(e){let t=(0,n.useContext)(U);if(null===t){let t=new Error(`<${e} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,Q),t}return t}function ee(e,t){(0,n.useEffect)((()=>{var r;if(!t||!e)return;let n=(0,q.k)();function o(e,t,r){let o=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:r}),n.add((()=>{Object.assign(e.style,{[t]:o})}))}let a=e.documentElement,s=(null!=(r=e.defaultView)?r:window).innerWidth-a.clientWidth;if(o(a,"overflow","hidden"),s>0){o(a,"paddingRight",`${s-(a.clientWidth-a.offsetWidth)}px`)}if(/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0){let e=window.pageYOffset;o(a,"position","fixed"),o(a,"marginTop",`-${e}px`),o(a,"width","100%"),n.add((()=>window.scrollTo(0,e)))}return n.dispose}),[e,t])}function te(e,t){return(0,o.E)(t.type,K,e,t)}U.displayName="DialogContext";let re=a.AN.RenderStrategy|a.AN.Static,ne=(0,a.yV)((function(e,t){let{open:r,onClose:l,initialFocus:m,__demoMode:h=!1,...x}=e,[p,g]=(0,n.useState)(0),w=(0,Y.oJ)();void 0===r&&null!==w&&(r=(0,o.E)(w,{[Y.ZM.Open]:!0,[Y.ZM.Closed]:!1}));let j=(0,n.useRef)(new Set),b=(0,n.useRef)(null),N=(0,s.T)(b,t),C=(0,n.useRef)(null),E=(0,v.i)(b),M=e.hasOwnProperty("open")||null!==w,T=e.hasOwnProperty("onClose");if(!M&&!T)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!M)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!T)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if("boolean"!=typeof r)throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${r}`);if("function"!=typeof l)throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${l}`);let O=r?0:1,[L,A]=(0,n.useReducer)(te,{titleId:null,descriptionId:null,panelRef:(0,n.createRef)()}),F=(0,f.z)((()=>l(!1))),R=(0,f.z)((e=>A({type:0,id:e}))),V=!!(0,u.H)()&&(!h&&0===O),B=p>1,z=null!==(0,n.useContext)(U),S=B?"parent":"leaf";P(b,!!B&&V),(0,G.O)((()=>{var e,t;return[...Array.from(null!=(e=null==E?void 0:E.querySelectorAll("body > *, [data-headlessui-portal]"))?e:[]).filter((e=>!(!(e instanceof HTMLElement)||e.contains(C.current)||L.panelRef.current&&e.contains(L.panelRef.current)))),null!=(t=L.panelRef.current)?t:b.current]}
1),F,V&&!B),y(null==E?void 0:E.defaultView,"keydown",(e=>{e.defaultPrevented||e.key===i.R.Escape&&0===O&&(B||(e.preventDefault(),e.stopPropagation(),F()))})),ee(E,0===O&&!z),(0,n.useEffect)((()=>{if(0!==O||!b.current)return;let e=new IntersectionObserver((e=>{for(let t of e)0===t.boundingClientRect.x&&0===t.boundingClientRect.y&&0===t.boundingClientRect.width&&0===t.boundingClientRect.height&&F()}));return e.observe(b.current),()=>e.disconnect()}),[O,b,F]);let[I,H]=(0,_.f)(),q=`headlessui-dialog-${(0,c.M)()}`,X=(0,n.useMemo)((()=>[{dialogState:O,close:F,setTitleId:R},L]),[O,L,F,R]),J=(0,n.useMemo)((()=>({open:0===O})),[O]),K={ref:N,id:q,role:"dialog","aria-modal":0===O||void 0,"aria-labelledby":L.titleId,"aria-describedby":I};return n.createElement($,{type:"Dialog",enabled:0===O,element:b,onUpdate:(0,f.z)(((e,t,r)=>{"Dialog"===t&&(0,o.E)(e,{[Z.Add](){j.current.add(r),g((e=>e+1))},[Z.Remove](){j.current.add(r),g((e=>e-1))}})}))},n.createElement(D,{force:!0},n.createElement(W,null,n.createElement(U.Provider,{value:X},n.createElement(W.Group,{target:b},n.createElement(D,{force:!1},n.createElement(H,{slot:J,name:"Dialog.Description"},n.createElement(k,{initialFocus:m,containers:j,features:V?(0,o.E)(S,{parent:k.features.RestoreFocus,leaf:k.features.All&~k.features.FocusLock}):k.features.None},(0,a.sY)({ourProps:K,theirProps:x,slot:J,defaultTag:"div",features:re,visible:0===O,name:"Dialog"})))))))),n.createElement(d._,{features:d.A.Hidden,ref:C}))})),oe=(0,a.yV)((function(e,t){let[{dialogState:r,close:o}]=Q("Dialog.Overlay"),i=(0,s.T)(t),u=`headlessui-dialog-overlay-${(0,c.M)()}`,d=(0,f.z)((e=>{if(e.target===e.currentTarget){if((0,l.P)(e.currentTarget))return e.preventDefault();e.preventDefault(),e.stopPropagation(),o()}})),m=(0,n.useMemo)((()=>({open:0===r})),[r]);return(0,a.sY)({ourProps:{ref:i,id:u,"aria-hidden":!0,onClick:d},theirProps:e,slot:m,defaultTag:"div",name:"Dialog.Overlay"})})),ae=(0,a.yV)((function(e,t){let[{dialogState:r},o]=Q("Dialog.Backdrop"),i=(0,s.T)(t),l=`headlessui-dialog-backdrop-${(0,c.M)()}`;(0,n.useEffect)((()=>{if(null===o.panelRef.current)throw new Error("A <Dialog.Backdrop /> component is being used, but a <Dialog.Panel /> component is missing.")}),[o.panelRef]);let u=(0,n.useMemo)((()=>({open:0===r})),[r]);return n.createElement(D,{force:!0},n.createElement(W,null,(0,a.sY)({ourProps:{ref:i,id:l,"aria-hidden":!0},theirProps:e,slot:u,defaultTag:"div",name:"Dialog.Backdrop"})))})),se=(0,a.yV)((function(e,t){let[{dialogState:r},o]=Q("Dialog.Panel"),i=(0,s.T)(t,o.panelRef),l=`headlessui-dialog-panel-${(0,c.M)()}`,u=(0,n.useMemo)((()=>({open:0===r})),[r]),d=(0,f.z)((e=>{e.stopPropagation()}));return(0,a.sY)({ourProps:{ref:i,id:l,onClick:d},theirProps:e,slot:u,defaultTag:"div",name:"Dialog.Panel"})})),ie=(0,a.yV)((function(e,t){let[{dialogState:r,setTitleId:o}]=Q("Dialog.Title"),i=`headlessui-dialog-title-${(0,c.M)()}`,l=(0,s.T)(t);(0,n.useEffect)((()=>(o(i),()=>o(null))),[i,o]);let u=(0,n.useMemo)((()=>({open:0===r})),[r]);return(0,a.sY)({ourProps:{ref:l,id:i},theirProps:e,slot:u,defaultTag:"h2",name:"Dialog.Title"})})),le=Object.assign(ne,{Backdrop:ae,Panel:se,Overlay:oe,Title:ie,Description:_.d})},46045:function(e,t,r){"use strict";r.d(t,{A:function(){return a},_:function(){return s}});var n=r(12351);var o,a=((o=a||{})[o.None=1]="None",o[o.Focusable=2]="Focusable",o[o.Hidden=4]="Hidden",o);let s=(0,n.yV)((function(e,t){let{features:r=1,...o}=e,a={ref:t,"aria-hidden":2===(2&r)||void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...4===(4&r)&&2!==(2&r)&&{display:"none"}}};return(0,n.sY)({ourProps:a,theirProps:o,slot:{},defaultTag:"div",name:"Hidden"})}))}},function(e){e.O(0,[2731,7507,6168,2202,469,9774,2888,179],(function(){return t=7291,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.