https://www.area02.com/_next/static/chunks/874-ddcc7fb33f79f1a1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[874],{42539:(e,t,i)=>{i.d(t,{A:()=>v});var d=i(37876),n=i(63237),o=i.n(n),r=i(14232),s=i(98477),a=i(38985),l=i(90375),c=i(57897),h=i(56933),x=i(59887),p=i(38861);let u=(0,r.createContext)(null),b={top:0,height:0,sheetMaxHeight:0};function f(){let e=(0,r.useContext)(u);if(!e)throw Error("useDropdownContext must be used inside Dropdown");return e}function m({value:e,onChange:t,children:i}){let[n,s]=(0,r.useState)(!1),[a,l]=(0,r.useState)(""),[c,h]=(0,r.useState)(0),[x,b]=(0,r.useState)(!1),f=(0,r.useCallback)(e=>{h(t=>Math.max(0,t+e))},[]);(0,r.useEffect)(()=>{let e=()=>b(window.innerWidth<=p.A.sm);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let m=(0,r.useRef)(null);(0,r.useEffect)(()=>{let e=e=>{!m.current||m.current.contains(e.target)||x||s(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[x]),(0,r.useEffect)(()=>{n||l("")},[n]);let v=(0,r.useMemo)(()=>({open:n,setOpen:s,value:e,onChange:t,searchQuery:a,setSearchQuery:l,visibleCount:c,onVisibleCountChange:f,isMobile:x}),[n,s,e,t,a,l,c,f,x]);return(0,d.jsx)(u.Provider,{value:v,children:(0,d.jsxs)("div",{ref:m,className:"jsx-b5de6a7c3dfddd26 wrap",children:[i,(0,d.jsx)(o(),{id:"b5de6a7c3dfddd26",children:".wrap.jsx-b5de6a7c3dfddd26{position:relative;display:inline-block}"})]})})}m.Trigger=function({children:e}){let{setOpen:t}=f();return(0,d.jsx)(a.A,{id:"options",onClick:()=>t(e=>!e),style:{background:"var(--gray50)",color:"var(--black)"},children:e})},m.Panel=function({children:e,searchable:t=!1,searchPlaceholder:i="",noResultsText:n="",title:a=""}){let{open:p,setOpen:u,searchQuery:m,setSearchQuery:v,visibleCount:w,isMobile:g}=f(),[j,C]=(0,r.useState)(b),L=(0,r.useId)();if((0,r.useEffect)(()=>{if(!p)return;let e=e=>{"Escape"===e.key&&u(!1)};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[p,u]),(0,r.useEffect)(()=>{if(g&&p){let e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[g,p]),(0,r.useEffect)(()=>{p||C(b)},[p]),(0,r.useEffect)(()=>{if(!g||!p)return;let e=window.visualViewport,t={passive:!0},i=0,d=()=>{i&&window.cancelAnimationFrame(i),i=window.requestAnimationFrame(()=>{let t=e?.height||window.innerHeight,d={top:Math.max(0,Math.round(e?.offsetTop||0)),height:Math.max(0,Math.round(t)),sheetMaxHeight:Math.max(0,Math.round(.7*t))};i=0,C(e=>e.top===d.top&&e.height===d.height&&e.sheetMaxHeight===d.sheetMaxHeight?e:d)})};return d(),window.addEventListener("resize",d,t),window.addEventListener("orientationchange",d,t),e?.addEventListener("resize",d,t),e?.addEventListener("scroll",d,t),()=>{i&&window.cancelAnimationFrame(i),window.removeEventListener("resize",d),window.removeEventListener("orientationchange",d),e?.removeEventListener("resize",d),e?.removeEventListener("scroll",d)}},[g,p]),!p)return null;let y=t&&m.length>0&&0===w,E=j.height>0?{"--dropdown-mobile-viewport-top":`${j.top}px`,"--dropdown-mobile-viewport-height":`${j.height}px`,"--dropdown-mobile-sheet-max-height":`${j.sheetMaxHeight}px`}:void 0,k=(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:"jsx-c9c0369b6ce561c1 empty-state",children:[(0,d.jsx)(c.A,{}),(0,d.jsx)("p",{className:"jsx-c9c0369b6ce561c1 empty-text title3",children:n})]}),(0,d.jsx)(o(),{id:"c9c0369b6ce561c1",children:".empty-state.jsx-c9c0369b6ce561c1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;padding:40px 16px}.empty-text.jsx-c9c0369b6ce561c1{margin:0;color:var(--gray500);text-align:center}"})]});return g?s.createPortal((0,d.jsxs)("div",{onClick:()=>u(!1),style:E,className:"jsx-cb3381e92d5826e3 m-backdrop",children:[(0,d.jsxs)("div",{onClick:e=>{e.stopPropagation()},role:"dialog","aria-modal":"true","aria-labelledby":a?L:void 0,className:"jsx-cb3381e92d5826e3 m-sheet slideUp",children:[(0,d.jsxs)("div",{className:"jsx-cb3381e92d5826e3 m-header",children:[(0,d.jsx)("span",{id:L,className:"jsx-cb3381e92d5826e3 title1",children:a}),(0,d.jsx)("div",{className:"jsx-cb3381e92d5826e3 m-close-btn",children:(0,d.jsx)(x.A,{onClick:()=>u(!1),"aria-label":"close",size:"md",children:(0,d.jsx)(l.A,{})})})]}),(0,d.jsxs)("div",{className:"jsx-cb3381e92d5826e3 m-content",children:[t&&(0,d.jsx)("div",{className:"jsx-cb3381e92d5826e3 m-search-section",children:(0,d.jsx)(h.A,{placeholder:i,value:m,onChange:e=>v(e.target.value),fullWidth:!0,type:"search",onClose:()=>v("")})}),(0,d.jsx)("div",{"aria-hidden":y,className:`jsx-cb3381e92d5826e3 m-options${y?" hidden":""}`,children:e}),y&&k]})]}),(0,d.jsx)(o(),{id:"cb3381e92d5826e3",children:".m-backdrop.jsx-cb3381e92d5826e3{position:fixed;top:var(--dropdown-mobile-viewport-top,0);left:0;right:0;height:var(--dropdown-mobile-viewport-height,100dvh);background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-end;box-sizing:border-box}.m-sheet.jsx-cb3381e92d5826e3{position:relative;width:100%;background:var(--white);border-radius:16px 16px 0 0;z-index:1001;display:flex;flex-direction:column;max-height:var(--dropdown-mobile-sheet-max-height,70dvh)}.m-header.jsx-cb3381e92d5826e3{display:flex;align-items:center;justify-content:center;position:relative;height:56px;padding:16px;border-bottom:1px solid var(--gray100);flex-shrink:0;overflow:hidden}.m-close-btn.jsx-cb3381e92d5826e3{position:absolute;right:16px;top:50%;transform:translatey(-50%)}.m-content.jsx-cb3381e92d5826e3{padding-top:16px;flex:1;overflow:hidden;display:flex;flex-direction:column}.m-search-section.jsx-cb3381e92d5826e3{padding:0 16px}.m-options.jsx-cb3381e92d5826e3{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-bottom:env(safe-area-inset-bottom,0px);scroll-padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.m-options.hidden.jsx-cb3381e92d5826e3{display:none}.m-options.jsx-cb3381e92d5826e3 .option{padding:12px 16px}"})]}),document.body):(0,d.jsxs)("div",{className:"jsx-9dbcde02e15f8dcb panel",children:[t&&(0,d.jsx)("div",{className:"jsx-9dbcde02e15f8dcb search-section",children:(0,d.jsx)(h.A,{placeholder:i,value:m,onChange:e=>v(e.target.value),fullWidth:!0,type:"search",onClose:()=>v("")})}),(0,d.jsx)("div",{"aria-hidden":y,className:`jsx-9dbcde02e15f8dcb children-container${y?" hidden":""}`,children:e}),y&&k,(0,d.jsx)(o(),{id:"9dbcde02e15f8dcb",children:".panel.jsx-9dbcde02e15f8dcb{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border:1px solid var(--gray300);border-radius:8px;box-shadow:0px 12px 16px 0px rgba(0,0,0,.07);min-width:280px;max-width:280px;width:max-content;overflow:hidden;z-index:1}.children-container.jsx-9dbcde02e15f8dcb{max-height:360px;overflow-y:auto;overflow-x:hidden}.children-container.hidden.jsx-9dbcde02e15f8dcb{display:none}.search-section.jsx-9dbcde02e15f8dcb{padding:16px 16px 0}"})]})},m.Option=function({value:e,label:t,children:i}){let{value:n,onChange:s,setOpen:a,searchQuery:l,onVisibleCountChange:c}=f(),h=n===e,x=t??("string"==typeof i?i:""),p=!l||x.toLowerCase().includes(l.toLowerCase());return((0,r.useEffect)(()=>

