https://static.yeogi.com/_next/static/chunks/4508.5c189bf2925b3e00.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4508],{89523:function(t,e,r){r.d(e,{Z:function(){return v}});var n=r(50959),a=r(68779),o=r(14489),l=r(56184);function i(){let t=(0,o._)(["\n      ","\n      ","\n      ","\n  \n      div {\n        ","\n        "," /* enabled + unchecked -> 흰색 */\n        "," /* enabled + checked -> 파랑색 */\n        "," /* disabled + unchecked -> 회색 */\n        "," /* disabled + checked -> 하늘색 */\n        ","\n      }\n\n      svg {\n        ","\n      }\n\n      &:disabled {\n        svg {\n          ","\n        }.\n      }\n    "]);return i=function(){return t},t}let c=[{position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},{height:"100%",width:"100%",transitionProperty:"transform",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms"},{overflow:"hidden",borderRadius:"4px"}],s=[{display:"inline-block",overflow:"hidden",borderRadius:"4px"},{":disabled":{cursor:"not-allowed"}},{"--tw-border-opacity":"1",borderColor:"rgb(187 187 187 / var(--tw-border-opacity))",":disabled":{"--tw-border-opacity":"1",borderColor:"rgb(220 220 220 / var(--tw-border-opacity))","--tw-bg-opacity":"1",backgroundColor:"rgb(250 250 250 / var(--tw-bg-opacity))"}}],u={s:{marginLeft:"8px",fontSize:"13px",lineHeight:"16px"},l:{marginLeft:"8px",fontSize:"15px",lineHeight:"18px"}},d={s:{height:"18px",width:"18px"},l:{height:"20px",width:"20px"}},p={wrapper:t=>{let{disabled:e}=t;return[{display:"inline-flex",alignItems:"center",whiteSpace:"nowrap",outline:"2px solid transparent",outlineOffset:"2px"},e?{cursor:"not-allowed"}:{cursor:"pointer"}]},label:t=>{let{size:e,disabled:r}=t;return[u[e],r?{cursor:"not-allowed","--tw-text-opacity":"1",color:"rgb(220 220 220 / var(--tw-text-opacity))"}:{"--tw-text-opacity":"1",color:"rgb(34 34 34 / var(--tw-text-opacity))"}]},control:(t,e,r)=>{let{size:n}=t;return[(0,l.iv)(i(),s,d[n],!e&&{borderWidth:"1px",borderStyle:"solid"},c,!e&&!r&&{"--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))"},e&&!r&&{"--tw-bg-opacity":"1",backgroundColor:"rgb(29 139 255 / var(--tw-bg-opacity))"},!e&&r&&{"--tw-bg-opacity":"1",backgroundColor:"rgb(250 250 250 / var(--tw-bg-opacity))"},e&&r&&{"--tw-bg-opacity":"1",backgroundColor:"rgb(208 230 255 / var(--tw-bg-opacity))"},e?{"--tw-scale-x":"1","--tw-scale-y":"1",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}:{"--tw-scale-x":"0","--tw-scale-y":"0",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},{position:"absolute",fill:"#FFFFFF"},{fill:"#F5F5F5"})]}};var b=r(91415),v=t=>{let{size:e="s",checked:r=!1,disabled:o=!1,wrapperCss:l,onChange:i,children:c}

