https://contents.kyobobook.co.kr/display/next/ui-store/build-17899…/static/chunks/73578-0d61dbb2c7814519.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73578],{7409:(e,l,t)=>{t.d(l,{KdsBtnBox:()=>f});var r=t(13736),n=t(55456),i=t(87264),s=t(43823),a=t(74076);let o={[a.r.HIGH]:(0,n.A)("border border-transparent bg-blue-700 text-white","active:bg-blue-800 aria-pressed:bg-blue-800","disabled:border-transparent disabled:bg-blue-400 disabled:text-white"),[a.r.MEDIUM]:(0,n.A)("border border-blue-700 bg-white text-blue-800","active:bg-blue-200 aria-pressed:bg-blue-200","disabled:border-blue-500 disabled:bg-white disabled:text-blue-500"),[a.r.LOW]:(0,n.A)("border border-gray-500 bg-white text-black","active:bg-gray-200 aria-pressed:bg-gray-200","disabled:border-gray-300 disabled:bg-white disabled:text-gray-600")};var d=t(90076);let c=(0,n.A)("inline-flex items-center justify-center whitespace-nowrap","transition-colors duration-200 ease-in-out","disabled:pointer-events-none disabled:cursor-not-allowed"),u={[a.c.XL]:"fz-16 h-12.5 rounded-lg font-bold",[a.c.L]:"fz-14 h-11 rounded-lg",[a.c.M]:"fz-12 h-9.5 rounded-lg",[a.c.S]:"fz-12 h-7.5 rounded-sm py-0.5 font-medium",[a.c.XS]:"fz-12 h-6 rounded-sm font-medium"},x={[a.c.XS]:"fz-12 h-6 rounded font-medium"},h={[a.c.XL]:{text:"px-6",iconLeft:"pl-5 pr-7",iconRight:"pl-7 pr-5"},[a.c.L]:{text:"px-7",iconLeft:"pl-4.5 pr-5",iconRight:"pl-5 pr-4.5"},[a.c.M]:{text:"px-7",iconLeft:"pl-4.5 pr-5",iconRight:"pl-5 pr-4.5"},[a.c.S]:{text:"px-2.5",iconLeft:"pl-[9px] pr-[11px]",iconRight:"pl-[11px] pr-[9px]"},[a.c.XS]:{text:"px-2.5",iconLeft:"pl-2 pr-2.5",iconRight:"pl-2.5 pr-2"}},f=e=>{var l;let{linkElement:t=i.KdsLink,emphasis:f=a.r.HIGH,size:p=a.c.M,full:m,fullWidth:v,className:g,pressed:b,iconPosition:w,iconProps:j,icon:y,iconSize:L,iconColor:E,children:A,mobile:S=!1,isMobile:k=!1,...M}=e,N=(0,n.A)(function(e){let{emphasis:l,size:t,fullWidth:r,className:i,icon:s,iconPosition:a,isMobile:f=!1}=e;return(0,n.A)(c,function(e,l){if(l){let l=x[e];if(null!=l)return l}return u[e]}(t,f),null==s?h[t].text:a===d.D.RIGHT?h[t].iconRight:a===d.D.ICON_ONLY?h[t].text:h[t].iconLeft,o[l],r&&"w-full",i)}({emphasis:f,size:p,fullWidth:null!=m?m:v,className:g,icon:y,iconPosition:w,isMobile:S||k})),O=null!=M.href&&""!==M.href,C=O?{...M,target:null!=(l=M.target)?l:"_self"}:M,T=(0,s.x)({iconPosition:w,iconProps:j,size:p,icon:y,iconSize:L,iconColor:E,children:A});return(0,r.jsx)(O?t:"button",{className:N,"aria-pressed":b,...C,children:T})}},10697:(e,l,t)=>{t.r(l),t.d(l,{KdsModal:()=>j});var r=t(13736),n=t(63675),i=t(37215),s=t(55456),a=t(41929),o=t(25224);let d=e=>{let{title:l,titleAlign:t="left",close:n,titleClass:i,containerClassName:d,closeButtonClassName:c,onClose:u}=e;return l||n?(0,r.jsxs)("div",{className:d,children:[null!=l&&""!==l&&(0,r.jsx)("span",{className:(0,s.A)("block min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap font-medium",(0,o.cR)(t),i),children:l}),n&&(0,r.jsx)(a.KdsModalCloseBtn,{className:c,onClose:u})]}):null},c=e=>{let{headerClass:l,title:t,titleAlign:n,titleClass:i,close:a,onClose:c,closeHandle:u,isScrolled:x}=e,h=(0,o.pv)({onClose:c,closeHandle:u});return(0,r.jsx)(d,{title:t,titleAlign:n,titleClass:(0,s.A)("fz-20",i),close:a,onClose:h,containerClassName:(0,s.A)("flex flex-shrink-0 items-center gap-4 bg-white px-5 py-4",{"border-b border-gray-300":x&&!(null==l?void 0:l.includes("border-"))},l)})};var u=t(49589),x=t(45348);let h=e=>{let{children:l,overlayStyle:t,dialogStyle:a,topSticky:o,bottomSticky:d,button:h,...f}=e,p=(0,x.useRef)(null);(0,n.l)(p);let m=(0,i.y)(p);return(0,r.jsx)("div",{className:t,children:(0,r.jsxs)("div",{"data-kds-modal-dialog":"true",className:(0,s.A)(a,"box-border flex flex-col overflow-hidden rounded-2xl"),children:[(0,r.jsx)(c,{...f,isScrolled:m}),(0,r.jsx)(u.Show,{when:null!=o,children:o}),(0,r.jsx)("div",{className:"kds-scrollbar-visible mb-5 min-h-0 flex-1 overflow-y-auto pl-5 pr-4 pt-5",ref:p,children:l}),null!=h&&(0,r.jsx)("div",{className:"p-5",children:h})]})})};var f=t(90440),p=t(43653);let m=e=>{let{headerClass:l,title:t,headerMargin:n=!0,titleAlign:i="left",close:a,onClose:c,closeHandle:u,titleClass:x,isScrolled:h,layout:f}=e,m=(0,o.xw)(n),v=(0,o.pv)({onClose:c,closeHandle:u}),g=f===p.E.FULL;return(0,r.jsx)(d,{title:t,titleAlign:i,titleClass:(0,s.A)("fz-18",x),close:a,onClose:v,containerClassName:(0,s.A)("relative flex items-center gap-4 roun