1{if(p)return c(1),()=>c(-1)},[p,c]),p)?(0,d.jsxs)("button",{type:"button",onClick:()=>{s(e),a(!1)},className:`jsx-f6aeae8590606133 option body1${h?" active":""}`,children:[i,(0,d.jsx)(o(),{id:"f6aeae8590606133",children:".option.jsx-f6aeae8590606133{display:block;width:100%;padding:14px 16px;background:var(--white);border:none;cursor:pointer;color:var(--black);text-align:left;white-space:nowrap}.option.jsx-f6aeae8590606133:hover{background:var(--gray50)}.option.active.jsx-f6aeae8590606133{background:rgba(151,68,240,.05);color:var(--purple400)}"})]}):null};let v=m},57897:(e,t,i)=>{i.d(t,{A:()=>n});var d=i(37876);let n=({...e})=>(0,d.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"80",height:"80",viewBox:"0 0 80 80",fill:"none",...e,children:[(0,d.jsx)("rect",{width:"80",height:"80",fill:"white"}),(0,d.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M16.33 18.3534C16.3344 12.5021 21.0812 7.7623 26.9325 7.76663L59.7252 7.79092C65.5765 7.79525 70.3163 12.5421 70.312 18.3934L70.2836 56.7686C70.2825 58.2548 69.6853 59.6784 68.6258 60.7207L57.8972 71.2744C56.8582 72.2965 55.4588 72.8688 54.0014 72.8677L26.8843 72.8477C21.0331 72.8433 16.2932 68.0965 16.2975 62.2452L16.33 18.3534Z",fill:"#E9ECEF"}),(0,d.jsx)("path",{d:"M30.4494 26.9403C30.4498 26.383 30.9019 25.9316 31.4592 25.932L54.6663 25.9492C55.2236 25.9496 55.675 26.4017 55.6746 26.959C55.6742 27.5162 55.2221 27.9676 54.6649 27.9672L31.4577 27.95C30.9004 27.9496 30.449 27.4976 30.4494 26.9403Z",fill:"#8D959D"}),(0,d.jsx)("path",{d:"M31.4536 33.4997C30.8963 33.4993 30.4443 33.9507 30.4438 34.5079C30.4434 35.0652 30.8948 35.5173 31.4521 35.5177L54.6593 35.5349C55.2165 35.5353 55.6686 35.0839 55.669 34.5266C55.6695 33.9693 55.218 33.5173 54.6608 33.5169L31.4536 33.4997Z",fill:"#8D959D"}),(0,d.jsx)("path",{d:"M30.4386 41.5709C30.439 41.0137 30.8911 40.5623 31.4484 40.5627L54.6556 40.5799C55.2128 40.5803 55.6642 41.0324 55.6638 41.5896C55.6634 42.1469 55.2113 42.5983 54.6541 42.5979L31.4469 42.5807C30.8896 42.5803 30.4382 42.1282 30.4386 41.5709Z",fill:"#8D959D"}),(0,d.jsx)("path",{d:"M31.4428 48.1302C30.8855 48.1298 30.4334 48.5812 30.433 49.1384C30.4326 49.6957 30.884 50.1478 31.4413 50.1482L45.0629 50.1583C45.6201 50.1587 46.0722 49.7073 46.0726 49.15C46.073 48.5928 45.6216 48.1407 45.0644 48.1403L31.4428 48.1302Z",fill:"#8D959D"}),(0,d.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.8702 18.3567C20.8727 15.0131 23.5852 12.3046 26.9287 12.3071L59.7215 12.3314C63.0651 12.3339 65.7736 15.0464 65.7711 18.3899L65.7427 56.7651C65.7425 57.0354 65.6339 57.2942 65.4412 57.4837L54.7127 68.0374C54.5238 68.2233 54.2694 68.3273 54.0044 68.3271L26.8873 68.3071C23.5437 68.3046 20.8352 65.5921 20.8377 62.2485L20.8702 18.3567ZM26.9272 14.3251C24.6982 14.3235 22.8899 16.1291 22.8882 18.3582L22.8557 62.25C22.8541 64.4791 24.6597 66.2874 26.8888 66.289L52.9969 66.3084L53.0002 61.8007C53.0027 58.4572 55.7152 55.7487 59.0587 55.7512L63.7254 55.7546L63.7531 18.3884C63.7547 16.1594 61.9491 14.3511 59.72 14.3494L26.9272 14.3251ZM62.271 57.7716L59.0572 57.7692C56.8282 57.7675 55.0199 59.5732 55.0182 61.8022L55.0159 64.9084L62.271 57.7716Z",fill:"#8D959D"}),(0,d.jsx)("path",{d:"M30.7414 58.5306C26.9035 62.7458 20.3752 63.0517 16.16 59.2138C11.9447 55.376 11.6388 48.8476 15.4767 44.6324C19.3146 40.4171 25.8429 40.1112 30.0581 43.9491C34.2734 47.787 34.5793 54.3153 30.7414 58.5306Z",fill:"white","fill-opacity":"0.8"}),(0,d.jsx)("path",{d:"M15.4766 44.6325C19.3145 40.4173 25.8435 40.1116 30.0587 43.9495C34.2736 47.7874 34.5793 54.3155 30.7417 58.5306C27.0859 62.5459 20.991 63.0111 16.7774 59.7293L11.7702 65.2313C11.3876 65.6515 10.7365 65.6813 10.3162 65.2987C9.89607 64.916 9.86524 64.2651 10.2479 63.8448L15.286 58.3109C11.9252 54.4137 11.9248 48.5337 15.4766 44.6325ZM28.6722 45.4709C25.2975 42.3987 20.0713 42.6435 16.9988 46.018C13.9263 49.3927 14.1714 54.6197 17.5461 57.6923C20.9207 60.7645 26.1469 60.5196 29.2194 57.1452C32.292 53.7704 32.0469 48.5435 28.6722 45.4709Z",fill:"#ADB5BD"})]})},83676:(e,t,i)=>{i.d(t,{u:()=>d});let d=e=>e?.url2x||e?.url||""}}]);