1=t,[s,u]=(0,n.useState)(r);return(0,n.useEffect)(()=>{u(r)},[r]),(0,b.BX)("div",{css:[p.wrapper({disabled:o}),l],className:"gc-checkbox",role:"checkbox","aria-checked":s,tabIndex:0,onKeyUp:()=>{},onClick:()=>{!o&&i&&i(!s)},children:[(0,b.tZ)("button",{type:"button","aria-label":"체크박스",css:p.control({size:e},s,o),disabled:o,children:(0,b.tZ)("div",{className:s?"checked":"",children:(0,b.tZ)(a.Z,{width:18,height:18})})}),!!c&&(0,b.tZ)("div",{css:p.label({size:e,disabled:o}),children:c})]})}},4508:function(t,e,r){r.r(e),r.d(e,{default:function(){return h}});var n=r(50959),a=r(38078),o=r(64253),l=r(14489),i=r(56184);function c(){let t=(0,l._)(["\n          & {\n            min-width: ","px;\n          }\n        "]);return c=function(){return t},t}function s(){let t=(0,l._)(["\n      svg {\n        ","\n      }\n    "]);return s=function(){return t},t}function u(){let t=(0,l._)(["\n      svg {\n        ","\n      }\n    "]);return u=function(){return t},t}let d=t=>[...Object.values({position:{position:"relative"},width:t?{width:"100%"}:{display:"inline-block"}})],p=t=>{let{minWidth:e,isOpen:r=!1,disabled:n=!1,size:a="large"}=t,o={size:{minHeight:"48px"},flex:{display:"flex",flexDirection:"row",alignItems:"center"},gap:{gap:"4px"},cursor:{cursor:"pointer"},overflow:{overflow:"hidden"},rounded:{borderRadius:"8px"},minWidth:e?(0,i.iv)(c(),e):""},l={size:{minHeight:"48px"}},s={size:{minHeight:"44px"}},u={background:{"--tw-bg-opacity":"1",backgroundColor:"rgb(250 250 250 / var(--tw-bg-opacity))"},cursor:{cursor:"not-allowed"}},d={padding:{paddingLeft:"18px",paddingRight:"8px"}},p={background:{"--tw-bg-opacity":"1",backgroundColor:"rgb(245 245 245 / var(--tw-bg-opacity))",":hover":{"--tw-bg-opacity":"1",backgroundColor:"rgb(230 230 230 / var(--tw-bg-opacity))"}}},b={padding:{paddingLeft:"calc(18px - 1.5px)",paddingRight:"calc(8px - 1.5px)"}},v={border:{borderWidth:"1.5px","--tw-border-opacity":"1",borderColor:"rgb(34 34 34 / var(--tw-border-opacity))"}},g={background:{"--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))"}};return n&&"small"===a?[...Object.values(o),...Object.values(d),...Object.values(u),...Object.values(s)]:r&&"small"===a?[...Object.values(o),...Object.values(b),...Object.values(v),...Object.values(g),...Object.values(s)]:"small"===a?[...Object.values(o),...Object.values(p),...Object.values(d),...Object.values(s)]:n&&"large"===a?[...Object.values(o),...Object.values(d),...Object.values(u),...Object.values(l)]:r&&"large"===a?[...Object.values(o),...Object.values(b),...Object.values(v),...Object.values(g),...Object.values(l)]:"large"===a?[...Object.values(o),...Object.values(p),...Object.values(d),...Object.values(l)]:[]},b=function(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r={size:{marginRight:"auto",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",lineHeight:"19px",fontWeight:"500"},margin:{marginRight:"auto"}},n={color:{"--tw-text-opacity":"1",color:"rgb(34 34 34 / var(--tw-text-opacity))"}};return e?[...Object.values(r),...Object.values({color:{"--tw-text-opacity":"1",color:"rgb(220 220 220 / var(--tw-text-opacity))"}})]:t?[...Object.values(r),...Object.values(n),...Object.values({bold:{fontWeight:"600"}})]:[...Object.values(r),...Object.values(n)]},v=function(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r={flex:{display:"flex",alignItems:"center",justifyContent:"center"},size:{minHeight:"40px",minWidth:"40px"}},n={css:(0,i.iv)(s(),{fill:"#DCDCDC"})},a={css:(0,i.iv)(u(),{fill:"#222222"})};return e?[...Object.values(r),...Object.values(n)]:t?[...Object.values(r),...Object.values(a),...Object.values({rotate:{"--tw-rotate":"180deg",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}})]:[...Object.values(r),...Object.values(a)]};var g=r(1668),w=r(91415),h=t=>{let{disabled:e=!1,size:r="large",placeholder:l="",value:i,items:c=[],layerWidth:s,layerMaxHeight:u,fullWidth:h=!0,minWidth:x,scrollable:f,placement:y="bottom-start",selectedItemRenderer:k,onSelect:m,onChange:j}

1=t,O=(0,n.useRef)(null),C=(0,n.useRef)(null),[Z,S]=(0,n.useState)(!1),{styles:F,attributes:R,update:_}=(0,a.D)(O.current,C.current,{modifiers:[{name:"offset",options:{offset:[0,8]}}],placement:y});(0,n.useEffect)(()=>{let t=t=>{C.current&&!C.current.contains(t.target)&&O.current&&!O.current.contains(t.target)&&S(!1)};return window.addEventListener("click",t),()=>{window.removeEventListener("click",t)}},[]),(0,n.useEffect)(()=>{null==_||_()},[O,_]),(0,n.useEffect)(()=>{null==_||_()},[O,_]);let z=(0,n.useMemo)(()=>{var t,e;return(null===(e=c.filter(t=>{let{value:e}=t;return e===i}))||void 0===e?void 0:null===(t=e[0])||void 0===t?void 0:t.label)||l},[c,i]);return(0,w.BX)("div",{css:d(h),className:"gc-dropdown",children:[(0,w.BX)("div",{ref:O,css:p({minWidth:x,isOpen:Z,disabled:e,size:r}),role:"presentation",onClick:()=>{e||S(!Z)},children:[(0,w.tZ)("span",{css:b(!!i,e),children:k?k(z):z}),(0,w.tZ)("div",{css:v(Z,e),children:(0,w.tZ)(o.Z,{width:20,height:20})})]}),(0,w.tZ)("div",{ref:C,style:{...F.popper,zIndex:1},...R.popper,className:h?"w-full":"",children:Z?(0,w.tZ)(g.Z,{width:s,maxHeight:u,scrollable:f,items:c,value:i,onChange:(t,e)=>{S(!1),null==j||j(t,e)},onSelect:t=>{null==m||m(t)}}):null})]})}},1668:function(t,e,r){r.d(e,{Z:function(){return x}});var n=r(50959),a=r(14489),o=r(56184);function l(){let t=(0,a._)(["\n      span {\n        ","\n      }\n    "]);return l=function(){return t},t}function i(){let t=(0,a._)(["\n      svg {\n        ","\n      }\n    "]);return i=function(){return t},t}function c(){let t=(0,a._)(["\n      svg {\n        ","\n      }\n    "]);return c=function(){return t},t}function s(){let t=(0,a._)(["\n      width: ",";\n      max-height: ",";\n      overflow-y: ",";\n    "]);return s=function(){return t},t}let u=(t,e,r)=>Object.values({shape:(0,o.iv)(s(),e?"".concat(e,"px"):"auto",t||r?r?"".concat(r,"px"):"160px":"none",t||r?"auto":"visible"),padding:{paddingTop:"8px",paddingBottom:"8px"},border:{borderRadius:"8px"},background:{"--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))"},shadow:{"--tw-shadow":"0px 2px 16px rgba(0, 0, 0, 0.08)","--tw-shadow-colored":"0px 2px 16px var(--tw-sha

1dow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"}}),d=function(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"primary",r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n={flex:[{display:"flex",alignItems:"center"},"check"===t?{justifyContent:"space-between"}:""],padding:{paddingTop:"8px",paddingBottom:"8px",paddingLeft:"16px",paddingRight:"16px"},useSelect:{userSelect:"none"},text:(0,o.iv)(l(),{fontSize:"14px",lineHeight:"20px"})},a={text:"critical"!==e?{"--tw-text-opacity":"1",color:"rgb(34 34 34 / var(--tw-text-opacity))"}:{"--tw-text-opacity":"1",color:"rgb(249 66 57 / var(--tw-text-opacity))"},font:{fontWeight:"500"},cursor:{cursor:"pointer"},hoverStyle:"checkbox"===t||r?"":{"@media (min-width: 912px)":{":hover":{"--tw-bg-opacity":"1",backgroundColor:"rgb(230 230 230 / var(--tw-bg-opacity))"}}},svg:(0,o.iv)(i(),{fill:"#222222"})},s={text:"critical"!==e?{"--tw-text-opacity":"1",color:"rgb(29 139 255 / var(--tw-text-opacity))"}:{"--tw-text-opacity":"1",color:"rgb(249 66 57 / var(--tw-text-opacity))"},font:{fontWeight:"600"},svg:(0,o.iv)(c(),"critical"!==e?{fill:"#1D8BFF"}:{fill:"#F94239"})};return[...Object.values(n),...Object.values(r?s:a)]};var p=r(91415),b=t=>{let{label:e}=t;return(0,p.tZ)("span",{children:e})},v=r(68779),g=(t,e)=>{let{label:r}=t;return(0,p.BX)(p.HY,{children:[(0,p.tZ)("span",{children:r}),e&&(0,p.tZ)(v.Z,{width:20,height:20})]})},w=r(89523),h=(t,e)=>{let{label:r}=t;return(0,p.BX)(p.HY,{children:[(0,p.tZ)(w.Z,{checked:e}),(0,p.tZ)("span",{children:r})]})},x=t=>{let{value:e,scrollable:r=!1,items:a,width:o,maxHeight:l,onChange:i,onSelect:c}=t,s=t=>{let r;let{type:n,selected:o,value:l}=t,s=a.find(t=>t.value===l);null==c||c(s),o&&"checkbox"!==n||(r=Array.isArray(e)?o?e.filter(t=>t!==l):[...e,l]:l,null==i||i(r,s))},v=(t,e)=>{let r=b;switch(t){case"check":r=g;break;case"checkbox":r=h;break;case"custom":r=e||b}return r},w=t=>Array.isArray(e)?e.includes(t):e===t,x=(0,n.useMemo)(()=>a.map(t=>{let e=w(t.value);return{...t,selected:e}}),[e,a]);return(0,p.tZ)("ul",{css:u(r,o,l),children:x.map((t,e)=>(0,p.tZ)("li",{role:"presentation",css:d(t.type,t.variant,t.selected),onClick:e=>{e.stopPropagation(),s(t)},onKeyDown:e=>{"Enter"===e.key&&s(t)},tabIndex:-1,children:v(t.type,t.itemRenderer)(t,t.selected)},"option-layer-item-".concat(e+1)))})}}}]);