1ded-t-2xl bg-white py-4",{"border-b border-gray-300":h&&!(null==l?void 0:l.includes("border-"))},a&&"pr-14",g&&"px-5",m),closeButtonClassName:"absolute right-5 h-6 w-6 min-w-6 border-none hover:bg-white active:bg-white"})},v=e=>{let{overlayStyle:l,dialogStyle:t,children:a,layout:o,topSticky:d,bottomSticky:c,button:h,title:f,padding:v=!0,scrollBottomMargin:g=!0,...b}=e,w=(0,x.useRef)(null);(0,n.l)(w);let j=(0,i.y)(w),y=o===p.E.FULL,L="string"==typeof f&&f.trim().length>0,E=null!=h,A=null!=d,S=null!=c,k=L||A||S||E;return(0,r.jsx)("div",{className:(0,s.A)(l,y&&"min-h-0 flex-col"),children:(0,r.jsxs)("div",{"data-kds-modal-dialog":"true",className:(0,s.A)(t,(k||y)&&"flex min-h-0 flex-col",k&&"overflow-hidden",y&&"h-full min-h-0 w-full flex-1 rounded-none"),children:[(0,r.jsx)(m,{layout:o,title:f,...b,isScrolled:j}),(0,r.jsx)(u.Show,{when:A,children:d}),(0,r.jsx)("div",{className:(0,s.A)((k||y)&&"min-h-0 flex-1 overflow-y-auto",y&&"kds-scrollbar-visible w-full",y&&g&&"mb-5",v&&"pl-5 pr-4 pt-4"),ref:w,children:a}),(0,r.jsx)(u.Show,{when:S,children:c}),(0,r.jsx)(u.Show,{when:E,children:(0,r.jsx)("div",{className:(0,s.A)("px-5"),children:h})})]})})},g=e=>{let{layout:l}=e,t=l===p.E.BOTTOM_SHEET?f.KdsBottomModal:v;return(0,r.jsx)(t,{...e})};var b=t(59903),w=t(15410);let j=e=>{let{layout:l,size:t,mobile:n,overlayBottomPadding:i=!0,overlayStyle:a,dialogStyle:o,...d}=e,{IS_MOBILE:c}=(0,w.useViewStore)(),{overlay:u,dialog:x}=(0,b.H)({layout:l,size:t,IS_MOBILE:null!=n?n:c,overlayBottomPadding:i}),f=(null!=n?n:c)?g:h;return(0,r.jsx)(f,{layout:l,overlayStyle:(0,s.A)(u,a),dialogStyle:(0,s.A)(x,o),mobile:n,...d})}},13526:(e,l,t)=>{t.d(l,{Z:()=>n});var r=t(45348);let n=(e,l)=>{(0,r.useEffect)(()=>{var l;let t=null==(l=e.current)?void 0:l.querySelector(".active");if(t&&e.current){let{offsetLeft:l,offsetTop:r,offsetWidth:n,offsetHeight:i}=t,{clientWidth:s,clientHeight:a,scrollWidth:o,scrollHeight:d}=e.current,c=Math.max(o-s,0),u=Math.max(d-a,0);e.current.scrollTo({left:Math.min(Math.max(l-s/2+n/2,0),c),top:Math.min(Math.max(r-a/2+i/2,0),u)})}},[l,e])}},19680:(e,l,t)=>{t.d(l,{A:()=>s});var r,n=t(45348);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var t=arguments[l];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}let s=function(e){return n.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",width:18,height:6,fill:"none"},e),r||(r=n.createElement("path",{fill:"#CCC",d:"M15.944.108a1.5 1.5 0 0 1 1.113 2.785l-7.5 3a1.5 1.5 0 0 1-1.114 0l-7.5-3A1.5 1.5 0 0 1 2.057.108L9 2.885z"})))}},25224:(e,l,t)=>{t.d(l,{cR:()=>n,pv:()=>r,xw:()=>i});let r=e=>{let{onClose:l,closeHandle:t}=e;if(null!=l||null!=t)return()=>{null==l||l(),null==t||t()}},n=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"left";return"center"===e?"text-center":"text-left"},i=function(){let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0];if(!1!==e)return"string"==typeof e?e:"px-5"}},25856:(e,l,t)=>{t.r(l),t.d(l,{useModalStore:()=>i});var r=t(23255),n=t(10059);let i=(0,r.v)((e,l)=>{let t=l=>{e(e=>({modals:null==l?e.modals.slice(0,-1):e.modals.filter(e=>e.id!==l)}))};return{modals:[],openModal:(t,r)=>{var i;if(null!=(i=null==r?void 0:r.unique)&&i&&l().isOpenModal(t))return"";let s=(0,n.A)();return e(e=>({modals:[...e.modals,{id:s,Component:t,...r}]})),s},isOpenModal:e=>null!=e&&null!=l().modals.find(l=>{let{id:t,Component:r}=l;return"string"==typeof e?e===t:e===r}),closeModal:t,closeAllModals:()=>{l().modals.forEach(e=>t(e.id))}}})},34191:(e,l,t)=>{t.r(l),t.d(l,{KdsAlertModal:()=>p});var r=t(13736),n=t(15410),i=t(77481),s=t(10697),a=t(55456),o=t(84849),d=t(7409);let c=e=>{let l,{confirm:t="확인",cancel:i=!1,esc:s=!0,color:c,closeHandle:u,resolve:x}=e,{IS_MOBILE:h}=(0,n.useViewStore)(e=>e),f=!1!==i||void 0!==x;f&&(l=()=>(x&&x(!1),"function"==typeof i&&i(),null==u?void 0:u())),s&&(0,o.g)(f?l:u);let p=e=>{let{onClick:l,emphasis:t,children:n}=e;return(0,r.jsx)(d.KdsBtnBox,{size:"xl",emphasis:t,fullWidth:!0,onClick:l,children:n})};return(0,r.jsxs)("div",{className:(0,a.A)(!h&&"flex w-full items-center justify-center gap-1 pt-5",h&&"px-5 py-5",h&&f&&"flex w-full items-center justify-center gap-1",h&&!f&&"flex w-full flex-col"),children:[f&&(0,r.jsx)(p,{emphasis:"low",onClick:l,children:"string"==typeof i?i:"취소"}),(0,r.jsx)(p,{emphasis:"high",onClick:e=>{if(e.stopPropagation(),!x||!1!==x(!0))return"function"==typeof t&&t(),null==u?void 0:u()},children:"string"==typeof t?t:"확인"})]})},u=e=>{let{message:l,className:t,children:n}=e;return l?(0,r.jsxs)("div",{className:(0,a.A)(t,"string"==typeof l&&"whitespace-pre-line"),children:[l,n]}):null},x=e=>{let{subtext:l,className:t}=e;return l?(0,r.jsx)("p",{className:(0,a.A)(t,"fz-14 mt-1 text-center text-gray-800","string"==typeof l&&"whitespace-pre-line"),children:l}):null},h=e=>{let{wrap:l,children:t,...n}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{"aria-label":null==l?void 0:l.ariaLabel,className:(0,a.A)(null==l?void 0:l.className,"flex flex-col gap-1"),children:[t,(0,r.jsx)(u,{className:(0,a.A)(!t&&"pb-5 pt-6","fz-16 min-w-[45px] cursor-default text-center font-medium text-black"),...n,children:n.subtext&&(0,r.jsx)(x,{...n})})]}),(0,r.jsx)(c,{...n})]})},f=e=>{let{wrap:l,children:t,...n}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{"aria-label":null==l?void 0:l.ariaLabel,className:(0,a.A)(null==l?void 0:l.className,"flex w-full flex-col gap-3",(null==l?void 0:l.padding)!==!1&&"p-5"),children:[t,(0,r.jsxs)("div",{className:(0,a.A)(!t&&"mt-5","flex w-full flex-col gap-1 text-center"),children:[(0,r.jsx)(u,{className:"fz-16 min-w-[45px] font-medium text-black",...n}),n.subtext&&(0,r.jsx)(x,{...n})]})]}),(0,r.jsx)(c,{...n})]})},p=e=>{let{modalProps:l,wrap:t,...a}=e,{IS_MOBILE:o}=(0,n.useViewStore)(e=>e),d=Object.assign({ariaLabel:"alert-modal",className:"flex max-h-[542px] w-full flex-col overflow-y-auto",role:"alert"},t);return(0,r.jsx)(s.KdsModal,{size:o?i.jb.DEFAULT:i.jb.SMALL,...l,children:(0,r.jsx)(o?f:h,{wrap:d,...a})})}},37215:(e,l,t)=>{t.d(l,{y:()=>n});var r=t(45348);let n=e=>{let[l,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let l=e.current;if(null==l)return;let r=()=>{t(l.scrollTop>0)};r(),l.addEventListener("scroll",r,{passive:!0});let n="undefined"==typeof ResizeObserver?void 0:new ResizeObserver(r);return null==n||n.observe(l),()=>{l.removeEventListener("scroll",r),null==n||n.disconnect()}},[e]),l}},41929:(e,l,t)=>{t.r(l),t.d(l,{KdsModalCloseBtn:()=>a});var r=t(13736),n=t(55456),i=t(68789);let s=(0,n.A)("border-none bg-transparent text-black"),a=e=>{let{size:l=24,onClose:t,className:n,...a}=e;return(0,r.jsx)("button",{className:null!=n?n:s,style:{width:l,height:l},onClick:t,...a,children:(0,r.jsx)(i.u3,{name:i.dO.CLOSE,size:l,stroke:"black"})})}},43653:(e,l,t)=>{t.d(l,{E:()=>r,j:()=>n});var r=function(e){return e.DEFAULT="default",e.BOTTOM_SHEET="bottom-sheet",e.FULL="full",e}({}),n=function(e){return e.SMALL="sm",e.MEDIUM="md",e.LARGE="lg",e.DEFAULT="default",e.FULL="full",e}({})},49589:(e,l,t)=>{t.r(l),t.d(l,{Show:()=>n});var r=t(67196);function n(e){let{when:l,fallback:t=null,children:n,debug:i}=e,{hasDebug:s,matchDebug:a}=(0,r.z)();return(()=>

1{if(null==i)return l;let{success:e,failure:t}=(e=>{let[l,t=!1]=(e=Array.isArray(e)?e:[e]).map(e=>"boolean"==typeof e?s():!!a(e));return{success:l,failure:t}})(i);return!!e||!t&&l})()?n:t}},59903:(e,l,t)=>{t.d(l,{H:()=>i});var r=t(55456),n=t(43653);let i=e=>({overlay:(e=>{let{layout:l,size:t,IS_MOBILE:i}=e,s=(e=>{let{layout:l,IS_MOBILE:t,overlayBottomPadding:i=!0}=e;return t?l===n.E.FULL?(0,r.A)("bg-white",i&&"pb-5"):l!==n.E.BOTTOM_SHEET?(0,r.A)("items-center justify-center"):void 0:null})(e),a=t===n.j.FULL,o=l===n.E.BOTTOM_SHEET;return(0,r.A)("flex",{"h-full w-full":a,"m-auto h-auto":!a,"w-full justify-center":!a&&!i,"dialog_wrapper open z-notification w-full":i,"px-5":!a&&i&&!o},s)})(e),dialog:(e=>{let{layout:l,size:t,IS_MOBILE:i}=e,s=(0,r.A)({"relative border-none bg-white text-black":!0,"rounded-2xl":l!==n.E.FULL,"flex flex-col":l===n.E.FULL});return l===n.E.BOTTOM_SHEET?s:(0,r.A)(s,(e=>{let{size:l=n.j.DEFAULT,IS_MOBILE:t}=e;return l===n.j.DEFAULT?(0,r.A)({"p-0":t,"h-auto min-w-0 max-w-[min(560px,_100%)] flex-[0_1_560px]":!t,"max-h-[480px] w-full max-w-[335px]":t}):l!==n.j.FULL?(0,r.A)({"max-h-[750px]":!0,"h-auto w-[min(100%,400px)] min-w-0 max-w-[400px] shrink-0 grow-0":l===n.j.SMALL,"h-auto w-[min(100%,560px)] min-w-0 max-w-[560px] shrink-0 grow-0":l===n.j.MEDIUM,"h-auto w-[min(100%,1000px)] min-w-0 max-w-[1000px] shrink-0 grow-0":l===n.j.LARGE}):void 0})(e))})(e)})},63675:(e,l,t)=>{t.d(l,{l:()=>s});var r=t(45348);let n="kds-scrollbar-visible",i="kds-scroll-active",s=(e,l)=>{let{idleDelay:t=500}=null!=l?l:{};(0,r.useEffect)(()=>{var l;let r,s=e.current;if(null==s)return;let a=s.classList.contains(n);a||s.classList.add(n);let o=null!=(l=s.parentElement)?l:s,d=document.createElement("span"),c=window.getComputedStyle(o).position,u=o!==s,x=s.getBoundingClientRect(),h=o.getBoundingClientRect();"static"===c&&(o.style.position="relative"),d.setAttribute("aria-hidden","true"),d.className="kds-scrollbar-thumb",Object.assign(d.style,{position:"absolute",top:"".concat(x.top-h.top+4,"px"),right:"4px",zIndex:"1",width:"2px",height:"0px",borderRadius:"2px",backgroundColor:"#595959",opacity:"0",pointerEvents:"none",transition:"opacity 150ms ease",transform:"translateY(0px)"}),o.appendChild(d);let f=()=>{d.style.height="0px",d.style.opacity="0",d.style.transform="translateY(0px)"},p=()=>{null!=r&&(window.clearTimeout(r),r=void 0)},m=function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],{clientHeight:l,scrollHeight:t}=s,r=Math.max(t-l,0),n=Math.min(s.scrollTop,r),i=s.getBoundingClientRect(),a=o.getBoundingClientRect();if(s.scrollTop!==n&&(s.scrollTop=n),!(t>l))return void f();let c=Math.max(l-8,0),u=Math.min(Math.max(l/t*c,24),c),x=Math.max(c-u,0),h=0===x?0:n/(t-l)*x;d.style.top="".concat(i.top-a.top+4,"px"),d.style.height="".concat(u,"px"),d.style.opacity=e?"1":"0",d.style.transform="translateY(".concat(h,"px)")},v=()=>{s.classList.remove(i),m(!1),p()},g=()=>{s.classList.add(i),m(!0),p(),r=window.setTimeout(v,t)};m(!1),s.addEventListener("scroll",g,{passive:!0}),s.addEventListener("scrollend",v,{passive:!0});let b="undefined"==typeof ResizeObserver?void 0:new ResizeObserver(()=>m(s.classList.contains(i)));null==b||b.observe(s);let w=e=>{null==b||b.observe(e)};Array.from(s.children).forEach(w);let j="undefined"==typeof MutationObserver?void 0:new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e instanceof Element&&w(e)})}),requestAnimationFrame(()=>{m(s.classList.contains(i))})});return null==j||j.observe(s,{childList:!0,subtree:!0,characterData:!0}),()=>{s.removeEventListener("scroll",g),s.removeEventListener("scrollend",v),null==j||j.disconnect(),null==b||b.disconnect(),v(),f(),d.remove(),u&&"static"===c&&o.style.removeProperty("position"),a||s.classList.remove(n)}},[t,e])}},67196:(e,l,t)=>{t.d(l,{z:()=>i});var r=t(66388),n=t(69541);let i=()=>{let e=(0,n.useSearchParams)(),l=new r.Do(e);return{params:e,debugParam:l,debug:function(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"debug";return null!=(e=l.get(t))?e:null},hasDebug:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"debug";return l.has(e)},matchDebug:(e,t)=>{if(!l.active)return;if(null!=t){if(!l.has(e))return;return l.get(e)===String(t)}if(!e.includes("="))return l.has(e);let r=e.split("="),n=r[0],i=r[1];if(l.has(n))return l.get(n)===i}}}},77481:(e,l,t)=>{t.d(l,{ES:()=>r,jb:()=>n,ux:()=>i});var r=function(e){return e.DEFAULT="default",e.BOTTOM_SHEET="bottom-sheet",e.FULL="full",e}({}),n=function(e){return e.SMALL="sm",e.MEDIUM="md",e.LARGE="lg",e.DEFAULT="default",e.FULL="full",e}({});let i='[data-kds-modal-dialog="true"]'},78316:(e,l,t)=>{t.d(l,{Z:()=>r});let r=(e,l,t)=>(document.addEventListener(e,l,t),()=>{document.removeEventListener(e,l,t)})},84849:(e,l,t)=>{t.d(l,{g:()=>i});var r=t(45348),n=t(78316);let i=e=>{null!=e&&(e=>{let{key:l,event:t="keyup",callback:i}=e;(0,r.useEffect)(()=>(0,n.Z)(t,e=>{e.key===l&&i(e)}),[l,t,i])})({key:"Escape",callback:e})}},90440:(e,l,t)=>{t.r(l),t.d(l,{KdsBottomModal:()=>F});var r,n,i=t(13736),s=t(45348);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var t=arguments[l];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}let o=function(e){return s.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",width:32,height:32,fill:"none"},e),r||(r=s.createElement("rect",{width:32,height:32,fill:"#000",fillOpacity:.5,rx:16})),n||(n=s.createElement("path",{stroke:"#fff",strokeLinecap:"round",d:"m9.336 9.333 13.333 13.334m0-13.334L9.336 22.667"})))};var d=t(31771),c=t(13526),u=t(63675),x=t(37215),h=t(15410),f=t(55456),p=t(49589),m=t(77481),v=t(25224),g=t(59903),b=t(51474),w=t(39744),j=t(39259);let y={initial:{y:500},animate:{y:0},exit:{y:500},transition:{duration:.3}},L=e=>{let{overlayStyle:l,children:t,onOverlayClick:r}=e;return(0,i.jsx)(b.F,{features:w.l,children:(0,i.jsx)(j.m.div,{onClick:r,className:(0,f.A)(l,"fixed inset-0 z-30 flex flex-col justify-end overflow-y-hidden bg-transparent"),children:(0,i.jsx)(j.m.div,{className:"flex min-h-full w-full max-w-full flex-col justify-end",...y,children:t})})})};var E=t(19680),A=t(85927),S=t(51409);let k=e=>

1{let{dialogStyle:l,dragRegion:t,onDragClose:r}=e,n=(0,A.m)(),a=(0,s.useRef)(!1);return(0,i.jsxs)(S.P.div,{className:(0,f.A)(l,"flex max-h-[calc(100dvh-88px)] w-full shrink-0 flex-col overflow-hidden rounded-b-none rounded-t-2xl","relative z-0"),onClick:e=>{e.stopPropagation()},drag:"y",dragConstraints:{top:0,bottom:360},dragControls:n,dragElastic:{top:0,bottom:.12},dragListener:!1,dragSnapToOrigin:!0,onDragStart:()=>{a.current=!0},onDragEnd:(e,l)=>{(l.offset.y>96||l.velocity.y>620)&&r()},children:[(0,i.jsx)("div",{className:"flex min-h-[16px] shrink-0 cursor-grab touch-none items-center justify-center pb-1 pt-2 active:cursor-grabbing",onPointerDown:e=>{a.current=!1,n.start(e)},role:"separator","aria-orientation":"horizontal","aria-label":"바텀시트 닫기 드래그",children:(0,i.jsx)("button",{type:"button",className:"flex cursor-pointer items-center justify-center p-1",onClick:()=>{a.current||r()},"aria-label":"바텀시트 닫기",children:(0,i.jsx)(E.A,{className:"block h-[6px] w-[18px] shrink-0 [&_path]:fill-gray-300","aria-hidden":!0})})}),(0,i.jsx)("div",{className:"flex min-h-0 min-w-0 flex-col",children:t})]})},M=(0,f.A)("relative z-10 w-full shrink-0 bg-white"),N=(0,f.A)("relative z-10 w-full shrink-0 bg-white p-5"),O=e=>{let{dialogStyle:l,dragRegion:t,onDragClose:r,stickyFooter:n,footer:s}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(k,{dialogStyle:l,dragRegion:t,onDragClose:r}),null!=n?(0,i.jsx)("div",{className:M,onClick:e=>e.stopPropagation(),children:n}):null,null!=s?(0,i.jsx)("div",{className:N,onClick:e=>e.stopPropagation(),children:s}):null]})},C=e=>{let{className:l,children:t}=e;return(0,i.jsx)("div",{className:(0,f.A)(l,"relative flex max-h-[calc(100dvh-88px)] min-h-0 w-full flex-col rounded-b-none rounded-t-2xl"),onClick:e=>{e.stopPropagation()},children:t})},T=e=>{let{dialogStyle:l,children:t}=e;return(0,i.jsx)(C,{className:l,children:t})},z=e=>{let{title:l,titleButton:t,titleAlign:r,headerMargin:n,isScrolled:s=!1}=e,a=(0,v.xw)(n),o=null!=t,d="center"===r&&o;return(0,i.jsx)(p.Show,{when:null!=l&&""!==l,children:(0,i.jsx)("div",{className:(0,f.A)("h-15 flex items-center border-b border-solid px-5 py-3.5",o&&!

1d?"justify-between":"center"===r?"justify-center":"justify-start",a,s?"border-gray-300":"border-transparent"),children:d?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"flex-1"}),(0,i.jsx)("h1",{className:"fz-18 text-center font-medium leading-8",children:l}),(0,i.jsx)("div",{className:"flex flex-1 items-center justify-end",children:t})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("h1",{className:(0,f.A)("fz-18 font-medium leading-8","center"===r?"text-center":"text-left",o&&"left"===r&&"flex-1"),children:l}),(0,i.jsx)(p.Show,{when:o,children:t})]})})})},F=e=>{let{title:l,titleAlign:t="left",headerMargin:r=!0,padding:n=!0,children:a,titleButton:b,topSticky:w,bottomSticky:j,button:y,closeHandle:E,onClose:A,close:S=!0,overlayStyle:k,dialogStyle:M,size:N,mobile:C,draggableSheet:F=!1,scrollTopPadding:R=!0,scrollBottomMargin:B=!0,scrollMinHeightClass:_}=e,D=(0,s.useRef)(null);(0,c.Z)(D),(0,u.l)(D);let U=(0,x.y)(D),{IS_MOBILE:H}=(0,h.useViewStore)(),{overlay:I,dialog:P}=(0,g.H)({layout:m.ES.BOTTOM_SHEET,size:N,IS_MOBILE:null!=C?C:H}),K=null!=M?M:P,G=(0,v.pv)({onClose:A,closeHandle:E}),X=!1!==S&&null!=G,V=y&&F?"min(530px, calc(100dvh - 88px - 8rem))":y?"min(530px, calc(100dvh - 88px - 12rem))":"min(620px, calc(100dvh - 88px - 9rem))",W=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(p.Show,{when:X&&!F,children:(0,i.jsx)("button",{type:"button","aria-label":"닫기",onClick:G,className:"z-notification absolute -top-10 left-1/2 flex h-8 w-8 -translate-x-1/2 cursor-pointer items-center justify-center border-0 bg-transparent p-0 [&>svg]:block [&>svg]:h-full [&>svg]:w-full",children:(0,i.jsx)(o,{...(0,d.H)()})})}),(0,i.jsx)(z,{title:l,titleButton:b,titleAlign:t,headerMargin:r,isScrolled:U}),(0,i.jsx)(p.Show,{when:null!=w,children:w}),(0,i.jsx)("div",{ref:D,className:(0,f.A)("kds-scrollbar-visible overflow-y-auto overscroll-contain",n&&"px-5",R&&"pt-5",B&&"mb-5",null!=_?_:F?"min-h-0":"min-h-25"),style:{WebkitOverflowScrolling:"touch",maxHeight:V},children:a})]}),Y=(0,i.jsxs)(i.Fragment,{children:[W,(0,i.jsx)(p.Show,{when:null!=j,children:(0,i.jsx)("div",{className:(0,f.A)("relative shrink-0 bg-white","shadow-[0_-2px_12px_rgba(0,0,0,0.04)]"),children:j})}),y&&(0,i.jsx)("div",{className:"p-5",children:y})]});return(0,i.jsx)(L,{overlayStyle:null!=k?k:I,onOverlayClick:G,children:F?(0,i.jsx)(O,{dialogStyle:K,dragRegion:W,onDragClose:()=>{null==G||G()},stickyFooter:null!=j?j:void 0,footer:null!=y?y:void 0}):(0,i.jsx)(T,{dialogStyle:K,children:Y})})}}}]);