"use client"
"use strict";var De=Object.defineProperty,ln=Object.defineProperties,an=Object.getOwnPropertyDescriptor,sn=Object.getOwnPropertyDescriptors,pn=Object.getOwnPropertyNames,Ne=Object.getOwnPropertySymbols;var pt=Object.prototype.hasOwnProperty,Lt=Object.prototype.propertyIsEnumerable;var At=(e,t,o)=>t in e?De(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,p=(e,t)=>{for(var o in t||(t={}))pt.call(t,o)&&At(e,o,t[o]);if(Ne)for(var o of Ne(t))Lt.call(t,o)&&At(e,o,t[o]);return e},x=(e,t)=>ln(e,sn(t));var f=(e,t)=>{var o={};for(var r in e)pt.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&Ne)for(var r of Ne(e))t.indexOf(r)<0&&Lt.call(e,r)&&(o[r]=e[r]);return o};var cn=(e,t)=>{for(var o in t)De(e,o,{get:t[o],enumerable:!0})},fn=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of pn(t))!pt.call(e,i)&&i!==o&&De(e,i,{get:()=>t[i],enumerable:!(r=an(t,i))||r.enumerable});return e};var mn=e=>fn(De({},"__esModule",{value:!0}),e);var fi={};cn(fi,{Dialog:()=>jt,Drawer:()=>so,Input:()=>Do,Notification:()=>Ve,Portal:()=>le,QDSProvider:()=>qo,Slide:()=>Se,Spacing:()=>Jo,Table:()=>Ur,Tooltip:()=>on,useNotification:()=>_o});module.exports=mn(fi);var mt=require("@quotalab/qds");var O=require("react"),w=require("@quotalab/qds"),Ot=require("@quotalab/react"),K=require("@quotalab/utils"),R=require("react/jsx-runtime"),un=({children:e,show:t=!1,type:o,leftButton:r,rightButton:i,onLeftButtonClick:n,onRightButtonClick:a,title:l,icon:s})=>{let c=Ft(r),d=Ft(i),u=l!=null||s!=null;return(0,R.jsxs)(w.Dialog,{isOpen:t,onClose:()=>null,children:[(0,R.jsx)(w.Dialog.Backdrop,{}),(0,R.jsxs)(w.Dialog.Content,{children:[(0,K.iif)(u===!0,(0,R.jsxs)(w.Dialog.Header,{children:[(0,R.jsx)(Ot.Convert,{value:s,formatter:m=>m}),(0,K.iif)(l!=null,(0,R.jsx)(w.Dialog.Title,{children:l}))]})),(0,R.jsx)(w.Dialog.Description,{children:e}),(0,K.iif)((0,O.isValidElement)(d),(0,R.jsx)(w.Dialog.TwoButtonFooter,{primaryButton:(0,O.isValidElement)(d)?(0,O.cloneElement)(d,{variant:dn(o),onClick:()=>{var m,y;a==null||a(),(y=(m=d.props).onClick)==null||y.call(m)}}):d,secondaryButton:(0,O.isValidElement)(c)?(0,O.cloneElement)(c,{variant:"outline",onClick:()=>{var m,y;n==null||n(),(y=(m=c.props).onClick)==null||y.call(m)}}):c}))]})]})},Ft=e=>(0,K.isString)(e)?(0,R.jsx)(w.Button,{children:e}):e,dn=e=>{switch(e){case"info":return"primary";case"danger":return"danger";default:return"primary"}},k=un;var zt=require("@quotalab/qds"),Vt=require("react/jsx-runtime"),xn=({children:e})=>(0,Vt.jsx)(zt.Dialog.Description,{children:e}),Gt=xn;var Ut=require("@emotion/css"),_t=require("@quotalab/qds-token"),Qt=require("react/jsx-runtime"),yn=({children:e})=>(0,Qt.jsx)("div",{className:Ut.css`
        background-color: ${_t.vars.color.scaleGray000};
        padding: 14px 16px;
        border-radius: 6px;
        width: 100%;
        box-sizing: border-box;
      `,children:e}),qt=yn;var Jt=require("@quotalab/qds"),Yt=require("react/jsx-runtime"),bn=({children:e})=>(0,Yt.jsx)(Jt.Dialog.Title,{children:e}),Kt=bn;var ct=require("react/jsx-runtime"),hn=i=>{var n=i,{type:e,button:t,onClick:o}=n,r=f(n,["type","button","onClick"]);return e==null?(0,ct.jsx)(k,p({type:e,rightButton:t,onRightButtonClick:o},r)):(0,ct.jsx)(k,p({type:e,rightButton:t,onRightButtonClick:o},r))},Xt=hn;var ft=require("react/jsx-runtime"),gn=a=>{var l=a,{type:e,leftButton:t,rightButton:o,onLeftButtonClick:r,onRightButtonClick:i}=l,n=f(l,["type","leftButton","rightButton","onLeftButtonClick","onRightButtonClick"]);return e==null?(0,ft.jsx)(k,p({type:e,leftButton:t,rightButton:o,onLeftButtonClick:r,onRightButtonClick:i},n)):(0,ft.jsx)(k,p({type:e,leftButton:t,rightButton:o,onLeftButtonClick:r,onRightButtonClick:i},n))},Zt=gn;var ut=require("react/jsx-runtime"),W=k;W.Title=Kt;W.AlertIcon=Pn;W.DeleteIcon=Tn;W.Content=Gt;W.TextBlock=qt;W.OneButton=Xt;W.TwoButtons=Zt;var jt=W;function Tn({color:e}){return(0,ut.jsx)(mt.Dialog.HeaderIcon,{icon:"outline:general:trash-01",color:e})}function Pn({color:e}){return(0,ut.jsx)(mt.Dialog.HeaderIcon,{icon:"outline:alerts_feedback:alert-circle",color:e})}var Ie=require("@emotion/css"),no=require("@quotalab/icons"),Y=require("@quotalab/qds"),$e=require("@quotalab/qds-token"),io=require("@quotalab/react");var M=require("@emotion/css"),oo=require("@quotalab/qds-token");var eo=require("react"),to=require("@emotion/css"),me=require("framer-motion");var H=require("react/jsx-runtime");function Cn(a,n){var l=a,{children:e,show:t,onClose:o,direction:r}=l,i=f(l,["children","show","onClose","direction"]);return(0,H.jsx)(me.AnimatePresence,{children:t&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(me.motion.div,{onClick:o,initial:{opacity:0},animate:{opacity:.3},exit:{opacity:0},className:to.css`
              position: fixed;
              z-index: 1000;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              background-color: #000000;
            `}),(0,H.jsx)(me.motion.section,x(p(p({transition:{type:"linear",duration:.4}},Rn(r)),i),{ref:n,children:e}))]})})}var Se=(0,eo.forwardRef)(Cn);function Rn(e){switch(e){case"down":return{initial:{y:"-100%"},animate:{y:0},exit:{y:"-100%"}};case"up":return{initial:{y:"100%"},animate:{y:0},exit:{y:"100%"}};case"left":return{initial:{x:"100%"},animate:{x:0},exit:{x:"100%"}};case"right":default:return{initial:{x:"-100%"},animate:{x:-0},exit:{x:"-100%"}}}}var ro=require("react/jsx-runtime"),wn={left:"right",right:"left",top:"down",bottom:"up"};function vn({className:e,children:t,size:o=700,show:r,onClose:i,placement:n="right"}){return(0,ro.jsx)(Se,{show:r===!0,onClose:i,direction:wn[n],className:(0,M.cx)(Bn(n,o),M.css`
          position: fixed;
          z-index: 1000;
          background-color: ${oo.vars.color.scaleWhite};
        `,e),children:t})}var Ee=vn;function Bn(e,t){switch(e){case"right":return M.css`
        top: 0;
        right: 0;
        bottom: 0;
        width: ${t}px;
      `;case"left":return M.css`
        top: 0;
        bottom: 0;
        left: 0;
        width: ${t}px;
      `;case"top":return M.css`
        top: 0;
        right: 0;
        left: 0;
        height: ${t}px;
      `;case"bottom":return M.css`
        right: 0;
        bottom: 0;
        left: 0;
        height: ${t}px;
      `}}var D=require("react/jsx-runtime");function Nn(i){var n=i,{children:e,title:t,closeable:o=!0}=n,r=f(n,["children","title","closeable"]);return(0,D.jsx)(Ee,x(p({},r),{children:(0,D.jsxs)(Y.Flex,{direction:"column",className:Ie.css`
          width: 100%;
          height: 100%;
        `,children:[t!=null&&(0,D.jsxs)(Y.Flex,{as:"header",align:"center",justify:"space-between",className:Ie.css`
              width: 100%;
              padding: 24px;
              background-color: ${$e.vars.color.scaleWhite};
              border-bottom: 1px solid ${$e.vars.color.scaleGray100};
            `,children:[(0,D.jsx)(Y.Txt,{as:"h1",sizing:"bodyLarge",weight:500,children:t}),o===!0&&(0,D.jsx)(io.ClickArea,{onClick:r.onClose,children:(0,D.jsx)(no.Icon,{name:"outline:general:x",size:20})})]}),(0,D.jsx)(Y.Flex,{className:Ie.css`
            width: 100%;
            flex: 1;
            padding: 24px;
            background-color: ${$e.vars.color.scaleGray000};
          `,children:e})]})}))}var lo=Nn;var ao=Ee;ao.Antd=lo;var so=ao;var go=require("react"),Le=require("@emotion/css");var ee=require("@emotion/css"),ho=require("@quotalab/qds"),bt=require("@quotalab/utils");var X=require("react"),ue=require("@emotion/css"),po=require("@quotalab/qds"),dt=require("@quotalab/qds-token");var co=require("react/jsx-runtime"),Dn=({disabled:e,children:t})=>(0,co.jsx)(po.Flex,{justify:"center",align:"center",className:(0,ue.cx)(ue.css`
          padding: 0px 8px;
        `,e&&ue.css`
            svg {
              color: ${dt.vars.color.scaleGray300};
            }
          `),children:X.Children.map(t,o=>(0,X.isValidElement)(o)?(0,X.cloneElement)(o,e?x(p({},o.props),{style:{color:dt.vars.color.scaleGray300}}):p({},o.props)):o)}),xt=Dn;var fo=360,ke={small:32,medium:40,large:48},Z={small:12,medium:16,large:20},de=18,We=8;function yt(e){return e!=null}var j=require("@emotion/css"),S=require("@quotalab/qds-token");var He=`'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont,
system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR',
'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif`;var mo=j.css`
  box-sizing: border-box;

  background: ${S.vars.color.scaleWhite};
  border-radius: 6px;
  border: 1px solid ${S.vars.color.scaleGray200};
  width: ${fo}px;
  height: ${ke.medium}px;

  transition: border-color 0.1s ease-in-out;

  :hover,
  :focus-within {
    border-color: ${S.vars.color.scaleMint500};
  }
`,uo=j.css`
  padding: 0px;
  resize: none;
`,Me=j.css`
  width: calc(100% - ${We*2}px);
  background: transparent;
  border: none;
  font-family: ${He};
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: ${de}px;
  color: ${S.vars.color.scaleBlack};

  :focus {
    outline: none;
  }

  ::placeholder {
    color: ${S.vars.color.scaleGray400};
  }
`,xo=j.css`
  border-color: ${S.vars.color.scaleRed500};
`,yo=j.css`
  border-color: ${S.vars.color.scaleGray200};
  background: ${S.vars.color.scaleGray000};
  pointer-events: none;
`;var A=require("react/jsx-runtime"),Sn=({className:e,size:t="medium",width:o,height:r,prefix:i,suffix:n,hasError:a,disabled:l,children:s})=>(0,A.jsxs)(ho.Flex,{className:(0,ee.cx)(mo,ee.css`
          padding: 0px ${t==="large"?7:3}px;
          height: ${ke[t]}px;
        `,ee.css`
          width: ${(0,bt.isNumber)(o)?`${o}px`:o};
          height: ${(0,bt.isNumber)(r)?`${r}px`:r};
        `,a&&xo,l&&yo,e),align:"center",justify:"space-between",children:[yt(i)?(0,A.jsx)(xt,{disabled:l,children:i}):(0,A.jsx)(bo,{}),s,yt(n)?(0,A.jsx)(xt,{disabled:l,children:n}):(0,A.jsx)(bo,{})]}),bo=()=>(0,A.jsx)("div",{className:ee.css`
      width: ${We}px;
    `}),Ae=Sn;var ht=require("react/jsx-runtime"),En=(0,go.forwardRef)((s,l)=>{var c=s,{size:e,disabled:t,hasError:o,prefix:r,suffix:i,width:n}=c,a=f(c,["size","disabled","hasError","prefix","suffix","width"]);return(0,ht.jsx)(Ae,{width:n,hasError:o,disabled:t,prefix:r,suffix:i,size:e,children:(0,ht.jsx)("input",p({ref:l,className:(0,Le.cx)(Me,e==="small"&&Le.css`
                font-size: 13px;
              `)},a))})}),te=En;var oe=require("react"),gt=require("@quotalab/icons"),To=require("@quotalab/utils");var z=require("react/jsx-runtime"),In=(0,oe.forwardRef)((l,a)=>{var s=l,{size:e="large",placeholder:t="Search",defaultValue:o,value:r,onChange:i}=s,n=f(s,["size","placeholder","defaultValue","value","onChange"]);let[c,d]=(0,oe.useState)(o),u=r!=null,m=u?r:c,y=m==null||!(0,To.isNumber)(m)&&(m==null?void 0:m.length)===0,b=()=>{u&&(i==null||i("")),d("")},P=C=>{if(u){i==null||i(C.currentTarget.value);return}d(C.currentTarget.value)};return(0,oe.useEffect)(()=>{u||i==null||i(c)},[c]),(0,z.jsx)(z.Fragment,{children:(0,z.jsx)(te,p({size:e,ref:a,value:m!=null?m:"",type:"search",placeholder:t,onChange:P,prefix:y?(0,z.jsx)(gt.Icon,{name:"outline:general:search-md",size:Z[e],color:"scaleGray500"}):(0,z.jsx)(gt.Icon,{name:"outline:general:x",size:Z[e],color:"scaleGray500",onClick:b})},n))})}),Po=In;var Co=require("react"),Tt=require("@emotion/css"),Pt=require("@quotalab/icons"),Ro=require("@quotalab/react");var Fe=require("react/jsx-runtime"),$n=(0,Co.forwardRef)((i,r)=>{var n=i,{size:e="large",placeholder:t="Password"}=n,o=f(n,["size","placeholder"]);let[a,l,s]=(0,Ro.useBooleanState)(!0),c=()=>{if(a){s();return}l()};return(0,Fe.jsx)(te,p(x(p({size:e,ref:r,type:a?"password":"text",placeholder:t},o),{suffix:a?(0,Fe.jsx)(Pt.Icon,{name:"outline:general:eye-off",size:Z[e],color:"scaleGray500",className:Tt.css`
                cursor: pointer;
              `,onClick:c}):(0,Fe.jsx)(Pt.Icon,{name:"outline:general:eye",size:Z[e],color:"scaleBlack",className:Tt.css`
                cursor: pointer;
              `,onClick:c})}),o))}),wo=$n;var vo=require("react"),re=require("@emotion/css"),Bo=require("@quotalab/utils");var Ct=require("react/jsx-runtime"),kn=(0,vo.forwardRef)((n,i)=>{var a=n,{hasError:e,autoSize:t,rows:o=2}=a,r=f(a,["hasError","autoSize","rows"]);let l=t!=null,s=l&&!(0,Bo.isBoolean)(t),c=s&&t.minRows!=null?t.minRows:o,d=de*c,u=m=>{m.currentTarget.style.height=`${d}px`,m.currentTarget.style.height=`${m.currentTarget.scrollHeight}px`};return(0,Ct.jsx)(Ae,x(p({className:(0,re.cx)(re.css`
          padding: 14px 7px;
        `),height:"100%",hasError:e},r),{children:(0,Ct.jsx)("textarea",p({ref:i,className:(0,re.cx)(Me,uo,re.css`
              max-height: ${s&&t.maxRows!=null&&de*t.maxRows}px;
            `),onInput:l?u:void 0,rows:c},r))}))}),No=kn;var Oe=te;Oe.Secure=wo;Oe.Search=Po;Oe.TextArea=No;var Do=Oe;var ne=require("react"),Ho=require("framer-motion");var ze=require("@emotion/css"),G=require("@quotalab/qds"),Rt=require("@quotalab/qds-token");var xe=require("@quotalab/qds-token"),So=e=>{switch(e){case"success":return xe.vars.color.scaleMint400;case"error":return xe.vars.color.scaleRed400;case"warning":return xe.vars.color.scaleYellow400;default:return xe.vars.color.scaleGray200}};var V=require("react/jsx-runtime"),Wn=({type:e,message:t,description:o,right:r})=>(0,V.jsxs)(G.Flex,{display:"inline-flex",justify:"space-between",align:"center",className:ze.css`
        position: relative;
        padding: 18px 20px 18px 20px;
        width: 300px;
        min-height: 56px;
        border-radius: 4px;
        box-sizing: border-box;
        background-color: ${Rt.vars.color.scaleWhite};
        color: ${Rt.vars.color.scaleBlack};
        box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
        -webkit-font-smoothing: antialiased;
        &::after {
          position: absolute;
          right: 0;
          top: 0;
          content: '';
          width: 4px;
          height: 100%;
          background-color: ${So(e)};
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
        }
      `,children:[(0,V.jsxs)(G.Flex,{direction:"column",gap:4,children:[t!=null&&(0,V.jsx)(G.Txt,{as:"p",weight:600,sizing:"bodyMedium",className:ze.css`
              word-break: keep-all;
            `,children:t}),o!=null&&(0,V.jsx)(G.Txt,{as:"p",sizing:"bodySmall",textType:"body",color:"scaleGray800",children:o})]}),r==null?null:(0,V.jsx)(G.Flex,{display:"inline-flex",className:ze.css`
            padding-left: 8px;
          `,children:r})]}),Eo=Wn;var Io=require("@emotion/css"),$o=require("@quotalab/icons"),ko=require("@quotalab/qds"),wt=require("react/jsx-runtime"),Hn=({onClick:e})=>(0,wt.jsx)(ko.Flex,{as:"a",onClick:e,role:"button",className:Io.css`
        cursor: pointer;
        transition: opacity 0.2s ease-in-out;
        &:hover {
          opacity: 0.8;
        }
      `,children:(0,wt.jsx)($o.Icon,{name:"outline:general:x",size:18,color:"scaleBlack"})}),Wo=Hn;var Ge=require("react/jsx-runtime"),Mn=(0,ne.forwardRef)((c,s)=>{var d=c,{show:e,message:t,description:o,type:r,withCloseButton:i=!0,right:n,autoHide:a=!0}=d,l=f(d,["show","message","description","type","withCloseButton","right","autoHide"]);let u=(0,ne.useMemo)(()=>n!=null?n:i?(0,Ge.jsx)(Wo,{onClick:l.onClose}):null,[n,i,l]);return(0,ne.useEffect)(()=>{if(a===!1)return;let m=-1;return l.hideDuration!=null&&e===!0&&(m=window.setTimeout(()=>{var y;(y=l.onClose)==null||y.call(l)},l.hideDuration)),()=>{window.clearTimeout(m)}},[]),e?(0,Ge.jsx)(Ho.motion.div,{ref:s,layout:!0,initial:{x:-320},animate:{x:0},exit:{x:-320},transition:{ease:"circOut"},children:(0,Ge.jsx)(Eo,p({message:t,description:o,type:r,right:u},l))}):null}),Ve=Mn;var T=require("react"),Fo=require("@emotion/css"),vt=require("@quotalab/headless-hooks"),Oo=require("@quotalab/qds"),zo=require("@quotalab/utils"),Go=require("framer-motion");var ie=require("react"),Mo=require("react-dom"),Ue=require("react/jsx-runtime"),Ao=(0,ie.createContext)(null);function Lo({children:e}){let[t,o]=(0,ie.useState)(null);return(0,Ue.jsxs)(Ao.Provider,{value:t,children:[e,(0,Ue.jsx)("div",{id:"qds-portal-container",ref:r=>{t!==null||r===null||o(r)}})]})}function le({children:e}){let t=(0,ie.useContext)(Ao);return t==null?null:(0,Mo.createPortal)(e,t)}var L=require("react/jsx-runtime"),Vo=(0,T.createContext)({openNotification:()=>"",closeNotification:()=>{},replaceNotification:()=>"",updateNotification:()=>{}});function Uo({children:e}){let[t,o]=(0,T.useState)([]),r=(0,T.useCallback)(c=>{var s=f(c,[]);let d=(0,vt.generateID)("qds-notification"),u=p({id:d,show:!0},s);return o(m=>[...m,u]),d},[]),i=(0,T.useCallback)(s=>{o(c=>c.filter(d=>d.id!==s))},[]),n=(0,T.useCallback)((s,d)=>{var c=f(d,[]);let u=(0,vt.generateID)("qds-notification");return o(m=>(0,zo.replaceItem)(m,m.findIndex(({id:y})=>y===s),p({id:u,show:!0},c))),u},[]),a=(0,T.useCallback)((s,c)=>{let d=p({id:s,show:!0},c);o(u=>u.map(m=>m.id===s?p(p({},m),d):m))},[]),l=(0,T.useMemo)(()=>({openNotification:r,closeNotification:i,replaceNotification:n,updateNotification:a}),[i,r,n,a]);return(0,L.jsxs)(Vo.Provider,{value:l,children:[e,(0,L.jsx)(le,{children:(0,L.jsx)("div",{className:Fo.css`
            position: fixed;
            bottom: 36px;
            left: 24px;
            z-index: 1150;
          `,children:(0,L.jsx)(Oo.Flex,{gap:8,direction:"column",children:(0,L.jsx)(Go.AnimatePresence,{children:t.map(y=>{var b=y,{id:s,show:c,hideDuration:d=5e3,onClose:u}=b,m=f(b,["id","show","hideDuration","onClose"]);return(0,L.jsx)(Ve,p({show:c,hideDuration:d,onClose:()=>{i(s),u==null||u()}},m),s)})})})})})]})}function _o(){return(0,T.useContext)(Vo)}var Bt=require("react/jsx-runtime");function An({children:e}){return(0,Bt.jsx)(Lo,{children:(0,Bt.jsx)(Uo,{children:e})})}var qo=An;var Qo=require("@emotion/css"),Ko=require("react/jsx-runtime"),Ln=({size:e})=>(0,Ko.jsx)("div",{className:Qo.css`
        width: 0;
        height: ${e}px;
        flex-shrink: 0;
      `}),Jo=Ln;var Q=require("react"),q=require("@emotion/css"),er=require("@quotalab/react");var Yo=require("react");var ye=require("react/jsx-runtime"),Fn=(r,o)=>{var i=r,{colGroup:e}=i,t=f(i,["colGroup"]);return(0,ye.jsx)("colgroup",x(p({ref:o},t),{children:[...e].map((n,a)=>n===!1?null:n==null?(0,ye.jsx)("col",{},a):typeof n=="object"?(0,ye.jsx)("col",p({},n),a):(0,ye.jsx)("col",{width:n},a))}))},_e=(0,Yo.forwardRef)(Fn);var Xo=require("@emotion/css"),Zo=e=>Xo.css`
  &:after {
    box-shadow: inset -10px 0 8px -8px #00000026;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    width: 30px;
    content: ${e?'""':void 0};
    pointer-events: none;
  }
`,ae={paddings:{large:"8px 12px",medium:"6px 8px",small:"4px 6px"}};var U=require("react");function jo(e,t){let[o,r]=(0,U.useState)(!1),[i,n]=(0,U.useState)(!1),[a,l]=(0,U.useState)(!0);return(0,U.useEffect)(()=>{if(e.current==null||t.current==null)return;let s=e.current.getBoundingClientRect().width,c=t.current.getBoundingClientRect().width;r(s<c)},[e.current,t.current]),(0,U.useEffect)(()=>{var b,P;let s=e.current,c=t.current,d=(b=s==null?void 0:s.getBoundingClientRect().width)!=null?b:0,u=(P=c==null?void 0:c.getBoundingClientRect().width)!=null?P:0,m=Math.round(u-d),y=()=>{var J;let C=(J=s==null?void 0:s.scrollLeft)!=null?J:0;C===m?n(!0):C===0?l(!0):C>0&&a===!0?l(!1):C<m&&i===!0&&n(!1)};return s==null||s.addEventListener("scroll",y,{passive:!0}),()=>{s==null||s.removeEventListener("scroll",y)}},[a,i]),{isScrollable:o,isScrollEnd:i,isScrollStart:a}}var qe=require("react"),Nt=(0,qe.createContext)({width:"auto",layout:"auto",size:"medium",border:!0,rootRef:null,scrollable:!1}),h=()=>(0,qe.useContext)(Nt);var _=require("react/jsx-runtime"),On=(d,c)=>{var u=d,{children:e,className:t,width:o="100%",size:r="medium",border:i=!0,layout:n="auto",scrollable:a=!1,colGroup:l}=u,s=f(u,["children","className","width","size","border","layout","scrollable","colGroup"]);let m=(0,Q.useRef)(null),y=(0,Q.useRef)(null),b=(0,er.useCombinedRefs)(y,c),{isScrollable:P,isScrollEnd:C}=jo(m,y),J=typeof o=="number",Be=zn(y);return(0,_.jsx)("div",{className:(0,q.cx)(q.css`
          position: relative;
          width: ${J?`${o}px`:o};
        `,Be?null:Zo(C===!1&&a&&P)),children:(0,_.jsx)("div",{className:q.css`
          overflow-x: auto;
        `,ref:m,children:(0,_.jsx)(Nt.Provider,{value:{rootRef:m,width:o,layout:n,size:r,border:i,scrollable:a},children:(0,_.jsxs)("table",x(p({ref:b,className:(0,q.cx)(q.css`
                white-space: ${a?"nowrap":void 0};
                text-indent: 0;
                border-collapse: separate;
                width: 100%;
                max-width: 100%;
                border-spacing: 0;
                border: none;
                font-family: ${He};
                table-layout: ${n};
              `,t)},s),{children:[l!=null?(0,_.jsx)(_e,{colGroup:l}):null,e]}))})})})};function zn(e){return(0,Q.useMemo)(()=>e.current==null?!1:e.current.querySelector('*[data-fixed="right"]')!=null,[e.current])}var tr=(0,Q.forwardRef)(On);var or=require("react"),be=require("@emotion/css"),rr=require("@quotalab/icons"),nr=require("@quotalab/qds-token");var Qe=require("react/jsx-runtime"),Gn=(i,r)=>{var n=i,{children:e,className:t}=n,o=f(n,["children","className"]);return(0,Qe.jsxs)("button",x(p({ref:r,type:"button",className:(0,be.cx)(t,be.css`
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 400;
          font-size: 13px;
          line-height: 18px;
          color: ${nr.vars.color.scaleGray400};
          outline: 0;
          border: none;
          padding: 0;
          background-color: transparent;
          cursor: pointer;
          transition: opacity 0.2s ease-in-out;
          &:hover {
            opacity: 0.8;
          }
        `)},o),{children:[(0,Qe.jsx)(rr.Icon,{name:"outline:general:plus",size:14,color:"scaleGray400",className:be.css`
          margin-right: 4px;
        `,"aria-hidden":"true"}),e]}))},ir=(0,or.forwardRef)(Gn);var lr=require("react"),Je=require("@emotion/css"),ar=require("@quotalab/qds-token");var pr=require("react/jsx-runtime"),Vn=(i,r)=>{var n=i,{children:e,className:t}=n,o=f(n,["children","className"]);return(0,pr.jsx)("tbody",x(p({ref:r,className:(0,Je.cx)(t,Je.css`
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          color: ${ar.vars.color.scaleBlack};
        `)},o),{children:e}))},sr=(0,lr.forwardRef)(Vn);var Ke=require("react"),ge=require("@emotion/css"),ur=require("@quotalab/qds"),Et=require("@quotalab/qds-token"),dr=require("@quotalab/react");var cr=require("react");function se(e){let{scrollable:t}=h();(0,cr.useEffect)(()=>{if(t===!1&&typeof e=="string")throw new Error("Cell \uCEF4\uD3EC\uB10C\uD2B8\uAC00 fixed \uC0C1\uD0DC\uC774\uC9C0\uB9CC, Table \uCEF4\uD3EC\uB10C\uD2B8\uC758 scrollable \uC635\uC158\uC774 \uC0AC\uC6A9\uB418\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4. Cell\uC744 \uACE0\uC815\uD558\uB824\uBA74 Table \uCEF4\uD3EC\uB10C\uD2B8\uC758 scrollable \uC635\uC158\uC744 true\uB85C \uC785\uB825\uD574\uC8FC\uC138\uC694.")},[t,e])}var he=require("react"),St=require("@emotion/css"),mr=require("@quotalab/react");var F=require("react"),Dt=require("@quotalab/utils");function Un(e){let[t,o]=(0,F.useState)(),[r,i]=(0,F.useState)(-1);return(0,F.useEffect)(()=>{var l;let n=(l=e.current)==null?void 0:l.offsetParent;if(n==null)return;let a=Array.from(n.children);i(a.findIndex(s=>s===e.current)),o(a)},[]),{siblings:t,myPositionIndex:r}}function fr(e){let{siblings:t,myPositionIndex:o}=Un(e),r=(0,F.useMemo)(()=>{let n=t==null?void 0:t.filter((a,l)=>o>l);return(0,Dt.sumBy)(n!=null?n:[],a=>{let l=a.getBoundingClientRect().width;return Number(l.toFixed(2))})},[e.current]),i=(0,F.useMemo)(()=>{let n=t==null?void 0:t.filter((a,l)=>o<l);return(0,Dt.sumBy)(n!=null?n:[],a=>{let l=a.getBoundingClientRect().width;return Number(l.toFixed(2))})},[e.current]);return{left:r,right:i}}function pe(e,t){var m,y;let{rootRef:o}=h(),[r,i,n]=(0,mr.useBooleanState)(),{left:a,right:l}=fr(e),s=(m=e.current)==null?void 0:m.nextElementSibling,c=(y=e.current)==null?void 0:y.previousElementSibling,d=(0,he.useMemo)(()=>({left:St.css`
        position: sticky;
        left: ${a}px;
        &:after {
          box-shadow: inset 10px 0 8px -8px #00000026;
          position: absolute;
          top: 0;
          right: 0;
          bottom: -1px;
          width: 30px;
          transform: translate(100%);
          content: ${r?'""':void 0};
          pointer-events: none;
        }
      `,right:St.css`
        position: sticky;
        right: ${l}px;
        &:before {
          box-shadow: inset -10px 0 8px -8px #00000026;
          position: absolute;
          top: 0;
          left: -30px;
          bottom: -1px;
          width: 30px;
          content: ${r?'""':void 0};
          pointer-events: none;
        }
      `}),[r,a,l]),u=(0,he.useMemo)(()=>{var Be,Wt,Ht,Mt;if(t==null||typeof IntersectionObserver=="undefined")return;let b=(Wt=(Be=e.current)==null?void 0:Be.getBoundingClientRect().width)!=null?Wt:0,P=((Ht=s==null?void 0:s.getBoundingClientRect().width)!=null?Ht:0)-1,C=((Mt=c==null?void 0:c.getBoundingClientRect().width)!=null?Mt:0)-1,J=t==="left"?`0px 0px 0px ${(a+b+P)*-1}px`:`0px ${(l+b+C)*-1}px 0px 0px`;return new IntersectionObserver(rn=>{let[nn]=rn;nn.isIntersecting?n():i()},{threshold:0,rootMargin:J,root:o==null?void 0:o.current})},[e.current]);return(0,he.useEffect)(()=>{if(t==null||u==null)return;u.disconnect();let b=t==="left"?s:c;b!=null&&(o==null?void 0:o.current)!=null&&u.observe(b)},[e.current]),{isSticky:t==null?!1:r,style:t==null?null:d}}var It=require("react/jsx-runtime"),_n=ge.css`
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
`,qn=(l,a)=>{var s=l,{align:e="left",children:t,className:o,fixed:r,wrapped:i=!0}=s,n=f(s,["align","children","className","fixed","wrapped"]);se(r);let c=(0,Ke.useRef)(null),d=(0,dr.useCombinedRefs)(c,a),{style:u}=pe(c,r),y=h().size;return(0,It.jsx)("td",x(p({ref:d,className:(0,ge.cx)(ge.css`
          box-sizing: border-box;
          padding: ${ae.paddings[y]};
          text-align: ${e};
          background-color: ${Et.vars.color.scaleWhite};
          left: auto;
          border-bottom: 1px solid ${Et.vars.color.scaleGray200};
          white-space: pre-line;
        `,r!=null?u==null?void 0:u[r]:null,o),"data-fixed":r},n),{children:(0,It.jsx)(ur.Txt,{as:"p",className:i?void 0:_n,children:t})}))},xr=(0,Ke.forwardRef)(qn);var yr=require("react");var hr=require("react/jsx-runtime"),Qn=(r,o)=>{var i=r,{children:e}=i,t=f(i,["children"]);return(0,hr.jsx)("tfoot",x(p({ref:o},t),{children:e}))},br=(0,yr.forwardRef)(Qn);var gr=require("react"),Tr=require("@emotion/css"),Pr=require("@quotalab/qds-token");var Rr=require("react/jsx-runtime"),Jn=(r,o)=>{var i=r,{children:e}=i,t=f(i,["children"]);return(0,Rr.jsx)("thead",x(p({ref:o,className:Tr.css`
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      background-color: ${Pr.vars.color.scaleGray000};
    `},t),{children:e}))},Cr=(0,gr.forwardRef)(Jn);var Ye=require("react"),Pe=require("@emotion/css"),Ce=require("@quotalab/qds"),Te=require("@quotalab/qds-token"),wr=require("@quotalab/react");var ce=require("react/jsx-runtime"),Kn=(l,a)=>{var s=l,{children:e,className:t,fixed:o,align:r="left",suffix:i}=s,n=f(s,["children","className","fixed","align","suffix"]);se(o);let c=(0,Ye.useRef)(null),d=(0,wr.useCombinedRefs)(c,a),{style:u}=pe(c,o),y=h().size;return(0,ce.jsx)("th",x(p({ref:d,className:(0,Pe.cx)(Pe.css`
          background-color: ${Te.vars.color.scaleGray000};
          box-sizing: border-box;
          padding: ${ae.paddings[y]};
          text-align: ${r};
          border-top: 1px solid ${Te.vars.color.scaleGray200};
          border-bottom: 1px solid ${Te.vars.color.scaleGray200};
        `,o!=null?u==null?void 0:u[o]:null,t),"data-fixed":o},n),{children:(0,ce.jsxs)(Ce.Flex,{gap:8,justify:i?"space-between":Yn(r),align:"center",children:[(0,ce.jsx)(Ce.Txt,{as:"p",color:"scaleGray500",children:e}),i&&(0,ce.jsx)(Ce.Flex,{justify:"center",align:"center",className:Pe.css`
              width: 20px;
              height: 20px;
              border-radius: 4px;
              transition: background-color 0.2s ease-in-out;
              &:hover {
                background-color: ${Te.vars.color.scaleGray100};
              }
            `,children:i})]})}))},vr=(0,Ye.forwardRef)(Kn);function Yn(e){switch(e){case"left":return"flex-start";case"right":return"flex-end";case"center":return"center"}}var fe=require("@emotion/css"),v=require("@quotalab/qds-token");var E=require("react/jsx-runtime"),Xn=e=>e==="large"?"28px":e==="small"?"20px":"24px",Zn=o=>{var r=o,{children:e}=r,t=f(r,["children"]);let n=h().size;return(0,E.jsx)("div",x(p({className:fe.css`
        position: relative;
        & > input {
          padding-right: ${Xn(n)};
        }
      `},t),{children:e}))},jn=e=>e==="large"?"12px":e==="medium"?"8px":"4px",ei=r=>{var i=r,{className:e,children:t}=i,o=f(i,["className","children"]);var l;let n=h(),a=(l=n==null?void 0:n.size)!=null?l:"medium";return(0,E.jsx)("div",x(p({className:(0,fe.cx)(e,fe.css`
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          display: flex;
          align-items: center;
          pointer-events: none;
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          color: ${v.vars.color.scaleBlack};
          padding-right: ${jn(a)};
        `)},o),{children:t}))},Br=i=>{var n=i,{children:e,error:t=!1,align:o="left"}=n,r=f(n,["children","error","align"]);var s;let a=h(),l=(s=a==null?void 0:a.size)!=null?s:"medium";return(0,E.jsx)("input",x(p({className:fe.css`
        display: block;
        width: 100%;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        border-width: 1px;
        border-style: solid;
        border-color: ${t?v.vars.color.scaleRed500:"transparent"};
        background-color: ${t?v.vars.color.scaleRed000:"transparent"};
        box-sizing: border-box;
        color: ${v.vars.color.scaleBlack};
        text-align: ${o};
        ::placeholder {
          color: ${v.vars.color.scaleGray400};
        }
        &:focus-visible {
          outline: 0;
        }
        padding: ${ae.paddings[l]};
        &:focus {
          border-color: ${t?v.vars.color.scaleRed500:v.vars.color.scaleMint400};
          background-color: ${t?v.vars.color.scaleRed000:v.vars.color.scaleMint000};
        }
      `},r),{children:e}))},ti=i=>{var n=i,{children:e,suffix:t,error:o=!1}=n,r=f(n,["children","suffix","error"]);return t?(0,E.jsxs)(Zn,{children:[(0,E.jsx)(Br,x(p({error:o},r),{children:e})),(0,E.jsx)(ei,{children:t})]}):(0,E.jsx)(Br,x(p({error:o},r),{children:e}))},Nr=ti;var Ze=require("react"),je=require("@emotion/css"),Xe=require("@quotalab/qds-token"),Dr=require("@quotalab/react");var Er=require("react/jsx-runtime"),oi=(n,i)=>{var a=n,{children:e,className:t,fixed:o}=a,r=f(a,["children","className","fixed"]);se(o);let l=(0,Ze.useRef)(null),s=(0,Dr.useCombinedRefs)(l,i),{style:c}=pe(l,o);return(0,Er.jsx)("td",x(p({ref:s,className:(0,je.cx)(je.css`
          background-color: ${Xe.vars.color.scaleWhite};
          padding: 0;
          border-bottom: 1px solid ${Xe.vars.color.scaleGray200};
          border-bottom: 1px solid ${Xe.vars.color.scaleGray200};
        `,o!=null?c==null?void 0:c[o]:null,t),"data-fixed":o},r),{children:e}))},Sr=(0,Ze.forwardRef)(oi);var Ir=require("react"),et=require("@emotion/css"),$r=require("@quotalab/qds-token");var Wr=require("react/jsx-runtime"),ri="div",ni=(n,i)=>{var a=n,{as:e,className:t,children:o}=a,r=f(a,["as","className","children"]);let l=e!=null?e:ri;return(0,Wr.jsx)(l,x(p({ref:i,className:(0,et.cx)(t,et.css`
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          color: ${$r.vars.color.scaleGray400};
        `)},r),{children:o}))},kr=(0,Ir.forwardRef)(ni);var Hr=require("react"),tt=require("@emotion/css"),Mr=require("@quotalab/icons");var ot=require("react/jsx-runtime"),ii=(i,r)=>{var n=i,{children:e,className:t}=n,o=f(n,["children","className"]);return(0,ot.jsxs)("button",x(p({ref:r,type:"button",className:(0,tt.cx)(t,tt.css`
          display: flex;
          align-items: center;
          justify-content: center;
          border: none;
          background-color: transparent;
          padding: 0;
          cursor: pointer;
          transition: opacity 0.2s ease-in-out;
          &:hover {
            opacity: 0.8;
          }
        `)},o),{children:[(0,ot.jsx)(Mr.Icon,{name:"outline:general:minus-circle",size:16,color:"scaleGray500","aria-hidden":"true"}),e]}))},Ar=(0,Hr.forwardRef)(ii);var Lr=require("react"),Re=require("@emotion/css"),$t=require("@quotalab/qds-token");var Or=require("react/jsx-runtime"),li=(i,r)=>{var n=i,{children:e,className:t}=n,o=f(n,["children","className"]);let{border:a}=h();return(0,Or.jsx)("tr",x(p({ref:r,className:(0,Re.cx)(Re.css`
          position: relative;

          > th + th,
          > td + td {
            border-left: 1px solid ${a?$t.vars.color.scaleGray200:"transparent"};
          }
          > th,
          > td {
            transition: background-color 0.2s ease-in-out;
          }
        `,o.onClick!=null?Re.css`
              cursor: pointer;
              &:hover {
                > td,
                > th {
                  background-color: ${$t.vars.color.scaleGray000};
                }
              }
            `:void 0,t)},o),{children:e}))},Fr=(0,Lr.forwardRef)(li);var ve=require("react"),zr=require("@emotion/css"),nt=require("@quotalab/icons"),Gr=require("@quotalab/react");var we=require("react/jsx-runtime"),rt=[null,"\uC624\uB984\uCC28\uC21C","\uB0B4\uB9BC\uCC28\uC21C"],ai=n=>{var a=n,{size:e=16,defaultValue:t,onChange:o,color:r="scaleBlack"}=a,i=f(a,["size","defaultValue","onChange","color"]);let l="value"in i,[s,c]=(0,ve.useState)(t!=null?t:null),d=l?i.value:s,u=(0,ve.useMemo)(()=>d!=null?rt.findIndex(b=>d===b):0,[d]),m=(0,ve.useMemo)(()=>{switch(rt[u]){case"\uC624\uB984\uCC28\uC21C":return(0,we.jsx)(nt.Icon,{name:"outline:arrows:arrow-narrow-up",size:e,color:r});case"\uB0B4\uB9BC\uCC28\uC21C":return(0,we.jsx)(nt.Icon,{name:"outline:arrows:arrow-narrow-down",size:e,color:r});default:return(0,we.jsx)(nt.Icon,{name:"outline:general:menu-03",size:e,color:r})}},[u,e]),y=()=>{let b=(u+1)%rt.length,P=rt[b];o==null||o(P),l===!1&&c(P)};return(0,we.jsx)(Gr.ClickArea,{className:zr.css`
        line-height: 0;
      `,onClick:y,children:m})},Vr=ai;var g=tr;g.Head=Cr;g.Body=sr;g.Foot=br;g.HeaderCell=vr;g.Row=Fr;g.Cell=xr;g.RemoveRowIconButton=Ar;g.AddRowIconButton=ir;g.Input=Nr;g.InputCell=Sr;g.Placeholder=kr;g.SortIcon=Vr;g.ColGroup=_e;var si=g,Ur=si;var $=require("react"),lt=require("@emotion/css"),Yr=require("@quotalab/react"),at=require("framer-motion");var _r=require("react"),it=require("@emotion/css"),qr=require("@quotalab/qds"),Qr=require("@quotalab/qds-token"),kt=require("react/jsx-runtime"),pi=(0,_r.forwardRef)(({contents:e,className:t},o)=>(0,kt.jsx)(qr.Flex,{ref:o,display:"inline-flex",gap:16,direction:"column",className:(0,it.cx)(t,it.css`
          max-width: 300px;
          width: max-content;
          padding: 16px;
          background-color: ${Qr.vars.color.scaleBlack};
          border-radius: 8px;
          white-space: pre-line;
        `),children:(0,kt.jsx)("div",{children:e})})),Jr=pi;var I=require("@emotion/css"),B=2;function Kr(e,t){switch(e){case"topLeft":return I.css`
        top: ${t.top-B}px;
        left: ${t.left}px;
        transform: translate(0%, -100%);
      `;case"topCenter":return I.css`
        top: ${t.top-B}px;
        left: ${t.left+t.width/2}px;
        transform: translate(-50%, -100%);
      `;case"topRight":return I.css`
        top: ${t.top-B}px;
        left: ${t.right+B}px;
        transform: translate(-100%, -100%);
      `;case"left":return I.css`
        top: ${t.top+t.height/2}px;
        left: ${t.left-B}px;
        transform: translate(-100%, -50%);
      `;case"right":return I.css`
        top: ${t.top+t.height/2}px;
        left: ${t.right+B}px;
        transform: translate(0%, -50%);
      `;case"bottomLeft":return I.css`
        top: ${t.bottom+B}px;
        left: ${t.left}px;
        transform: translate(0%, 0%);
      `;case"bottomRight":return I.css`
        top: ${t.bottom+B}px;
        left: ${t.right+B}px;
        transform: translate(-100%, 0%);
      `;default:return I.css`
        top: ${t.bottom+B}px;
        left: ${t.left+t.width/2}px;
        transform: translate(-50%, 0%);
      `}}var N=require("react/jsx-runtime"),ci=({contents:e,className:t,children:o,position:r="bottomCenter"})=>{let[i,n,a]=(0,Yr.useBooleanState)(),l=(0,$.useRef)(null),[s,c]=(0,$.useState)();return(0,$.useEffect)(()=>{l.current==null&&console.warn(`Tooltip\uC758 \uC790\uC2DD \uC694\uC18C\uAC00 ref\uB97C \uBC1B\uC744 \uC218 \uC5C6\uB3C4\uB85D \uC124\uACC4\uB418\uC5C8\uC5B4\uC694.

children: ${o}`)},[i]),(0,$.useEffect)(()=>{var u;if(l.current==null||i===!1)return;let d=(u=l.current)==null?void 0:u.getBoundingClientRect();c(d)},[i]),(0,N.jsxs)(N.Fragment,{children:[(0,$.cloneElement)(o,{ref:l,onMouseOver:d=>{d.preventDefault(),d.stopPropagation(),n()},onMouseOut:d=>{d.preventDefault(),d.stopPropagation(),a()}}),(0,N.jsx)(le,{children:(0,N.jsx)(at.AnimatePresence,{children:i&&(0,N.jsx)("div",{className:(0,lt.cx)(lt.css`
                  position: fixed;
                  z-index: 1200;
                `,s!=null?Kr(r,s):""),children:(0,N.jsx)(at.motion.div,{initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.9},transition:{duration:.2},children:(0,N.jsx)(Jr,{contents:e,className:t})})})})})]})},Xr=ci;var st=require("@emotion/css"),Zr=require("@quotalab/qds"),en=require("react/jsx-runtime"),jr=({children:e,className:t,wordBreak:o="keep-all"})=>(0,en.jsx)(Zr.Txt,{as:"p",sizing:"bodyMedium",weight:400,color:"scaleWhite",className:(0,st.cx)(st.css`
        word-break: ${o};
      `,t),children:e});var tn=Xr;tn.ContentBody=jr;var on=tn;
//# sourceMappingURL=index.min.cjs.map