@likelion-design/ui 1.0.4 → 1.0.7

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import{a as x,b as k,c as _}from"./chunk-H3TEQK57.mjs";import jo from"react";var R=p=>{var i=p,{variant:e,decoration:t="none",as:o,children:a,className:c=""}=i,r=_(i,["variant","decoration","as","children","className"]);let n=(()=>{if(e.startsWith("heading-")){let d=e.split("-")[1];return d.startsWith("d")?"h1":d}return e.startsWith("subtitle-")?"h3":"p"})(),s=o||n,v=["typography",`typography--${e}`,t!=="none"&&`typography--decoration-${t}`,c].filter(Boolean).join(" ");return jo.createElement(s,x({className:v},r),a)};import{jsx as J,jsxs as Ue}from"react/jsx-runtime";var De=d=>{var m=d,{size:e="medium",color:t="primary",type:o="solid",state:a="enabled",label:c,prefixIcon:r,suffixIcon:p,loading:i=!1,className:n="",disabled:s}=m,v=_(m,["size","color","type","state","label","prefixIcon","suffixIcon","loading","className","disabled"]);let h=s||a==="disabled",l=a;o==="ghost"?(a==="hovered"||a==="loading"||i)&&(l="enabled"):l=i?"loading":a;let f=["action-button",`action-button--${e}`,`action-button--${t}`,`action-button--${o}`,`action-button--${l}`,n].filter(Boolean).join(" "),g=e==="xlarge"?"heading-h6":e==="large"||e==="medium"?"subtitle-p2":"subtitle-p3";return Ue("button",k(x({type:"button",className:f,disabled:h},v),{children:[Ue("span",{className:"action-button__content",children:[r&&J("span",{className:"action-button__prefix-icon",children:r}),J("p",{className:"action-button__label",children:J(R,{variant:g,children:c})}),p&&J("span",{className:"action-button__suffix-icon",children:p})]}),i&&o!=="ghost"&&J("span",{className:"action-button__spinner","aria-hidden":"true",children:J("svg",{className:"action-button__spinner-svg",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:Ue("circle",{className:"action-button__spinner-circle",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"32",strokeDashoffset:"32",children:[J("animate",{attributeName:"stroke-dasharray",dur:"2s",values:"0 40;40 40;0 40",repeatCount:"indefinite"}),J("animate",{attributeName:"stroke-dashoffset",dur:"2s",values:"0;-40;-80",repeatCount:"indefinite"})]})})})]}))};import{jsx as yo}from"react/jsx-runtime";var Vo=d=>{var m=d,{size:e="large",color:t="primary",type:o="solid",state:a="enabled",icon:c,className:r="",disabled:p,htmlType:i="button",style:n,customColor:s}=m,v=_(m,["size","color","type","state","icon","className","disabled","htmlType","style","customColor"]);let h=p||a==="disabled",l=o==="weak",f=l&&h?"enabled":a,g=s?"":l?`icon-button--weak-${t}`:`icon-button--${t}`,y=l?"icon-button--weak":`icon-button--${o}`,C=["icon-button",`icon-button--${e}`,g,y,`icon-button--${f}`,r].filter(Boolean).join(" "),b=l&&h,u=x(x({},(s==null?void 0:s.background)&&{backgroundColor:s.background}),(s==null?void 0:s.color)&&{color:s.color});return yo("button",k(x({type:i,className:C,disabled:h,style:x(x(x({},n),u),b?{opacity:0,pointerEvents:"none"}:{})},v),{children:yo("span",{className:"icon-button__icon",children:c})}))};import Pe,{useState as Wo}from"react";import{jsx as Io}from"react/jsx-runtime";var Ge=p=>{var i=p,{type:e="number",variant:t="primary",value:o,maxValue:a=99,className:c=""}=i,r=_(i,["type","variant","value","maxValue","className"]);let n=["badge",`badge--${t}`,`badge--${e}`,c].filter(Boolean).join(" "),s=e==="number"&&o!==void 0?typeof o=="number"&&o>a?`${a}+`:String(o):null;return Io("span",k(x({className:n},r),{children:e==="number"&&s&&Io(R,{variant:"subtitle-p3",as:"span",children:s})}))};import{jsx as $e,jsxs as qo}from"react/jsx-runtime";var je=v=>{var d=v,{type:e="round",size:t="large",badge:o=!1,label:a,mode:c=!1,className:r="",selected:p,disabled:i=!1,onClick:n}=d,s=_(d,["type","size","badge","label","mode","className","selected","disabled","onClick"]);let[m,h]=Wo(!1),l=p!==void 0,f=l?p:m,g=b=>{i||(l||h(u=>!u),n==null||n(b))},y=i?"disabled":f?"pressed":"enabled",C=["tab",`tab--${e}`,`tab--${t}`,`tab--${y}`,c&&"tab--dark",r].filter(Boolean).join(" ");return qo("button",k(x({type:"button",className:C,"aria-pressed":f,disabled:i,onClick:g},s),{children:[$e("span",{className:"tab__label",children:a}),o&&$e(Ge,{type:"dot",variant:"primary",className:"tab__badge","aria-label":"\uC54C\uB9BC"})]}))},Ve=({value:e,defaultValue:t,onChange:o,type:a="round",size:c="large",mode:r=!1,disabled:p=!1,children:i,className:n=""})=>{let[s,v]=Pe.useState(t),d=e!==void 0,m=d?e:s,h=["tab-group",`tab-group--${a}`,`tab-group--${c}`,r&&"tab-group--dark",p&&"tab-group--disabled",n].filter(Boolean).join(" "),l=Pe.Children.map(i,f=>{var g,y,C;if(Pe.isValidElement(f)&&f.type===je){let b=f.props.value;if(b===void 0)return console.warn("Tab.Group \uB0B4\uBD80\uC758 Tab\uC740 value prop\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."),f;let u=m===b;return Pe.cloneElement(f,{type:(g=f.props.type)!=null?g:a,size:(y=f.props.size)!=null?y:c,mode:(C=f.props.mode)!=null?C:r,selected:u,disabled:p||f.props.disabled,role:"tab","aria-selected":u,onClick:B=>{var w,I;d||v(b),o==null||o(b),(I=(w=f.props).onClick)==null||I.call(w,B)}})}return f});return $e("div",{className:h,role:"tablist",children:l})};Ve.displayName="TabGroup";je.Group=Ve;import fe from"react";import*as se from"react";function Xo(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return se.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},o),e?se.createElement("title",{id:t},e):null,se.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 12.75 6 6 9-13.5"}))}var Zo=se.forwardRef(Xo),We=Zo;import*as pe from"react";function Yo(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return pe.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},o),e?pe.createElement("title",{id:t},e):null,pe.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"}))}var Qo=pe.forwardRef(Yo),qe=Qo;import*as de from"react";function Ko(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return de.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},o),e?de.createElement("title",{id:t},e):null,de.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"}))}var Jo=de.forwardRef(Ko),Xe=Jo;import{jsx as ee,jsxs as et}from"react/jsx-runtime";var _o=C=>{var b=C,{type:e="solid",size:t="medium",variant:o="primary",value:a,onChange:c,checked:r,defaultChecked:p=!1,selectedValue:i,selectedValues:n,label:s,prefixIcon:v,suffixIcon:d,showClose:m=!1,onClose:h,className:l="",disabled:f,onClick:g}=b,y=_(b,["type","size","variant","value","onChange","checked","defaultChecked","selectedValue","selectedValues","label","prefixIcon","suffixIcon","showClose","onClose","className","disabled","onClick"]);let[u,B]=fe.useState(p),w=r!==void 0,I=fe.useMemo(()=>w?r:i!=null?i===a:n!==void 0?n.includes(a):u,[w,r,i,n,a,u]),S=v||e==="outline"&&I&&!v&&ee(We,{className:"chip__check-icon",style:{width:t==="small"?"14px":"16px",height:t==="small"?"14px":"16px"}}),M=!!S,D=!!(d||m),T=M&&D?"chip--has-prefix-suffix":M?"chip--has-prefix":D?"chip--has-suffix":"chip--no-icon",A=["chip",`chip--${e}`,`chip--${t}`,`chip--${o}`,T,I&&"chip--checked",f&&"chip--disabled",l].filter(Boolean).join(" "),L=E=>{f||(!w&&i===void 0&&n===void 0&&B(N=>!N),c&&c(a),g==null||g(E))},z=E=>{E.stopPropagation(),h&&!f&&h(E)};return et("button",k(x({type:"button",className:A,disabled:f,onClick:L,"aria-pressed":I},y),{children:[S&&ee("span",{className:"chip__prefix-icon",children:S}),ee(R,{variant:t==="small"?"body-p3":"body-p2",children:s}),d&&!m&&ee("span",{className:"chip__suffix-icon",children:d}),m&&ee("button",{type:"button",className:"chip__close-button",onClick:z,disabled:f,"aria-label":"Close",children:ee("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:ee("path",{d:"M8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1ZM10.7803 5.21973C10.4874 4.92683 10.0126 4.92683 9.71973 5.21973L8 6.93945L6.28027 5.21973C5.98738 4.92683 5.51262 4.92683 5.21973 5.21973C4.92683 5.51262 4.92683 5.98738 5.21973 6.28027L6.93945 8L5.21973 9.71973C4.92683 10.0126 4.92683 10.4874 5.21973 10.7803C5.51262 11.0732 5.98738 11.0732 6.28027 10.7803L8 9.06055L9.71973 10.7803C10.0126 11.0732 10.4874 11.0732 10.7803 10.7803C11.0732 10.4874 11.0732 10.0126 10.7803 9.71973L9.06055 8L10.7803 6.28027C11.0732 5.98738 11.0732 5.51262 10.7803 5.21973Z",fill:"currentColor",fillOpacity:"0.56"})})})]}))},Ze=d=>{var m=d,{value:e,defaultValue:t,onChange:o,multiple:a=!1,type:c="solid",size:r="medium",variant:p="primary",disabled:i=!1,children:n,className:s=""}=m,v=_(m,["value","defaultValue","onChange","multiple","type","size","variant","disabled","children","className"]);let[h,l]=fe.useState(()=>t!=null?t:a?[]:""),f=e!==void 0,g=f?e:h,y=w=>{if(a){let I=Array.isArray(g)?g:[],P=I.includes(w)?I.filter(S=>S!==w):[...I,w];f||l(P),o==null||o(w)}else f||l(w),o==null||o(w)},C=a?void 0:g,b=a?g:void 0,u=["chip-group",s].filter(Boolean).join(" "),B=fe.Children.map(n,w=>{var I,P,S;return fe.isValidElement(w)&&w.type===wo?w.props.value===void 0?(console.warn("Chip.Group \uB0B4\uBD80\uC758 Chip\uC740 value prop\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."),w):fe.cloneElement(w,{type:(I=w.props.type)!=null?I:c,size:(P=w.props.size)!=null?P:r,variant:(S=w.props.variant)!=null?S:p,selectedValue:C,selectedValues:b,onChange:D=>{var T,A;y(D),(A=(T=w.props).onChange)==null||A.call(T,D)},disabled:i||w.props.disabled}):w});return ee("div",k(x({className:u},v),{children:B}))};Ze.displayName="ChipGroup";_o.displayName="Chip";var wo=Object.assign(_o,{Group:Ze});import V from"react";import{createPortal as nt}from"react-dom";import{createContext as ot,useContext as tt,useSyncExternalStore as at}from"react";var ko=ot(null),rt=ko.Provider;function Ce(e){return at(c=>{let r=window.matchMedia(e);return r.addEventListener("change",c),()=>r.removeEventListener("change",c)},()=>window.matchMedia(e).matches,()=>!1)}function G(){var r,p,i,n;let e=tt(ko),t=Ce("(min-width: 375px) and (max-width: 743px)"),o=Ce("(min-width: 744px) and (max-width: 1279px)"),a=Ce("(min-width: 1280px)"),c=Ce("(max-width: 743px)");return{isMobile:(r=e==null?void 0:e.isMobile)!=null?r:t,isTablet:(p=e==null?void 0:e.isTablet)!=null?p:o,isDesktop:(i=e==null?void 0:e.isDesktop)!=null?i:a,isUnderTablet:(n=e==null?void 0:e.isUnderTablet)!=null?n:c}}import{Fragment as Po,jsx as F,jsxs as Le}from"react/jsx-runtime";var Co=V.createContext(null),To=f=>{var g=f,{open:e=!1,onClose:t,closeOnOverlayClick:o=!0,closeOnEsc:a=!0,variant:c="confirm",align:r,title:p,description:i,icon:n,actionItems:s,footerLayout:v="horizontal",content:d,className:m="",children:h}=g,l=_(g,["open","onClose","closeOnOverlayClick","closeOnEsc","variant","align","title","description","icon","actionItems","footerLayout","content","className","children"]);let{isUnderTablet:y}=G();if(V.useEffect(()=>{if(!e||!a)return;let I=P=>{P.key==="Escape"&&(t==null||t())};return window.addEventListener("keydown",I),()=>window.removeEventListener("keydown",I)},[e,a,t]),!e)return null;let C=r!=null?r:c==="alert"?"left":"center",b=["dialog",`dialog--${c}`,`dialog--${C}`,y?"is-mobile":"",m].filter(Boolean).join(" "),u=I=>{I.target===I.currentTarget&&o&&(t==null||t())},B;return d?B=d:h?B=h:B=Le(Po,{children:[(p||n)&&F(Ro,{title:p,icon:n}),i&&F(So,{children:i}),s&&s.length>0&&F(Bo,{layout:v,children:s.map((I,P)=>{var S;return F(Ao,{label:I.label,color:I.color,type:I.type,size:I.size,prefixIcon:I.prefixIcon,suffixIcon:I.suffixIcon,loading:I.loading,disabled:I.disabled,onClick:I.onClick,closeOnClick:(S=I.closeOnClick)!=null?S:!0},`${I.label}-${P}`)})})]}),F("div",{className:"dialog-overlay",role:"presentation",onClick:u,children:F("div",k(x({className:b,role:"dialog","aria-modal":"true"},l),{children:F(Co.Provider,{value:{onClose:t,variant:c},children:B})}))})},Ro=r=>{var p=r,{title:e,icon:t,className:o="",children:a}=p,c=_(p,["title","icon","className","children"]);let{isUnderTablet:i}=G();return Le("div",k(x({className:`dialog__header ${o}`},c),{children:[t&&F("span",{className:"dialog__icon",children:t}),e&&F(R,{variant:i?"subtitle-p1":"heading-h6",children:e}),a]}))},So=a=>{var c=a,{className:e="",children:t}=c,o=_(c,["className","children"]);return F("div",k(x({className:`dialog__body ${e}`},o),{children:F("div",{className:"body-p2",children:t})}))},Bo=c=>{var r=c,{layout:e="horizontal",className:t="",children:o}=r,a=_(r,["layout","className","children"]);let p=e==="vertical"?"dialog__actions--vertical":"dialog__actions--horizontal";return F("div",k(x({className:`dialog__footer dialog__footer--${e} ${t}`},a),{children:F("div",{className:`dialog__actions ${p}`,children:o})}))},Ao=m=>{var h=m,{label:e,color:t,type:o,size:a,prefixIcon:c,suffixIcon:r,loading:p,disabled:i,onClick:n,closeOnClick:s=!1,style:v}=h,d=_(h,["label","color","type","size","prefixIcon","suffixIcon","loading","disabled","onClick","closeOnClick","style"]);var w;let l=V.useContext(Co),{isUnderTablet:f}=G(),g=(w=l==null?void 0:l.variant)!=null?w:"confirm",y=g==="confirm"?"100%":"auto",C=g==="alert"?f?"small":"medium":"large",b=g==="alert"?"outline":"solid",u="neutral",B=I=>{var P;n==null||n(I),s&&((P=l==null?void 0:l.onClose)==null||P.call(l))};return F(De,x({label:e,size:a!=null?a:C,color:t!=null?t:u,type:o!=null?o:b,prefixIcon:c,suffixIcon:r,loading:p,disabled:i,onClick:B,style:x({width:y},v)},d))},it=Object.assign(To,{Header:Ro,Body:So,Footer:Bo,Button:Ao}),Do=V.createContext(void 0),lt=({children:e})=>{let[t,o]=V.useState([]),a=V.useCallback(n=>{o(s=>s.filter(v=>v.id!==n))},[]),c=V.useCallback(()=>{o([])},[]),r=V.useCallback(n=>{let s=n.id||`dialog-${Date.now()}-${Math.random()}`;return o(v=>[...v,k(x({},n),{id:s})]),s},[]),p=V.useCallback(n=>new Promise(s=>{var d,m;let v=`alert-${Date.now()}`;r(k(x({},n),{id:v,variant:(d=n.variant)!=null?d:"alert",buttons:[{label:(m=n.confirmLabel)!=null?m:"\uD655\uC778",color:"primary",type:"solid",closeOnClick:!0,onClick:async()=>{var h;await((h=n.onConfirm)==null?void 0:h.call(n)),s()}}],onClose:()=>{s(),a(v)}}))}),[r,a]),i=V.useCallback(n=>new Promise(s=>{var d,m,h;let v=`confirm-${Date.now()}`;r(k(x({},n),{id:v,variant:(d=n.variant)!=null?d:"confirm",buttons:[{label:(m=n.cancelLabel)!=null?m:"\uCDE8\uC18C",color:"neutral",type:"outline",closeOnClick:!0,onClick:async()=>{var l;await((l=n.onCancel)==null?void 0:l.call(n)),s(!1)}},{label:(h=n.confirmLabel)!=null?h:"\uD655\uC778",color:"primary",type:"solid",closeOnClick:!0,onClick:async()=>{var l;await((l=n.onConfirm)==null?void 0:l.call(n)),s(!0)}}],onClose:()=>{s(!1),a(v)}}))}),[r,a]);return Le(Do.Provider,{value:{open:r,close:a,closeAll:c,alert:p,confirm:i},children:[e,nt(F(Po,{children:t.map(n=>Le(To,{open:!0,onClose:()=>{var s;(s=n.onClose)==null||s.call(n),a(n.id)},variant:n.variant,align:n.align,closeOnOverlayClick:n.closeOnOverlayClick,closeOnEsc:n.closeOnEsc,title:n.title,description:n.description,icon:n.icon,actionItems:n.buttons,content:n.content,children:[n.content," "]},n.id))}),document.body)]})};function ct(){let e=V.useContext(Do);if(!e)throw new Error("useDialog must be used within a DialogProvider");return e}import{useState as Lo,useId as ut}from"react";import*as ue from"react";function st(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return ue.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},o),e?ue.createElement("title",{id:t},e):null,ue.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-8-5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-4.5A.75.75 0 0 1 10 5Zm0 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",clipRule:"evenodd"}))}var pt=ue.forwardRef(st),Te=pt;import*as me from"react";function dt(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return me.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},o),e?me.createElement("title",{id:t},e):null,me.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z",clipRule:"evenodd"}))}var ft=me.forwardRef(dt),Ye=ft;import{Fragment as Mo,jsx as $,jsxs as oe}from"react/jsx-runtime";var mt=C=>{var b=C,{required:e=!1,size:t,error:o=!1,description:a,maxLength:c,prefixIcon:r,suffixIcon:p,suffixUnit:i,title:n,accentIcon:s=!0,className:v="",id:d,value:m,defaultValue:h,onChange:l,onFocus:f,onBlur:g}=b,y=_(b,["required","size","error","description","maxLength","prefixIcon","suffixIcon","suffixUnit","title","accentIcon","className","id","value","defaultValue","onChange","onFocus","onBlur"]);let{isUnderTablet:u}=G(),B=ut(),w=d||`textinput-${B}`,[I,P]=Lo(!1),M=((H,Z)=>H==="medium"?"pc":H==="small"?"mo":H!=null?H:Z?"mo":"pc")(t,u),D=m!==void 0,[T,A]=Lo(h!=null?h:""),L=D?m:T,z=o?"error":"default",E=c?`${String(L).length}/${c}`:void 0,N=!!E,[q,ce]=typeof E=="string"&&E.includes("/")?E.split("/"):[E,void 0],_e=typeof s=="boolean"?s?$(Te,{className:"help-text__icon-svg"}):null:s,we=o?"error":"inform",ke=H=>{P(!0),f==null||f(H)},He=H=>{P(!1),g==null||g(H)},Be=H=>{let Z=H.target.value;c!=null&&Z.length>c&&(Z=Z.slice(0,c),H.target.value=Z),D||A(Z),l==null||l(H)},Fe=["text-input",`text-input--${M}`,`text-input--${z}`,I&&"text-input--focused",v].filter(Boolean).join(" ");return oe("div",{className:"text-input-wrapper",children:[n&&oe("label",{htmlFor:w,className:"flex items-center gap-1",children:[$(R,{variant:"body-p3",children:n}),e&&$("span",{className:"text-input__required",children:" *"})]}),$("div",{className:`text-input-shell text-input-shell--${z} text-input-shell--${M}`,children:oe("div",{className:`text-input-container text-input-container--${M}`,children:[r&&$("span",{className:"text-input__left-section",children:r}),$("input",k(x({},y),{id:w,className:Fe,value:L,onChange:Be,onFocus:ke,onBlur:He,maxLength:c,"aria-invalid":o,"aria-describedby":a||E?`${w}-description`:void 0})),(p||i)&&oe("div",{className:"text-input__right-section",children:[p&&$(Mo,{children:p}),i&&$(Mo,{children:i})]})]})}),(a||N)&&$("div",{id:`${w}-description`,className:"text-input__footer",children:oe("div",{className:`help-text-wrapper ${a&&N?"help-text-wrapper--between":a?"help-text-wrapper--start":"help-text-wrapper--end"}`,children:[a&&oe("span",{className:`help-text help-text--${we}`,children:[_e&&$("span",{className:"help-text__icon",children:_e}),typeof a=="string"||typeof a=="number"?$(R,{variant:"body-p3",className:"help-text__content",children:a}):$("span",{className:"help-text__content",children:a})]}),N&&oe("span",{className:`help-text__count help-text__count--${we}`,children:[q&&$(R,{variant:"body-p3",className:"help-text__count-number",children:q}),ce&&oe(R,{variant:"body-p3",className:"help-text__count-total",children:["/",ce]})]})]})})]})};import Re from"react";import{jsx as ge,jsxs as Qe}from"react/jsx-runtime";var No=Re.forwardRef((m,d)=>{var h=m,{size:e="medium",label:t,labelPosition:o="end",description:a,checked:c,defaultChecked:r=!1,onChange:p,disabled:i,className:n="",id:s}=h,v=_(h,["size","label","labelPosition","description","checked","defaultChecked","onChange","disabled","className","id"]);let l=Re.useRef(null),f=Re.useMemo(()=>typeof d=="function"?S=>{l.current=S,d(S)}:d?S=>{l.current=S,d&&(d.current=S)}:S=>{l.current=S},[d]),[g,y]=Re.useState(r),C=c!==void 0,b=C?c:g,u=S=>{i||(C||y(S.target.checked),p==null||p(S))},B=Re.useId(),w=s||B,I=a?`${w}-description`:void 0,P=["toggle",`toggle--${e}`,o==="start"&&"toggle--label-start",i&&"toggle--disabled",n].filter(Boolean).join(" ");return Qe("div",{className:P,children:[Qe("div",{className:"toggle__wrapper",children:[ge("input",x({ref:f,type:"checkbox",id:w,checked:b,defaultChecked:r,onChange:u,disabled:i,"aria-describedby":I,className:"toggle__input",role:"switch","aria-checked":b},v)),Qe("label",{htmlFor:w,className:"toggle__label-wrapper",children:[o==="start"&&t&&ge(R,{variant:e==="medium"?"body-p2":"body-p3",as:"span",children:t}),ge("span",{className:"toggle__switch",children:ge("span",{className:"toggle__thumb"})}),o==="end"&&t&&ge(R,{variant:e==="medium"?"body-p2":"body-p3",as:"span",children:t})]})]}),a&&ge("div",{id:I,className:"toggle__description",children:a})]})});No.displayName="Toggle";import W from"react";import{RiCheckboxBlankLine as gt,RiCheckboxFill as xt,RiCheckboxIndeterminateFill as ht}from"@remixicon/react";import{jsx as X,jsxs as Me}from"react/jsx-runtime";var Ne=W.forwardRef((h,m)=>{var l=h,{label:e,labelProps:t,description:o,value:a,checked:c,defaultChecked:r=!1,onChange:p,disabled:i,indeterminate:n=!1,className:s="",id:v}=l,d=_(l,["label","labelProps","description","value","checked","defaultChecked","onChange","disabled","indeterminate","className","id"]);var T,A;let f=W.useRef(null),g=W.useMemo(()=>typeof m=="function"?L=>{f.current=L,m(L)}:m?L=>{f.current=L,m&&(m.current=L)}:L=>{f.current=L},[m]);W.useEffect(()=>{f.current&&(f.current.indeterminate=n)},[n]);let[y,C]=W.useState(r),b=c!==void 0,u=b?c:y,B=L=>{i||(b||C(L.target.checked),p==null||p(L))},w=W.useId(),I=v||w,P=o?`${I}-description`:void 0,S=["checkbox",i&&"checkbox--disabled",s].filter(Boolean).join(" "),M=t!=null?t:{},D=["checkbox__label-text",M.className].filter(Boolean).join(" ");return Me("div",{className:S,children:[Me("div",{className:"checkbox__wrapper",children:[X("input",x({ref:g,type:"checkbox",id:I,checked:u,defaultChecked:r,onChange:B,disabled:i,value:a,"aria-describedby":P||void 0,className:"checkbox__input"},d)),Me("label",{htmlFor:I,className:"checkbox__label-wrapper",children:[X("span",{className:"checkbox__icon-wrapper","aria-hidden":"true",children:n?X(ht,{className:"checkbox__icon"}):u?X(xt,{className:"checkbox__icon"}):X(gt,{className:"checkbox__icon"})}),e&&X(R,k(x({variant:(T=M.variant)!=null?T:"body-p2",as:(A=M.as)!=null?A:"span"},M),{className:D,children:e}))]})]}),o&&X("div",{id:P,className:"checkbox__description",children:o})]})});Ne.displayName="Checkbox";var Ke=({label:e,labelProps:t,description:o,descriptionProps:a,multiple:c=!0,value:r,defaultValue:p=[],onChange:i,disabled:n,children:s,className:v=""})=>{var P,S,M,D;let[d,m]=W.useState(p),h=r!==void 0,l=h?r:d,f=(T,A)=>{let L=c?A?[...l,T]:l.filter(z=>z!==T):A?[T]:[];h||m(L),i==null||i(L)},g=W.useId(),y=o?`${g}-description`:void 0,C=t!=null?t:{},b=a!=null?a:{},u=["checkbox-group__label",C.className].filter(Boolean).join(" "),B=["checkbox-group__description",b.className].filter(Boolean).join(" "),w=["checkbox-group",n&&"checkbox-group--disabled",v].filter(Boolean).join(" "),I=W.Children.map(s,T=>{if(W.isValidElement(T)&&T.type===Ne){let A=T.props.value;if(A===void 0)return console.warn("Checkbox.Group \uB0B4\uBD80\uC758 Checkbox\uB294 value prop\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."),T;let L=l.includes(A);return W.cloneElement(T,{checked:L,onChange:z=>{var E,N;f(A,z.target.checked),(N=(E=T.props).onChange)==null||N.call(E,z)},disabled:n||T.props.disabled})}return T});return Me("div",{className:w,children:[e&&X(R,k(x({variant:(P=C.variant)!=null?P:"subtitle-p2",as:(S=C.as)!=null?S:"div"},C),{className:u,children:e})),o&&X(R,k(x({id:y,variant:(M=b.variant)!=null?M:"body-p3",as:(D=b.as)!=null?D:"div"},b),{className:B,children:o})),X("div",{className:"checkbox-group__content",children:I})]})};Ke.displayName="CheckboxGroup";Ne.Group=Ke;import Je from"react";function bt(e){let{options:t,defaultValue:o=[],value:a,onChange:c}=e,[r,p]=Je.useState(o),i=a!==void 0,n=i?a:r,s=Je.useCallback(f=>{i||p(f),c==null||c(f)},[i,c]),v=n.length===t.length,d=n.length>0,m=v,h=d&&!v,l=Je.useCallback(f=>{s(f.target.checked?[...t]:[])},[t,s]);return{value:n,onChange:s,selectAllChecked:m,selectAllIndeterminate:h,handleSelectAll:l,selectAllProps:{checked:m,indeterminate:h,onChange:l}}}import te from"react";import{RiCheckboxCircleFill as vt}from"@remixicon/react";import{jsx as ne,jsxs as Eo}from"react/jsx-runtime";var eo=te.forwardRef((e,t)=>{let M=e,{items:o,size:a,value:c,defaultValue:r,onChange:p,multiple:i,itemTextProps:n,suffixIcon:s,className:v="",id:d}=M,m=_(M,["items","size","value","defaultValue","onChange","multiple","itemTextProps","suffixIcon","className","id"]),h=Object.prototype.hasOwnProperty.call(e,"value"),[l,f]=te.useState(r),g=h?c:l,y=!!i,{isUnderTablet:C}=G(),b=a!=null?a:C?"small":"medium",u=te.useId(),B=d||`select-menu-${u}`,w=D=>{let T;if(y){let A=Array.isArray(g)?g:g?[g]:[];T=A.includes(D)?A.filter(L=>L!==D):[...A,D]}else T=g===D?void 0:D;h||f(T),p==null||p(T)},I=["select-menu",`select-menu--${b}`,v].filter(Boolean).join(" "),P=n!=null?n:{},S=b==="medium"?"body-p2":"body-p3";return ne("div",k(x({ref:t,id:B,className:I,role:"listbox"},m),{children:o.map((D,T)=>{var N,q;let A=Array.isArray(g)?g.includes(D.value):g===D.value,L=`${B}-option-${D.value}`,z=ne(vt,{className:"select-menu__suffix-icon"}),E=typeof s=="function"?s(D):s!=null?s:z;return Eo("button",{id:L,type:"button",role:"option","aria-selected":A,disabled:D.disabled,className:"select-menu__item",onClick:()=>!D.disabled&&w(D.value),children:[ne(R,k(x({variant:(N=P.variant)!=null?N:S,as:(q=P.as)!=null?q:"span"},P),{className:["select-menu__item-text",P.className].filter(Boolean).join(" "),children:D.label})),A&&ne("span",{className:"select-menu__suffix",children:E})]},D.value)})}))});eo.displayName="SelectMenu";var Ee=p=>{var i=p,{children:e,open:t,defaultOpen:o=!1,onOpenChange:a,menuContainerStyle:c}=i,r=_(i,["children","open","defaultOpen","onOpenChange","menuContainerStyle"]);let[n,s]=te.useState(o),v=t!==void 0,d=v?t:n,m=te.useRef(null),h=g=>{v||s(g),a==null||a(g)};te.useEffect(()=>{if(!d)return;let g=y=>{m.current&&(m.current.contains(y.target)||h(!1))};return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}},[d,h]);let l=()=>{h(!d)},f=e;if(te.isValidElement(e)){let g=e.props.onClick;f=te.cloneElement(e,k(x({},e.props),{onClick:y=>{g==null||g(y),l()},"aria-haspopup":"listbox","aria-expanded":d}))}else f=ne("button",{type:"button",onClick:l,"aria-haspopup":"listbox","aria-expanded":d,children:e});return Eo("div",{ref:m,style:{position:"relative",display:"inline-flex"},children:[f,d&&ne("div",{style:x({position:"absolute",top:"100%",left:0,marginTop:4,zIndex:1e3},c),children:ne(eo,x({},r))})]})};Ee.displayName="SelectMenuOverlay";import oo from"react";import{jsx as U,jsxs as Se}from"react/jsx-runtime";var zo=oo.forwardRef((P,I)=>{var S=P,{type:e="outlined",title:t,required:o=!1,value:a,placeholder:c="\uC120\uD0DD\uD558\uC138\uC694",disabled:r=!1,error:p=!1,description:i,accentIcon:n=!0,onClick:s,onClear:v,icon:d,className:m="",id:h,items:l,defaultValue:f,onChange:g,multiple:y,wrapperClassName:C="",wrapperStyle:b,width:u,size:B}=S,w=_(S,["type","title","required","value","placeholder","disabled","error","description","accentIcon","onClick","onClear","icon","className","id","items","defaultValue","onChange","multiple","wrapperClassName","wrapperStyle","width","size"]);let{isUnderTablet:M}=G(),D=oo.useId(),T=h||`select-header-${D}`,A=i?`${T}-description`:void 0,L=B==="medium"?"web-tab":B==="small"||M?"mo":"web-tab",[z,E]=oo.useState(f),N=l!=null&&l.length>0,q=a!==void 0,ce;N&&(ce=q?a===null?void 0:a:z);let _e=K=>{q||E(K),g==null||g(K)},we=(()=>{var K;if(N){let re=ce;if(re==null||Array.isArray(re)&&re.length===0)return null;if(Array.isArray(re))return re.map(Ae=>{var bo,vo;return(vo=(bo=l.find($o=>$o.value===Ae))==null?void 0:bo.label)!=null?vo:Ae}).filter(Boolean).join(", ");let ho=(K=l.find(Ae=>Ae.value===re))==null?void 0:K.label;return ho!=null?String(ho):re}return a==null?null:Array.isArray(a)?a.join(", "):typeof a=="string"?a:null})(),ke=!!we,He=ke&&!r&&(N?!!g:!!v),Be=typeof n=="boolean"?n?p?U(Te,{className:"help-text__icon-svg"}):U(Ye,{className:"help-text__icon-svg"}):null:n,Fe=p?"error":"inform",H=["select-header",`select-header--${L}`,`select-header--${e}`,r&&"select-header--disabled",p&&"select-header--error",ke&&"select-header--has-value",u&&"select-header--full",m].filter(Boolean).join(" "),Z=K=>{K.stopPropagation(),N?_e(void 0):v==null||v(K)},xo=Se("button",k(x({ref:I,type:"button",id:T,className:H,disabled:r,onClick:s,"aria-haspopup":"listbox","aria-describedby":A},w),{children:[U("span",{className:"select-header__content",children:ke?U(R,{as:"span",variant:"body-p2",children:we}):U(R,{as:"span",variant:"body-p2",children:c})}),Se("span",{className:"select-header__actions",children:[He&&U("button",{type:"button",className:"select-header__clear",onClick:Z,"aria-label":"\uAC12 \uC9C0\uC6B0\uAE30",children:U(Xe,{className:"select-header__clear-icon"})}),U("span",{className:"select-header__icon",children:d||U(qe,{className:"select-header__chevron"})})]})]}));return Se("div",{className:`select-header-wrapper ${C}`,style:x(x({},b),u?{width:u}:{}),children:[(t||o)&&Se("label",{htmlFor:T,className:"select-header__label",children:[t&&U(R,{as:"span",variant:"subtitle-p3",children:t}),o&&U(R,{as:"span",variant:"subtitle-p3",children:"*"})]}),N?U(Ee,{items:l,value:ce,multiple:y,onChange:_e,menuContainerStyle:{width:"100%"},children:xo}):xo,i&&U("div",{id:A,className:"select-header__footer",children:Se("span",{className:`help-text help-text--${Fe}`,children:[Be&&U("span",{className:"help-text__icon",children:Be}),U(R,{as:"span",variant:"body-p3",children:i})]})})]})});zo.displayName="SelectHeader";import to from"react";import{RiArrowLeftSLine as ao,RiArrowRightSLine as ro,RiMoreLine as yt}from"@remixicon/react";import{Fragment as Oo,jsx as j,jsxs as no}from"react/jsx-runtime";var xe=(e,t)=>{let o=t-e+1;return Array.from({length:o},(a,c)=>e+c)},It=({totalPages:e,currentPage:t,siblingCount:o,showEdgeButtons:a,showPrevNext:c})=>{if(e<=0)return[];let r=Math.min(Math.max(t,1),e),p=[],i=d=>p.push(d),n=r===1,s=r===e;a&&i({type:"first",page:1,key:"first",disabled:n}),c&&i({type:"prev",page:Math.max(1,r-1),key:"prev",disabled:n});let v=o*2+5;if(e<=v)xe(1,e).forEach(d=>i({type:"page",page:d,key:`page-${d}`,selected:d===r}));else{let d=Math.max(r-o,2),m=Math.min(r+o,e-1),h=d>2,l=m<e-1;if(i({type:"page",page:1,key:"page-1",selected:r===1}),!h&&l){let f=3+2*o;xe(2,f).forEach(y=>i({type:"page",page:y,key:`page-dynamic-${y}-${r}`,selected:y===r})),i({type:"ellipsis",key:`ellipsis-right-${m}`}),i({type:"page",page:e,key:`page-${e}`,selected:r===e})}else if(h&&!l){i({type:"ellipsis",key:`ellipsis-left-${d}`});let f=3+2*o;xe(e-f+1,e-1).forEach(y=>i({type:"page",page:y,key:`page-dynamic-${y}-${r}`,selected:y===r})),i({type:"page",page:e,key:`page-${e}`,selected:r===e})}else h&&l?(i({type:"ellipsis",key:`ellipsis-left-${d}`}),xe(d,m).forEach(f=>i({type:"page",page:f,key:`page-dynamic-${f}-${r}`,selected:f===r})),i({type:"ellipsis",key:`ellipsis-right-${m}`}),i({type:"page",page:e,key:`page-${e}`,selected:r===e})):xe(1,e).forEach(f=>i({type:"page",page:f,key:`page-dynamic-${f}-${r}`,selected:f===r}))}return c&&i({type:"next",page:Math.min(e,r+1),key:"next",disabled:s}),a&&i({type:"last",page:e,key:"last",disabled:s}),p},_t=({totalPages:e,currentPage:t})=>{if(e<=0)return[];let o=Math.min(Math.max(t,1),e),a=[],c=i=>a.push(i),r=o===1,p=o===e;return c({type:"prev",page:Math.max(1,o-1),key:"prev",disabled:r}),xe(1,e).forEach(i=>c({type:"page",page:i,key:`page-${i}`,selected:i===o})),c({type:"next",page:Math.min(e,o+1),key:"next",disabled:p}),a},Ho=p=>{var i=p,{totalPages:e,currentPage:t,onChange:o,type:a="basic",className:c=""}=i,r=_(i,["totalPages","currentPage","onChange","type","className"]);let n="web-tab",s=a!=null?a:"basic",v=to.useMemo(()=>s==="basic"?_t({totalPages:e,currentPage:t}):It({totalPages:e,currentPage:t,siblingCount:1,showEdgeButtons:!1,showPrevNext:!0}),[e,t,s]),d=to.useCallback(l=>{l.disabled||l.page&&(o==null||o(l.page))},[o]),m=to.useCallback(l=>{l==="ellipsis-left"?o==null||o(1):l==="ellipsis-right"&&(o==null||o(e))},[o,e]),h=["pagination",`pagination--${n}`,c].filter(Boolean).join(" ");return j("nav",k(x({className:h,"aria-label":"\uD398\uC774\uC9C0\uB124\uC774\uC158"},r),{children:j("ul",{className:"pagination__list",children:v.map(l=>{let f=l.type==="page",g=!!l.selected,y=!!l.disabled,C=["pagination__button",`pagination__button--${l.type}`,f&&"pagination__button--page",g&&"pagination__button--selected",y&&"pagination__button--disabled"].filter(Boolean).join(" "),b=l.type==="page"?String(l.page):l.type==="prev"?"\uC774\uC804 \uD398\uC774\uC9C0":l.type==="next"?"\uB2E4\uC74C \uD398\uC774\uC9C0":l.type==="first"?"\uCCAB \uD398\uC774\uC9C0":l.type==="last"?"\uB9C8\uC9C0\uB9C9 \uD398\uC774\uC9C0":"",u=l.type==="page"?`${l.page}\uD398\uC774\uC9C0`:b;return l.type==="ellipsis"?j("li",{className:"pagination__item pagination__item--ellipsis",children:j("button",{type:"button",className:"pagination__button pagination__button--ellipsis",onClick:()=>m(l.key),"aria-label":l.key==="ellipsis-left"?"\uCCAB \uD398\uC774\uC9C0\uB85C \uC774\uB3D9":"\uB9C8\uC9C0\uB9C9 \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",children:j(yt,{})})},l.key):j("li",{className:"pagination__item",children:no("button",{type:"button",className:C,onClick:()=>d(l),disabled:y,"aria-label":u,"aria-current":f&&g?"page":void 0,children:[l.type==="prev"&&j(ao,{className:"pagination__icon"}),l.type==="next"&&j(ro,{className:"pagination__icon"}),l.type==="first"&&no(Oo,{children:[j(ao,{className:"pagination__icon pagination__icon--double"}),j(ao,{className:"pagination__icon pagination__icon--double"})]}),l.type==="last"&&no(Oo,{children:[j(ro,{className:"pagination__icon pagination__icon--double"}),j(ro,{className:"pagination__icon pagination__icon--double"})]}),l.type==="page"&&j(R,{as:"span",variant:n==="web-tab"?"body-p2":"body-p3",children:l.page})]})},l.key)})})}))};Ho.displayName="Pagination";import Q from"react";import{RiCircleLine as wt,RiRadioButtonLine as kt}from"@remixicon/react";import{jsx as Y,jsxs as ze}from"react/jsx-runtime";var Oe=Q.forwardRef((l,h)=>{var f=l,{label:e,labelProps:t,description:o,value:a,checked:c,defaultChecked:r=!1,onChange:p,disabled:i,className:n="",id:s,name:v,onClick:d}=f,m=_(f,["label","labelProps","description","value","checked","defaultChecked","onChange","disabled","className","id","name","onClick"]);var z,E;let[g,y]=Q.useState(r),C=c!==void 0,b=C?c:g,u=N=>{i||(C||y(N.target.checked),p==null||p(N))},B=N=>{if(b&&!i){N.preventDefault(),C||y(!1);let q=k(x({},N),{target:k(x({},N.target),{checked:!1})});p==null||p(q)}d==null||d(N)},w=Q.useId(),I=s||w,P=o?`${I}-description`:void 0,[S,M]=Q.useState(!1),D=["radio-button",i&&"radio-button--disabled",n].filter(Boolean).join(" "),T=["radio-button__label-wrapper",S&&!b&&!i&&"radio-button__label-wrapper--hovered"].filter(Boolean).join(" "),A=t!=null?t:{},L=["radio-button__label-text",A.className].filter(Boolean).join(" ");return ze("div",{className:D,"data-checked":b,children:[ze("div",{className:"radio-button__wrapper",children:[Y("input",x({ref:h,type:"radio",id:I,name:v,checked:b,defaultChecked:r,onChange:u,onClick:B,disabled:i,value:a,"aria-describedby":P||void 0,className:"radio-button__input"},m)),ze("label",{htmlFor:I,className:T,onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),children:[Y("span",{className:"radio-button__icon-wrapper","aria-hidden":"true",children:b?Y(kt,{className:"radio-button__icon"}):Y(wt,{className:"radio-button__icon"})}),e&&Y(R,k(x({variant:(z=A.variant)!=null?z:"body-p2",as:(E=A.as)!=null?E:"span"},A),{className:L,children:e}))]})]}),o&&Y("div",{id:P,className:"radio-button__description",children:o})]})});Oe.displayName="RadioButton";var io=({label:e,labelProps:t,description:o,descriptionProps:a,value:c,defaultValue:r,onChange:p,disabled:i,name:n,children:s,className:v=""})=>{var P,S,M,D;let[d,m]=Q.useState(r),h=c!==void 0,l=h?c:d,f=Q.useId(),g=n||`radio-group-${f}`,y=o?`${f}-description`:void 0,C=t!=null?t:{},b=a!=null?a:{},u=["radio-button-group__label",C.className].filter(Boolean).join(" "),B=["radio-button-group__description",b.className].filter(Boolean).join(" "),w=["radio-button-group",i&&"radio-button-group--disabled",v].filter(Boolean).join(" "),I=Q.Children.map(s,T=>{if(Q.isValidElement(T)&&T.type===Oe){let A=T.props.value;if(A===void 0)return console.warn("RadioButton.Group \uB0B4\uBD80\uC758 RadioButton\uC740 value prop\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."),T;let L=l===A;return Q.cloneElement(T,{name:g,checked:L,onChange:z=>{var E,N;z.target.checked?(h||m(A),p==null||p(A)):(h||m(void 0),p==null||p(void 0)),(N=(E=T.props).onChange)==null||N.call(E,z)},disabled:i||T.props.disabled})}return T});return ze("div",{className:w,role:"radiogroup","aria-describedby":y||void 0,children:[e&&Y(R,k(x({variant:(P=C.variant)!=null?P:"subtitle-p2",as:(S=C.as)!=null?S:"div"},C),{className:u,children:e})),o&&Y(R,k(x({id:y,variant:(M=b.variant)!=null?M:"body-p3",as:(D=b.as)!=null?D:"div"},b),{className:B,children:o})),Y("div",{className:"radio-button-group__content",children:I})]})};io.displayName="RadioButtonGroup";Oe.Group=io;import{jsx as lo,jsxs as Tt}from"react/jsx-runtime";var Ct=n=>{var s=n,{type:e="solid",size:t="medium",state:o="enabled",label:a,prefixIcon:c,suffixIcon:r,className:p=""}=s,i=_(s,["type","size","state","label","prefixIcon","suffixIcon","className"]);let v=e==="weak"?o:"enabled",d=["tag",`tag--${e}`,`tag--${t}`,`tag--${v}`,p].filter(Boolean).join(" ").trim(),m=t==="medium"?"body-p2":"body-p3";return Tt("span",k(x({},i),{className:d,children:[c&&lo("span",{className:"tag__prefix-icon",children:c}),lo(R,{variant:m,children:a}),r&&lo("span",{className:"tag__suffix-icon",children:r})]}))};import{useState as Rt,useRef as co,useEffect as St}from"react";import{jsx as ie,jsxs as so}from"react/jsx-runtime";var Bt=({label:e,type:t="word",prefixIcon:o,onClose:a,direction:c="top",withArrow:r=!0,opened:p,defaultOpened:i=!1,disabled:n=!1,width:s,offset:v=8,withinPortal:d=!0,openDelay:m=0,closeDelay:h=0,children:l,className:f=""})=>{let[g,y]=Rt(i),C=co(null),b=co(null),u=co(null),B=p!==void 0,w=B?p:g;St(()=>()=>{b.current&&clearTimeout(b.current),u.current&&clearTimeout(u.current)},[]);let I=()=>{!n&&!B&&(u.current&&(clearTimeout(u.current),u.current=null),m>0?b.current=setTimeout(()=>{y(!0)},m):y(!0))},P=()=>{!n&&!B&&(b.current&&(clearTimeout(b.current),b.current=null),h>0?u.current=setTimeout(()=>{y(!1)},h):y(!1))},S=()=>{!n&&!B&&(u.current&&(clearTimeout(u.current),u.current=null),m>0?b.current=setTimeout(()=>{y(!0)},m):y(!0))},M=()=>{!n&&!B&&(b.current&&(clearTimeout(b.current),b.current=null),h>0?u.current=setTimeout(()=>{y(!1)},h):y(!1))},D=A=>{A.stopPropagation(),a&&a(A),!n&&!B&&y(!1)},T=so("div",{className:`tooltip tooltip--${t} tooltip--${c} ${r?"tooltip--with-arrow":""} ${f}`,style:s?{width:typeof s=="number"?`${s}px`:s}:void 0,role:"tooltip",children:[so("div",{className:"tooltip__content",children:[o&&ie("div",{className:"tooltip__prefix-icon",children:o}),ie("div",{className:"tooltip__label",children:ie(R,{variant:"body-p3",children:e})}),a&&ie("button",{type:"button",className:"tooltip__close-button",onClick:D,"aria-label":"Close tooltip",children:ie("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:ie("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),r&&ie("div",{className:`tooltip__arrow tooltip__arrow--${c.split("-")[0]}`})]});return so("div",{ref:C,className:"tooltip__wrapper",onMouseEnter:I,onMouseLeave:P,onFocus:S,onBlur:M,children:[l,w&&!n&&T]})};import le from"react";import{createPortal as Ot}from"react-dom";import*as he from"react";function At(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return he.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},o),e?he.createElement("title",{id:t},e):null,he.createElement("path",{fillRule:"evenodd",d:"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",clipRule:"evenodd"}))}var Dt=he.forwardRef(At),po=Dt;import*as be from"react";function Pt(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return be.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},o),e?be.createElement("title",{id:t},e):null,be.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",clipRule:"evenodd"}))}var Lt=be.forwardRef(Pt),fo=Lt;import*as ve from"react";function Mt(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return ve.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},o),e?ve.createElement("title",{id:t},e):null,ve.createElement("path",{fillRule:"evenodd",d:"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",clipRule:"evenodd"}))}var Nt=ve.forwardRef(Mt),uo=Nt;import*as ye from"react";function Et(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return ye.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},o),e?ye.createElement("title",{id:t},e):null,ye.createElement("path",{fillRule:"evenodd",d:"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z",clipRule:"evenodd"}))}var zt=ye.forwardRef(Et),mo=zt;import{Fragment as Gt,jsx as ae,jsxs as go}from"react/jsx-runtime";var Fo=e=>{let w=e,{size:t,state:o="default",label:a,icon:c,position:r="top",horizontalAlign:p="center",topOffset:i,bottomOffset:n,horizontalPadding:s,className:v="",style:d}=w,m=_(w,["size","state","label","icon","position","horizontalAlign","topOffset","bottomOffset","horizontalPadding","className","style"]),{isUnderTablet:h}=G(),l=t!=null?t:h?"small":"medium",f=["toast",`toast--${l}`,`toast--${o}`,v].filter(Boolean).join(" "),g=l==="medium"?60:20,y=l==="medium"?60:20,C=16,b=(d==null?void 0:d.position)!==void 0,u=x(b?{}:{position:"fixed",zIndex:1e3},d);if(!b)if(r==="top"?(u.top=`${i!=null?i:g}px`,u.bottom="auto"):(u.bottom=`${n!=null?n:y}px`,u.top="auto"),l==="small"){let I=s!=null?s:C;u.left=`${I}px`,u.right=`${I}px`,u.transform="none",u.width=`calc(100% - ${I*2}px)`}else p==="center"?(u.left="50%",u.right="auto",u.transform="translateX(-50%)",u.width="auto",u.minWidth="540px",u.maxWidth="760px"):p==="left"?(u.left="16px",u.right="auto",u.transform="none",u.width="auto",u.minWidth="540px",u.maxWidth="760px"):(u.right="16px",u.left="auto",u.transform="none",u.width="auto",u.minWidth="540px",u.maxWidth="760px");let B=!c&&o!=="default"?go("div",{className:"toast__icon",children:[o==="error"&&ae(mo,{style:{width:"100%",height:"100%"}}),o==="warning"&&ae(fo,{style:{width:"100%",height:"100%"}}),o==="success"&&ae(po,{style:{width:"100%",height:"100%"}}),o==="information"&&ae(uo,{style:{width:"100%",height:"100%"}})]}):c?ae("div",{className:"toast__icon",children:c}):null;return go("div",k(x({className:f,style:u},m),{children:[B,ae(R,{variant:l==="medium"?"heading-h6":"subtitle-p2",children:a})]}))},Ht=250,Uo=le.createContext(void 0),Ft=({children:e})=>{let[t,o]=le.useState([]),[a,c]=le.useState(!1);le.useEffect(()=>{c(!0)},[]);let r=le.useCallback((i,n={})=>{let s=`toast-${Date.now()}-${Math.random()}`,{state:v="default",size:d,duration:m=3e3,position:h="top",horizontalAlign:l="center",topOffset:f,bottomOffset:g,horizontalPadding:y}=n,C=k(x({id:s,message:i,state:v},d!==void 0&&{size:d}),{duration:m,position:h,horizontalAlign:l,topOffset:f,bottomOffset:g,horizontalPadding:y});o(b=>[...b,C]),m>0&&setTimeout(()=>{o(b=>b.map(u=>u.id===s?k(x({},u),{exiting:!0}):u)),setTimeout(()=>{o(b=>b.filter(u=>u.id!==s))},Ht)},m)},[]),p=le.useCallback(i=>{o(n=>n.filter(s=>s.id!==i))},[]);return go(Uo.Provider,{value:{showToast:r,hideToast:p},children:[e,a&&Ot(ae(Gt,{children:t.map(i=>ae(Fo,x({state:i.state,size:i.size,label:i.message,position:i.position,horizontalAlign:i.horizontalAlign,topOffset:i.topOffset,bottomOffset:i.bottomOffset,horizontalPadding:i.horizontalPadding},i.exiting&&{className:"toast--exiting"}),i.id))}),document.body)]})};function Ut(){let e=le.useContext(Uo);if(!e)throw new Error("useToast must be used within a ToastProvider");return e}import{jsx as O,jsxs as jt}from"react/jsx-runtime";var Ie=(e,t)=>`/logo/${e}-${t}.svg`,Go=({className:e})=>O("img",{src:"/logo/symbol-white.svg",alt:"Lion Icon",className:e}),$t=p=>{var i=p,{type:e="likelion-kr",variant:t="primary",size:o="medium",service:a="likelion",className:c=""}=i,r=_(i,["type","variant","size","service","className"]);let n=["logo",`logo--${e}`,`logo--${t}`,`logo--${o}`,c].filter(Boolean).join(" ");if(e==="likelion-eng")return O("div",k(x({className:n},r),{children:O("img",{src:Ie("likelion-eng",t),alt:"\uBA4B\uC7C1\uC774\uC0AC\uC790\uCC98\uB7FC_ENG",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="likelion-kr")return O("div",k(x({className:n},r),{children:O("img",{src:Ie("likelion-kr",t),alt:"\uBA4B\uC7C1\uC774\uC0AC\uC790\uCC98\uB7FC_KR",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="bootcamp")return O("div",k(x({className:n},r),{children:O("img",{src:Ie("bootcamp",t),alt:"\uBA4B\uC0AC \uBD80\uD2B8\uCEA0\uD504",style:{width:"100%",height:"100%",display:"block"}})}));let s=()=>null;if(e==="symbol")return O("div",k(x({className:n},r),{children:O("img",{src:Ie("symbol",t),alt:"\uC2EC\uBCFC",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="favicon")return O("div",k(x({className:n},r),{children:O("div",{className:"logo__favicon-container",children:O("div",{className:"logo__icon logo__icon--white",children:O(Go,{})})})}));if(e==="og-image"){let d=a==="likelion"?"\uBA4B\uC7C1\uC774\uC0AC\uC790\uCC98\uB7FC":"\uBA4B\uC0AC \uBD80\uD2B8\uCEA0\uD504",m=Ie(a==="likelion"?"likelion-kr":"bootcamp","white");return O("div",k(x({className:n},r),{children:O("div",{className:"logo__og-container",children:O("img",{src:m,alt:d,style:{width:"auto",height:"37.8px",display:"block"}})})}))}let v=s();return jt("div",k(x({className:n},r),{children:[O("div",{className:"logo__icon",children:O(Go,{})}),v&&O("span",{className:"logo__text",children:v})]}))};var ol={mobile:{min:375,max:743},tablet:{min:744,max:1279},desktop:{min:1280}},tl={mo:"375px",tb:"744px",pc:"1280px"},al={mobile:"(min-width: 375px) and (max-width: 743px)",tablet:"(min-width: 744px) and (max-width: 1279px)",desktop:"(min-width: 1280px)",underTablet:"(max-width: 743px)"},rl={mobile:{margin:16,column:4,gutter:16},tablet:{margin:24,column:8,gutter:24},desktop:{margin:24,column:12,gutter:24}};export{De as ActionButton,ol as BREAKPOINTS,Ge as Badge,rt as BreakpointProvider,De as Button,Ne as Checkbox,Ke as CheckboxGroup,wo as Chip,Ze as ChipGroup,it as Dialog,lt as DialogProvider,Vo as IconButton,rl as LAYOUT_SYSTEM,$t as Logo,al as MEDIA_QUERIES,Ho as Pagination,Oe as RadioButton,io as RadioButtonGroup,zo as SelectHeader,eo as SelectMenu,Ee as SelectMenuOverlay,tl as TAILWIND_SCREENS,je as Tab,Ve as TabGroup,Ct as Tag,R as Text,mt as TextInput,Fo as Toast,Ft as ToastProvider,No as Toggle,Bt as Tooltip,G as useBreakpoint,bt as useCheckboxGroup,ct as useDialog,Ce as useMediaQuery,Ut as useToast};
+import{a as x,b as k,c as _}from"./chunk-H3TEQK57.mjs";import mt from"react";var V=d=>{var i=d,{variant:e,decoration:t="none",as:o,children:r,className:c=""}=i,a=_(i,["variant","decoration","as","children","className"]);let n=(()=>{if(e.startsWith("heading-")){let p=e.split("-")[1];return p.startsWith("d")?"h1":p}return e.startsWith("subtitle-")?"h3":"p"})(),s=o||n,v=["typography",`typography--${e}`,t!=="none"&&`typography--decoration-${t}`,c].filter(Boolean).join(" ");return mt.createElement(s,x({className:v},a),r)};import{jsx as ae,jsxs as We}from"react/jsx-runtime";var ze=m=>{var g=m,{size:e="medium",color:t="primary",type:o="solid",htmlType:r="button",state:c="enabled",label:a,prefixIcon:d,suffixIcon:i,loading:n=!1,className:s="",disabled:v}=g,p=_(g,["size","color","type","htmlType","state","label","prefixIcon","suffixIcon","loading","className","disabled"]);let l=v||c==="disabled",f=c;o==="ghost"?(c==="hovered"||c==="loading"||n)&&(f="enabled"):f=n?"loading":c;let h=["action-button",`action-button--${e}`,`action-button--${t}`,`action-button--${o}`,`action-button--${f}`,s].filter(Boolean).join(" "),b=e==="xlarge"?"heading-h6":e==="large"||e==="medium"?"subtitle-p2":"subtitle-p3";return We("button",k(x({type:r,className:h,disabled:l},p),{children:[We("span",{className:"action-button__content",children:[d&&ae("span",{className:"action-button__prefix-icon",children:d}),ae("p",{className:"action-button__label",children:ae(V,{variant:b,children:a})}),i&&ae("span",{className:"action-button__suffix-icon",children:i})]}),n&&o!=="ghost"&&ae("span",{className:"action-button__spinner","aria-hidden":"true",children:ae("svg",{className:"action-button__spinner-svg",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:We("circle",{className:"action-button__spinner-circle",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"32",strokeDashoffset:"32",children:[ae("animate",{attributeName:"stroke-dasharray",dur:"2s",values:"0 40;40 40;0 40",repeatCount:"indefinite"}),ae("animate",{attributeName:"stroke-dashoffset",dur:"2s",values:"0;-40;-80",repeatCount:"indefinite"})]})})})]}))};import{jsx as Ro}from"react/jsx-runtime";var gt=p=>{var m=p,{size:e="large",color:t="primary",type:o="solid",state:r="enabled",icon:c,className:a="",disabled:d,htmlType:i="button",style:n,customColor:s}=m,v=_(m,["size","color","type","state","icon","className","disabled","htmlType","style","customColor"]);let g=d||r==="disabled",l=o==="weak",f=l&&g?"enabled":r,h=s?"":l?`icon-button--weak-${t}`:`icon-button--${t}`,b=l?"icon-button--weak":`icon-button--${o}`,C=["icon-button",`icon-button--${e}`,h,b,`icon-button--${f}`,a].filter(Boolean).join(" "),y=l&&g,u=x(x({},(s==null?void 0:s.background)&&{backgroundColor:s.background}),(s==null?void 0:s.color)&&{color:s.color});return Ro("button",k(x({type:i,className:C,disabled:g,style:x(x(x({},n),u),y?{opacity:0,pointerEvents:"none"}:{})},v),{children:Ro("span",{className:"icon-button__icon",children:c})}))};import Oe,{useState as xt}from"react";import{jsx as Bo}from"react/jsx-runtime";var qe=d=>{var i=d,{type:e="number",variant:t="primary",value:o,maxValue:r=99,className:c=""}=i,a=_(i,["type","variant","value","maxValue","className"]);let n=["badge",`badge--${t}`,`badge--${e}`,c].filter(Boolean).join(" "),s=e==="number"&&o!==void 0?typeof o=="number"&&o>r?`${r}+`:String(o):null;return Bo("span",k(x({className:n},a),{children:e==="number"&&s&&Bo(V,{variant:"subtitle-p3",as:"span",children:s})}))};import{jsx as Xe,jsxs as ht}from"react/jsx-runtime";var Ye=v=>{var p=v,{type:e="round",size:t="large",badge:o=!1,label:r,mode:c=!1,className:a="",selected:d,disabled:i=!1,onClick:n}=p,s=_(p,["type","size","badge","label","mode","className","selected","disabled","onClick"]);let[m,g]=xt(!1),l=d!==void 0,f=l?d:m,h=y=>{i||(l||g(u=>!u),n==null||n(y))},b=i?"disabled":f?"pressed":"enabled",C=["tab",`tab--${e}`,`tab--${t}`,`tab--${b}`,c&&"tab--dark",a].filter(Boolean).join(" ");return ht("button",k(x({type:"button",className:C,"aria-pressed":f,disabled:i,onClick:h},s),{children:[Xe("span",{className:"tab__label",children:r}),o&&Xe(qe,{type:"dot",variant:"primary",className:"tab__badge","aria-label":"\uC54C\uB9BC"})]}))},Qe=({value:e,defaultValue:t,onChange:o,type:r="round",size:c="large",mode:a=!1,disabled:d=!1,children:i,className:n=""})=>{let[s,v]=Oe.useState(t),p=e!==void 0,m=p?e:s,g=["tab-group",`tab-group--${r}`,`tab-group--${c}`,a&&"tab-group--dark",d&&"tab-group--disabled",n].filter(Boolean).join(" "),l=Oe.Children.map(i,f=>{var h,b,C;if(Oe.isValidElement(f)&&f.type===Ye){let y=f.props.value;if(y===void 0)return console.warn("Tab.Group \uB0B4\uBD80\uC758 Tab\uC740 value prop\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."),f;let u=m===y;return Oe.cloneElement(f,{type:(h=f.props.type)!=null?h:r,size:(b=f.props.size)!=null?b:c,mode:(C=f.props.mode)!=null?C:a,selected:u,disabled:d||f.props.disabled,role:"tab","aria-selected":u,onClick:B=>{var L,I;p||v(y),o==null||o(y),(I=(L=f.props).onClick)==null||I.call(L,B)}})}return f});return Xe("div",{className:g,role:"tablist",children:l})};Qe.displayName="TabGroup";Ye.Group=Qe;import Ie from"react";import*as be from"react";function bt(c,r){var a=c,{title:e,titleId:t}=a,o=_(a,["title","titleId"]);return be.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},o),e?be.createElement("title",{id:t},e):null,be.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 12.75 6 6 9-13.5"}))}var vt=be.forwardRef(bt),Ke=vt;import*as ve from"react";function yt(c,r){var a=c,{title:e,titleId:t}=a,o=_(a,["title","titleId"]);return ve.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},o),e?ve.createElement("title",{id:t},e):null,ve.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"}))}var It=ve.forwardRef(yt),Je=It;import*as ye from"react";function _t(c,r){var a=c,{title:e,titleId:t}=a,o=_(a,["title","titleId"]);return ye.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},o),e?ye.createElement("title",{id:t},e):null,ye.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"}))}var wt=ye.forwardRef(_t),eo=wt;import{jsx as re,jsxs as kt}from"react/jsx-runtime";var Lo=y=>{var u=y,{type:e="solid",size:t="medium",variant:o="primary",value:r,onChange:c,checked:a,defaultChecked:d=!1,selectedValue:i,selectedValues:n,label:s,prefixIcon:v,suffixIcon:p,showCheck:m,showClose:g=!1,onClose:l,className:f="",disabled:h,onClick:b}=u,C=_(u,["type","size","variant","value","onChange","checked","defaultChecked","selectedValue","selectedValues","label","prefixIcon","suffixIcon","showCheck","showClose","onClose","className","disabled","onClick"]);let[B,L]=Ie.useState(d),I=a!==void 0,T=Ie.useMemo(()=>I?a:i!=null?i===r:n!==void 0?n.includes(r):B,[I,a,i,n,r,B]),w=!1;T&&(m===!0?w=!0:m===!1?w=!1:w=e==="outline"&&!v);let H=v||(w?re(Ke,{className:"chip__check-icon",style:{width:t==="small"?"14px":"16px",height:t==="small"?"14px":"16px"}}):null),S=!!H,R=!!(p||g),P=S&&R?"chip--has-prefix-suffix":S?"chip--has-prefix":R?"chip--has-suffix":"chip--no-icon",D=["chip",`chip--${e}`,`chip--${t}`,`chip--${o}`,P,T&&"chip--checked",h&&"chip--disabled",f].filter(Boolean).join(" "),E=N=>{h||(!I&&i===void 0&&n===void 0&&L(Y=>!Y),c&&c(r),b==null||b(N))},A=N=>{N.stopPropagation(),l&&!h&&l(N)};return kt("button",k(x({type:"button",className:D,disabled:h,onClick:E,"aria-pressed":T},C),{children:[H&&re("span",{className:"chip__prefix-icon",children:H}),re(V,{variant:t==="small"?"body-p3":"body-p2",children:s}),p&&!g&&re("span",{className:"chip__suffix-icon",children:p}),g&&re("button",{type:"button",className:"chip__close-button",onClick:A,disabled:h,"aria-label":"Close",children:re("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:re("path",{d:"M8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1ZM10.7803 5.21973C10.4874 4.92683 10.0126 4.92683 9.71973 5.21973L8 6.93945L6.28027 5.21973C5.98738 4.92683 5.51262 4.92683 5.21973 5.21973C4.92683 5.51262 4.92683 5.98738 5.21973 6.28027L6.93945 8L5.21973 9.71973C4.92683 10.0126 4.92683 10.4874 5.21973 10.7803C5.51262 11.0732 5.98738 11.0732 6.28027 10.7803L8 9.06055L9.71973 10.7803C10.0126 11.0732 10.4874 11.0732 10.7803 10.7803C11.0732 10.4874 11.0732 10.0126 10.7803 9.71973L9.06055 8L10.7803 6.28027C11.0732 5.98738 11.0732 5.51262 10.7803 5.21973Z",fill:"currentColor",fillOpacity:"0.56"})})})]}))},oo=m=>{var g=m,{value:e,defaultValue:t,onChange:o,multiple:r=!1,type:c="solid",size:a="medium",variant:d="primary",showCheck:i,disabled:n=!1,children:s,className:v=""}=g,p=_(g,["value","defaultValue","onChange","multiple","type","size","variant","showCheck","disabled","children","className"]);let[l,f]=Ie.useState(()=>t!=null?t:r?[]:""),h=e!==void 0,b=h?e:l,C=I=>{if(r){let T=Array.isArray(b)?b:[],w=T.includes(I)?T.filter(M=>M!==I):[...T,I];h||f(w),o==null||o(I)}else h||f(I),o==null||o(I)},y=r?void 0:b,u=r?b:void 0,B=["chip-group",v].filter(Boolean).join(" "),L=Ie.Children.map(s,I=>{var T,w,M,H;return Ie.isValidElement(I)&&I.type===Mo?I.props.value===void 0?(console.warn("Chip.Group \uB0B4\uBD80\uC758 Chip\uC740 value prop\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."),I):Ie.cloneElement(I,{type:(T=I.props.type)!=null?T:c,size:(w=I.props.size)!=null?w:a,variant:(M=I.props.variant)!=null?M:d,showCheck:(H=I.props.showCheck)!=null?H:i,selectedValue:y,selectedValues:u,onChange:R=>{var P,D;C(R),(D=(P=I.props).onChange)==null||D.call(P,R)},disabled:n||I.props.disabled}):I});return re("div",k(x({className:B},p),{children:L}))};oo.displayName="ChipGroup";Lo.displayName="Chip";var Mo=Object.assign(Lo,{Group:oo});import $ from"react";import{createPortal as Tt}from"react-dom";import{createContext as Ct,useContext as Ht,useSyncExternalStore as St}from"react";var Po=Ct(null),Vt=Po.Provider;function Be(e){return St(c=>{let a=window.matchMedia(e);return a.addEventListener("change",c),()=>a.removeEventListener("change",c)},()=>window.matchMedia(e).matches,()=>!1)}function G(){var a,d,i,n;let e=Ht(Po),t=Be("(min-width: 375px) and (max-width: 743px)"),o=Be("(min-width: 744px) and (max-width: 1279px)"),r=Be("(min-width: 1280px)"),c=Be("(max-width: 743px)");return{isMobile:(a=e==null?void 0:e.isMobile)!=null?a:t,isTablet:(d=e==null?void 0:e.isTablet)!=null?d:o,isDesktop:(i=e==null?void 0:e.isDesktop)!=null?i:r,isUnderTablet:(n=e==null?void 0:e.isUnderTablet)!=null?n:c}}import{Fragment as Mt,jsx as Z,jsxs as to}from"react/jsx-runtime";var Ao=$.createContext(null),Do=f=>{var h=f,{open:e=!1,onClose:t,closeOnOverlayClick:o=!0,closeOnEsc:r=!0,variant:c="confirm",align:a,title:d,description:i,icon:n,actionItems:s,footerLayout:v="horizontal",content:p,className:m="",children:g}=h,l=_(h,["open","onClose","closeOnOverlayClick","closeOnEsc","variant","align","title","description","icon","actionItems","footerLayout","content","className","children"]);let{isUnderTablet:b}=G(),[C,y]=$.useState(!1);if($.useEffect(()=>(y(!0),()=>y(!1)),[]),$.useEffect(()=>{if(!e)return;let w=window.getComputedStyle(document.body).overflow;if(document.body.style.overflow="hidden",r){let M=H=>{H.key==="Escape"&&(t==null||t())};return window.addEventListener("keydown",M),()=>{window.removeEventListener("keydown",M),document.body.style.overflow=w}}return()=>{document.body.style.overflow=w}},[e,r,t]),!e)return null;let u=a!=null?a:c==="alert"?"left":"center",B=["dialog",`dialog--${c}`,`dialog--${u}`,b?"is-mobile":"",m].filter(Boolean).join(" "),L=w=>{w.target===w.currentTarget&&o&&(t==null||t())},I;p?I=p:g?I=g:I=to(Mt,{children:[(d||n)&&Z(No,{title:d,icon:n}),i&&Z(Eo,{children:i}),s&&s.length>0&&Z(zo,{layout:v,children:s.map((w,M)=>{var H;return Z(Oo,{label:w.label,color:w.color,type:w.type,size:w.size,prefixIcon:w.prefixIcon,suffixIcon:w.suffixIcon,loading:w.loading,disabled:w.disabled,onClick:w.onClick,closeOnClick:(H=w.closeOnClick)!=null?H:!0},`${w.label}-${M}`)})})]});let T=Z("div",{className:"dialog-overlay",role:"presentation",onClick:L,children:Z("div",k(x({className:B,role:"dialog","aria-modal":"true"},l),{children:Z(Ao.Provider,{value:{onClose:t,variant:c},children:I})}))});return C?Tt(T,document.body):null},No=a=>{var d=a,{title:e,icon:t,className:o="",children:r}=d,c=_(d,["title","icon","className","children"]);let{isUnderTablet:i}=G();return to("div",k(x({className:`dialog__header ${o}`},c),{children:[t&&Z("span",{className:"dialog__icon",children:t}),e&&Z(V,{variant:i?"subtitle-p1":"heading-h6",children:e}),r]}))},Eo=r=>{var c=r,{className:e="",children:t}=c,o=_(c,["className","children"]);return Z("div",k(x({className:`dialog__body ${e}`},o),{children:Z("div",{className:"body-p2",children:t})}))},zo=c=>{var a=c,{layout:e="horizontal",className:t="",children:o}=a,r=_(a,["layout","className","children"]);let d=e==="vertical"?"dialog__actions--vertical":"dialog__actions--horizontal";return Z("div",k(x({className:`dialog__footer dialog__footer--${e} ${t}`},r),{children:Z("div",{className:`dialog__actions ${d}`,children:o})}))},Oo=m=>{var g=m,{label:e,color:t,type:o,size:r,prefixIcon:c,suffixIcon:a,loading:d,disabled:i,onClick:n,closeOnClick:s=!1,style:v}=g,p=_(g,["label","color","type","size","prefixIcon","suffixIcon","loading","disabled","onClick","closeOnClick","style"]);var L;let l=$.useContext(Ao),{isUnderTablet:f}=G(),h=(L=l==null?void 0:l.variant)!=null?L:"confirm",b=h==="confirm"?"100%":"auto",C=h==="alert"?f?"small":"medium":"large",y=h==="alert"?"outline":"solid",u="neutral",B=I=>{var T;n==null||n(I),s&&((T=l==null?void 0:l.onClose)==null||T.call(l))};return Z(ze,x({label:e,size:r!=null?r:C,color:t!=null?t:u,type:o!=null?o:y,prefixIcon:c,suffixIcon:a,loading:d,disabled:i,onClick:B,style:x({width:b},v)},p))},Rt=Object.assign(Do,{Header:No,Body:Eo,Footer:zo,Button:Oo}),Zo=$.createContext(void 0),Bt=({children:e})=>{let[t,o]=$.useState([]),r=$.useCallback(n=>{o(s=>s.filter(v=>v.id!==n))},[]),c=$.useCallback(()=>{o([])},[]),a=$.useCallback(n=>{let s=n.id||`dialog-${Date.now()}-${Math.random()}`;return o(v=>[...v,k(x({},n),{id:s})]),s},[]),d=$.useCallback(n=>new Promise(s=>{var p,m;let v=`alert-${Date.now()}`;a(k(x({},n),{id:v,variant:(p=n.variant)!=null?p:"alert",buttons:[{label:(m=n.confirmLabel)!=null?m:"\uD655\uC778",color:"primary",type:"solid",closeOnClick:!0,onClick:async()=>{var g;await((g=n.onConfirm)==null?void 0:g.call(n)),s()}}],onClose:()=>{s(),r(v)}}))}),[a,r]),i=$.useCallback(n=>new Promise(s=>{var p,m,g;let v=`confirm-${Date.now()}`;a(k(x({},n),{id:v,variant:(p=n.variant)!=null?p:"confirm",buttons:[{label:(m=n.cancelLabel)!=null?m:"\uCDE8\uC18C",color:"neutral",type:"outline",closeOnClick:!0,onClick:async()=>{var l;await((l=n.onCancel)==null?void 0:l.call(n)),s(!1)}},{label:(g=n.confirmLabel)!=null?g:"\uD655\uC778",color:"primary",type:"solid",closeOnClick:!0,onClick:async()=>{var l;await((l=n.onConfirm)==null?void 0:l.call(n)),s(!0)}}],onClose:()=>{s(!1),r(v)}}))}),[a,r]);return to(Zo.Provider,{value:{open:a,close:r,closeAll:c,alert:d,confirm:i},children:[e,t.map(n=>Z(Do,{open:!0,onClose:()=>{var s;(s=n.onClose)==null||s.call(n),r(n.id)},variant:n.variant,align:n.align,closeOnOverlayClick:n.closeOnOverlayClick,closeOnEsc:n.closeOnEsc,title:n.title,description:n.description,icon:n.icon,actionItems:n.buttons,content:n.content,children:n.content},n.id))]})};function Lt(){let e=$.useContext(Zo);if(!e)throw new Error("useDialog must be used within a DialogProvider");return e}import{useState as Fo,useId as Et}from"react";import*as _e from"react";function Pt(c,r){var a=c,{title:e,titleId:t}=a,o=_(a,["title","titleId"]);return _e.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},o),e?_e.createElement("title",{id:t},e):null,_e.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-8-5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-4.5A.75.75 0 0 1 10 5Zm0 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",clipRule:"evenodd"}))}var At=_e.forwardRef(Pt),Le=At;import*as we from"react";function Dt(c,r){var a=c,{title:e,titleId:t}=a,o=_(a,["title","titleId"]);return we.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},o),e?we.createElement("title",{id:t},e):null,we.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z",clipRule:"evenodd"}))}var Nt=we.forwardRef(Dt),ao=Nt;import{Fragment as Uo,jsx as j,jsxs as ne}from"react/jsx-runtime";var zt=y=>{var u=y,{required:e=!1,size:t,error:o=!1,description:r,maxLength:c,prefixIcon:a,suffixIcon:d,suffixUnit:i,title:n,accentIcon:s=!0,className:v="",id:p,value:m,defaultValue:g,readOnly:l,onChange:f,onFocus:h,onBlur:b}=u,C=_(u,["required","size","error","description","maxLength","prefixIcon","suffixIcon","suffixUnit","title","accentIcon","className","id","value","defaultValue","readOnly","onChange","onFocus","onBlur"]);let{isUnderTablet:B}=G(),L=Et(),I=p||`textinput-${L}`,[T,w]=Fo(!1),H=((z,U)=>z==="medium"?"pc":z==="small"?"mo":z!=null?z:U?"mo":"pc")(t,B),S=m!==void 0,[R,P]=Fo(g!=null?g:""),D=S?m:R,E=o?"error":"default",A=c?`${String(D).length}/${c}`:void 0,N=!!A,[Y,ue]=typeof A=="string"&&A.includes("/")?A.split("/"):[A,void 0],me=typeof s=="boolean"?s?j(Le,{className:"help-text__icon-svg"}):null:s,ge=o?"error":"inform",q=z=>{w(!0),h==null||h(z)},xe=z=>{w(!1),b==null||b(z)},oe=z=>{let U=z.target.value;c!=null&&U.length>c&&(U=U.slice(0,c),z.target.value=U),S||P(U),f==null||f(z)},he=["text-input",`text-input--${H}`,`text-input--${E}`,T&&"text-input--focused",v].filter(Boolean).join(" ");return ne("div",{className:"text-input-wrapper",children:[n&&ne("label",{htmlFor:I,className:"flex items-center gap-1",children:[j(V,{variant:"body-p3",children:n}),e&&j("span",{className:"text-input__required",children:" *"})]}),j("div",{className:`text-input-shell text-input-shell--${E} text-input-shell--${H}${l?" text-input-shell--readonly":""}`,children:ne("div",{className:`text-input-container text-input-container--${H}`,children:[a&&j("span",{className:"text-input__left-section",children:a}),j("input",k(x({},C),{id:I,readOnly:l,className:he,value:D,onChange:oe,onFocus:q,onBlur:xe,maxLength:c,"aria-invalid":o,"aria-describedby":r||A?`${I}-description`:void 0})),(d||i)&&ne("div",{className:"text-input__right-section",children:[d&&j(Uo,{children:d}),i&&j(Uo,{children:i})]})]})}),(r||N)&&j("div",{id:`${I}-description`,className:"text-input__footer",children:ne("div",{className:`help-text-wrapper ${r&&N?"help-text-wrapper--between":r?"help-text-wrapper--start":"help-text-wrapper--end"}`,children:[r&&ne("span",{className:`help-text help-text--${ge}`,children:[me&&j("span",{className:"help-text__icon",children:me}),typeof r=="string"||typeof r=="number"?j(V,{variant:"body-p3",className:"help-text__content",children:r}):j("span",{className:"help-text__content",children:r})]}),N&&ne("span",{className:`help-text__count help-text__count--${ge}`,children:[Y&&j(V,{variant:"body-p3",className:"help-text__count-number",children:Y}),ue&&ne(V,{variant:"body-p3",className:"help-text__count-total",children:["/",ue]})]})]})})]})};import Me from"react";import{jsx as ke,jsxs as ro}from"react/jsx-runtime";var Go=Me.forwardRef((m,p)=>{var g=m,{size:e="medium",label:t,labelPosition:o="end",description:r,checked:c,defaultChecked:a=!1,onChange:d,disabled:i,className:n="",id:s}=g,v=_(g,["size","label","labelPosition","description","checked","defaultChecked","onChange","disabled","className","id"]);let l=Me.useRef(null),f=Me.useMemo(()=>typeof p=="function"?w=>{l.current=w,p(w)}:p?w=>{l.current=w,p&&(p.current=w)}:w=>{l.current=w},[p]),[h,b]=Me.useState(a),C=c!==void 0,y=C?c:h,u=w=>{i||(C||b(w.target.checked),d==null||d(w))},B=Me.useId(),L=s||B,I=r?`${L}-description`:void 0,T=["toggle",`toggle--${e}`,o==="start"&&"toggle--label-start",i&&"toggle--disabled",n].filter(Boolean).join(" ");return ro("div",{className:T,children:[ro("div",{className:"toggle__wrapper",children:[ke("input",x({ref:f,type:"checkbox",id:L,checked:y,defaultChecked:a,onChange:u,disabled:i,"aria-describedby":I,className:"toggle__input",role:"switch","aria-checked":y},v)),ro("label",{htmlFor:L,className:"toggle__label-wrapper",children:[o==="start"&&t&&ke(V,{variant:e==="medium"?"body-p2":"body-p3",as:"span",children:t}),ke("span",{className:"toggle__switch",children:ke("span",{className:"toggle__thumb"})}),o==="end"&&t&&ke(V,{variant:e==="medium"?"body-p2":"body-p3",as:"span",children:t})]})]}),r&&ke("div",{id:I,className:"toggle__description",children:r})]})});Go.displayName="Toggle";import Q from"react";import{RiCheckboxBlankLine as Ot,RiCheckboxFill as Zt,RiCheckboxIndeterminateFill as Ft}from"@remixicon/react";import{jsx as K,jsxs as Ze}from"react/jsx-runtime";var Fe=Q.forwardRef((g,m)=>{var l=g,{label:e,labelProps:t,description:o,value:r,checked:c,defaultChecked:a=!1,onChange:d,disabled:i,indeterminate:n=!1,className:s="",id:v}=l,p=_(l,["label","labelProps","description","value","checked","defaultChecked","onChange","disabled","indeterminate","className","id"]);var S,R;let f=Q.useRef(null),h=Q.useMemo(()=>typeof m=="function"?P=>{f.current=P,m(P)}:m?P=>{f.current=P,m&&(m.current=P)}:P=>{f.current=P},[m]);Q.useEffect(()=>{f.current&&(f.current.indeterminate=n)},[n]);let[b,C]=Q.useState(a),y=c!==void 0,u=y?c:b,B=P=>{i||(y||C(P.target.checked),d==null||d(P))},L=Q.useId(),I=v||L,T=o?`${I}-description`:void 0,w=["checkbox",i&&"checkbox--disabled",s].filter(Boolean).join(" "),M=t!=null?t:{},H=["checkbox__label-text",M.className].filter(Boolean).join(" ");return Ze("div",{className:w,children:[Ze("div",{className:"checkbox__wrapper",children:[K("input",x({ref:h,type:"checkbox",id:I,checked:u,defaultChecked:a,onChange:B,disabled:i,value:r,"aria-describedby":T||void 0,className:"checkbox__input"},p)),Ze("label",{htmlFor:I,className:"checkbox__label-wrapper",children:[K("span",{className:"checkbox__icon-wrapper","aria-hidden":"true",children:n?K(Ft,{className:"checkbox__icon"}):u?K(Zt,{className:"checkbox__icon"}):K(Ot,{className:"checkbox__icon"})}),e&&K(V,k(x({variant:(S=M.variant)!=null?S:"body-p2",as:(R=M.as)!=null?R:"span"},M),{className:H,children:e}))]})]}),o&&K("div",{id:T,className:"checkbox__description",children:o})]})});Fe.displayName="Checkbox";var no=({label:e,labelProps:t,description:o,descriptionProps:r,multiple:c=!0,value:a,defaultValue:d=[],onChange:i,disabled:n,children:s,className:v=""})=>{var T,w,M,H;let[p,m]=Q.useState(d),g=a!==void 0,l=g?a:p,f=(S,R)=>{let P=c?R?[...l,S]:l.filter(D=>D!==S):R?[S]:[];g||m(P),i==null||i(P)},h=Q.useId(),b=o?`${h}-description`:void 0,C=t!=null?t:{},y=r!=null?r:{},u=["checkbox-group__label",C.className].filter(Boolean).join(" "),B=["checkbox-group__description",y.className].filter(Boolean).join(" "),L=["checkbox-group",n&&"checkbox-group--disabled",v].filter(Boolean).join(" "),I=Q.Children.map(s,S=>{if(Q.isValidElement(S)&&S.type===Fe){let R=S.props.value;if(R===void 0)return console.warn("Checkbox.Group \uB0B4\uBD80\uC758 Checkbox\uB294 value prop\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."),S;let P=l.includes(R);return Q.cloneElement(S,{checked:P,onChange:D=>{var E,A;f(R,D.target.checked),(A=(E=S.props).onChange)==null||A.call(E,D)},disabled:n||S.props.disabled})}return S});return Ze("div",{className:L,children:[e&&K(V,k(x({variant:(T=C.variant)!=null?T:"subtitle-p2",as:(w=C.as)!=null?w:"div"},C),{className:u,children:e})),o&&K(V,k(x({id:b,variant:(M=y.variant)!=null?M:"body-p3",as:(H=y.as)!=null?H:"div"},y),{className:B,children:o})),K("div",{className:"checkbox-group__content",children:I})]})};no.displayName="CheckboxGroup";Fe.Group=no;import io from"react";function Ut(e){let{options:t,defaultValue:o=[],value:r,onChange:c}=e,[a,d]=io.useState(o),i=r!==void 0,n=i?r:a,s=io.useCallback(f=>{i||d(f),c==null||c(f)},[i,c]),v=n.length===t.length,p=n.length>0,m=v,g=p&&!v,l=io.useCallback(f=>{s(f.target.checked?[...t]:[])},[t,s]);return{value:n,onChange:s,selectAllChecked:m,selectAllIndeterminate:g,handleSelectAll:l,selectAllProps:{checked:m,indeterminate:g,onChange:l}}}import lo from"react";import ie from"react";import{RiCheckboxCircleFill as Gt}from"@remixicon/react";import{jsx as se,jsxs as $o}from"react/jsx-runtime";var Ue=ie.forwardRef((e,t)=>{let M=e,{items:o,size:r,value:c,defaultValue:a,onChange:d,multiple:i,itemTextProps:n,suffixIcon:s,className:v="",id:p}=M,m=_(M,["items","size","value","defaultValue","onChange","multiple","itemTextProps","suffixIcon","className","id"]),g=Object.prototype.hasOwnProperty.call(e,"value"),[l,f]=ie.useState(a),h=g?c:l,b=!!i,{isUnderTablet:C}=G(),y=r!=null?r:C?"small":"medium",u=ie.useId(),B=p||`select-menu-${u}`,L=H=>{let S;if(b){let R=Array.isArray(h)?h:h?[h]:[];S=R.includes(H)?R.filter(P=>P!==H):[...R,H]}else S=h===H?void 0:H;g||f(S),d==null||d(S)},I=["select-menu",`select-menu--${y}`,v].filter(Boolean).join(" "),T=n!=null?n:{},w=y==="medium"?"body-p2":"body-p3";return se("div",k(x({ref:t,id:B,className:I,role:"listbox"},m),{children:o.map((H,S)=>{var A,N;let R=Array.isArray(h)?h.includes(H.value):h===H.value,P=`${B}-option-${H.value}`,D=se(Gt,{className:"select-menu__suffix-icon"}),E=typeof s=="function"?s(H):s!=null?s:D;return $o("button",{id:P,type:"button",role:"option","aria-selected":R,disabled:H.disabled,className:"select-menu__item",onClick:()=>!H.disabled&&L(H.value),children:[se(V,k(x({variant:(A=T.variant)!=null?A:w,as:(N=T.as)!=null?N:"span"},T),{className:["select-menu__item-text",T.className].filter(Boolean).join(" "),children:H.label})),R&&se("span",{className:"select-menu__suffix",children:E})]},H.value)})}))});Ue.displayName="SelectMenu";var Pe=d=>{var i=d,{children:e,open:t,defaultOpen:o=!1,onOpenChange:r,menuContainerStyle:c}=i,a=_(i,["children","open","defaultOpen","onOpenChange","menuContainerStyle"]);let[n,s]=ie.useState(o),v=t!==void 0,p=v?t:n,m=ie.useRef(null),g=h=>{v||s(h),r==null||r(h)};ie.useEffect(()=>{if(!p)return;let h=b=>{m.current&&(m.current.contains(b.target)||g(!1))};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[p,g]);let l=()=>{g(!p)},f=e;if(ie.isValidElement(e)){let h=e.props.onClick;f=ie.cloneElement(e,k(x({},e.props),{onClick:b=>{h==null||h(b),l()},"aria-haspopup":"listbox","aria-expanded":p}))}else f=se("button",{type:"button",onClick:l,"aria-haspopup":"listbox","aria-expanded":p,children:e});return $o("div",{ref:m,style:{position:"relative",display:"inline-flex"},children:[f,p&&se("div",{style:x({position:"absolute",top:"100%",left:0,marginTop:4,zIndex:1e3},c),children:se(Ue,k(x({},a),{style:k(x({},a.style),{width:"100%",minWidth:0})}))})]})};Pe.displayName="SelectMenuOverlay";import{jsx as F,jsxs as Ae}from"react/jsx-runtime";var De=lo.forwardRef((P,R)=>{var D=P,{type:e="outlined",title:t,required:o=!1,value:r,placeholder:c="\uC120\uD0DD\uD558\uC138\uC694",disabled:a=!1,error:d=!1,description:i,accentIcon:n=!0,onClick:s,onClear:v,icon:p,className:m="",id:g,items:l,defaultValue:f,onChange:h,multiple:b,showClear:C,wrapperClassName:y="",wrapperStyle:u,width:B,size:L,menuItemTextProps:I,menuSuffixIcon:T,menuGap:w=8,menuClassName:M,menuStyle:H}=D,S=_(D,["type","title","required","value","placeholder","disabled","error","description","accentIcon","onClick","onClear","icon","className","id","items","defaultValue","onChange","multiple","showClear","wrapperClassName","wrapperStyle","width","size","menuItemTextProps","menuSuffixIcon","menuGap","menuClassName","menuStyle"]);let{isUnderTablet:E}=G(),A=lo.useId(),N=g||`select-header-${A}`,Y=i?`${N}-description`:void 0,ue=L==="medium"?"web-tab":L==="small"||E?"mo":"web-tab",[me,ge]=lo.useState(f),q=l!=null&&l.length>0,xe=r!==void 0,oe;q&&(oe=xe?r===null?void 0:r:me);let he=te=>{xe||ge(te),h==null||h(te)},z=(()=>{var te;if(q){let ce=oe;if(ce==null||Array.isArray(ce)&&ce.length===0)return null;if(Array.isArray(ce))return ce.map(Ee=>{var Vo,To;return(To=(Vo=l.find(ut=>ut.value===Ee))==null?void 0:Vo.label)!=null?To:Ee}).filter(Boolean).join(", ");let So=(te=l.find(Ee=>Ee.value===ce))==null?void 0:te.label;return So!=null?String(So):ce}return r==null?null:Array.isArray(r)?r.join(", "):typeof r=="string"?r:null})(),U=!!z,st=C!==void 0?C:U&&!a&&(q?!!h:!!v),Co=typeof n=="boolean"?n?d?F(Le,{className:"help-text__icon-svg"}):F(ao,{className:"help-text__icon-svg"}):null:n,pt=d?"error":"inform",dt=["select-header",`select-header--${ue}`,`select-header--${e}`,a&&"select-header--disabled",d&&"select-header--error",U&&"select-header--has-value",B&&"select-header--full",m].filter(Boolean).join(" "),ft=te=>{te.stopPropagation(),q?he(void 0):v==null||v(te)},Ho=Ae("button",k(x({ref:R,type:"button",id:N,className:dt,disabled:a,onClick:s,"aria-haspopup":"listbox","aria-describedby":Y},S),{children:[F("span",{className:"select-header__content",children:U?F(V,{as:"span",variant:"body-p2",children:z}):F(V,{as:"span",variant:"body-p2",children:c})}),Ae("span",{className:"select-header__actions",children:[st&&F("button",{type:"button",className:"select-header__clear",onClick:ft,"aria-label":"\uAC12 \uC9C0\uC6B0\uAE30",children:F(eo,{className:"select-header__clear-icon"})}),F("span",{className:"select-header__icon",children:p||F(Je,{className:"select-header__chevron"})})]})]}));return Ae("div",{className:`select-header-wrapper ${y}`,style:x(x({},u),B?{width:B}:{}),children:[(t||o)&&Ae("label",{htmlFor:N,className:"select-header__label",children:[t&&F(V,{as:"span",variant:"subtitle-p3",children:t}),o&&F(V,{as:"span",variant:"subtitle-p3",className:"text-info-negative",children:"*"})]}),q?F(Pe,{items:l,value:oe,multiple:b,onChange:he,menuContainerStyle:{width:"100%",marginTop:w},itemTextProps:I,suffixIcon:T,className:M,style:H,children:Ho}):Ho,i&&F("div",{id:Y,className:"select-header__footer",children:Ae("span",{className:`help-text help-text--${pt}`,children:[Co&&F("span",{className:"help-text__icon",children:Co}),F(V,{as:"span",variant:"body-p3",children:i})]})})]})});De.displayName="SelectHeader";import*as Ce from"react";function $t(c,r){var a=c,{title:e,titleId:t}=a,o=_(a,["title","titleId"]);return Ce.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},o),e?Ce.createElement("title",{id:t},e):null,Ce.createElement("path",{fillRule:"evenodd",d:"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",clipRule:"evenodd"}))}var jt=Ce.forwardRef($t),Ne=jt;import*as He from"react";function Wt(c,r){var a=c,{title:e,titleId:t}=a,o=_(a,["title","titleId"]);return He.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},o),e?He.createElement("title",{id:t},e):null,He.createElement("path",{fillRule:"evenodd",d:"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",clipRule:"evenodd"}))}var qt=He.forwardRef(Wt),co=qt;import*as Se from"react";function Xt(c,r){var a=c,{title:e,titleId:t}=a,o=_(a,["title","titleId"]);return Se.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},o),e?Se.createElement("title",{id:t},e):null,Se.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",clipRule:"evenodd"}))}var Yt=Se.forwardRef(Xt),so=Yt;import*as Ve from"react";function Qt(c,r){var a=c,{title:e,titleId:t}=a,o=_(a,["title","titleId"]);return Ve.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},o),e?Ve.createElement("title",{id:t},e):null,Ve.createElement("path",{fillRule:"evenodd",d:"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",clipRule:"evenodd"}))}var Kt=Ve.forwardRef(Qt),po=Kt;import*as Te from"react";function Jt(c,r){var a=c,{title:e,titleId:t}=a,o=_(a,["title","titleId"]);return Te.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:r,"aria-labelledby":t},o),e?Te.createElement("title",{id:t},e):null,Te.createElement("path",{fillRule:"evenodd",d:"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z",clipRule:"evenodd"}))}var ea=Te.forwardRef(Jt),fo=ea;import{jsx as X,jsxs as uo}from"react/jsx-runtime";var oa=()=>X("span",{className:"select-box__spinner","aria-hidden":"true",children:X("svg",{className:"select-box__spinner-svg",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:uo("circle",{className:"select-box__spinner-circle",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"32",strokeDashoffset:"32",children:[X("animate",{attributeName:"stroke-dasharray",dur:"2s",values:"0 40;40 40;0 40",repeatCount:"indefinite"}),X("animate",{attributeName:"stroke-dashoffset",dur:"2s",values:"0;-40;-80",repeatCount:"indefinite"})]})})}),mo=T=>{var w=T,{type:e="label",size:t="medium",state:o="default",label:r,required:c=!1,placeholder:a="\uC120\uD0DD\uD558\uC138\uC694",items:d,value:i,defaultValue:n,onChange:s,multiple:v,helperText:p,className:m,style:g,width:l,headerType:f="outlined",onClear:h,showClear:b,wrapperStyle:C,onClick:y,id:u,itemTextProps:B,suffixIcon:L}=w,I=_(w,["type","size","state","label","required","placeholder","items","value","defaultValue","onChange","multiple","helperText","className","style","width","headerType","onClear","showClear","wrapperStyle","onClick","id","itemTextProps","suffixIcon"]);let M=o==="disabled"||o==="loading",H=o==="error",S=o==="success",R=e==="label"||e==="placeholder",D=e==="placeholder"||e==="default"?a:"\uC120\uD0DD\uD558\uC138\uC694",E=t==="full"?"100%":l!==void 0?typeof l=="number"?`${l}px`:l:void 0,A=o==="loading"?X(oa,{}):void 0,N=typeof m=="object"&&m!==null&&("root"in m||"header"in m||"menu"in m),Y=typeof g=="object"&&g!==null&&!Array.isArray(g)&&("root"in g||"header"in g||"menu"in g),ue=N?m.root:m,me=N?m.header:void 0,ge=N?m.menu:void 0,q=g,xe=Y?q.root:q,oe=Y?q.header:void 0,he=Y?q.menu:void 0,z=["select-box",`select-box--${t}`,`select-box--${o}`,H&&"select-box--error",S&&"select-box--success",ue].filter(Boolean).join(" "),U=p&&(H||S)?X("div",{className:"select-box__footer",children:uo("span",{className:`help-text help-text--${H?"error":"success"}`,children:[H?X("span",{className:"help-text__icon",children:X(co,{className:"help-text__icon-svg"})}):X("span",{className:"help-text__icon",children:X(Ne,{className:"help-text__icon-svg"})}),X(V,{as:"span",variant:"body-p3",children:p})]})}):null;return uo("div",{className:z,style:xe,children:[X(De,x({type:f,size:t==="small"?"small":"medium",title:R?r:void 0,required:c,placeholder:D,items:d,value:i,defaultValue:n,onChange:s,multiple:v,disabled:M,error:H,accentIcon:!1,icon:A,onClear:h,showClear:b,wrapperStyle:oe||C?x(x({},C),oe):void 0,wrapperClassName:["select-box__header-wrapper",me].filter(Boolean).join(" "),menuClassName:ge,menuStyle:he,onClick:y,id:u,menuItemTextProps:B,menuSuffixIcon:L,width:E},I)),U]})};mo.displayName="SelectBox";import go from"react";import{RiArrowLeftSLine as xo,RiArrowRightSLine as ho,RiMoreLine as ta}from"@remixicon/react";import{Fragment as jo,jsx as W,jsxs as bo}from"react/jsx-runtime";var Re=(e,t)=>{let o=t-e+1;return Array.from({length:o},(r,c)=>e+c)},aa=({totalPages:e,currentPage:t,siblingCount:o,showEdgeButtons:r,showPrevNext:c})=>{if(e<=0)return[];let a=Math.min(Math.max(t,1),e),d=[],i=p=>d.push(p),n=a===1,s=a===e;r&&i({type:"first",page:1,key:"first",disabled:n}),c&&i({type:"prev",page:Math.max(1,a-1),key:"prev",disabled:n});let v=o*2+5;if(e<=v)Re(1,e).forEach(p=>i({type:"page",page:p,key:`page-${p}`,selected:p===a}));else{let p=Math.max(a-o,2),m=Math.min(a+o,e-1),g=p>2,l=m<e-1;if(i({type:"page",page:1,key:"page-1",selected:a===1}),!g&&l){let f=3+2*o;Re(2,f).forEach(b=>i({type:"page",page:b,key:`page-dynamic-${b}-${a}`,selected:b===a})),i({type:"ellipsis",key:`ellipsis-right-${m}`}),i({type:"page",page:e,key:`page-${e}`,selected:a===e})}else if(g&&!l){i({type:"ellipsis",key:`ellipsis-left-${p}`});let f=3+2*o;Re(e-f+1,e-1).forEach(b=>i({type:"page",page:b,key:`page-dynamic-${b}-${a}`,selected:b===a})),i({type:"page",page:e,key:`page-${e}`,selected:a===e})}else g&&l?(i({type:"ellipsis",key:`ellipsis-left-${p}`}),Re(p,m).forEach(f=>i({type:"page",page:f,key:`page-dynamic-${f}-${a}`,selected:f===a})),i({type:"ellipsis",key:`ellipsis-right-${m}`}),i({type:"page",page:e,key:`page-${e}`,selected:a===e})):Re(1,e).forEach(f=>i({type:"page",page:f,key:`page-dynamic-${f}-${a}`,selected:f===a}))}return c&&i({type:"next",page:Math.min(e,a+1),key:"next",disabled:s}),r&&i({type:"last",page:e,key:"last",disabled:s}),d},ra=({totalPages:e,currentPage:t})=>{if(e<=0)return[];let o=Math.min(Math.max(t,1),e),r=[],c=i=>r.push(i),a=o===1,d=o===e;return c({type:"prev",page:Math.max(1,o-1),key:"prev",disabled:a}),Re(1,e).forEach(i=>c({type:"page",page:i,key:`page-${i}`,selected:i===o})),c({type:"next",page:Math.min(e,o+1),key:"next",disabled:d}),r},Wo=d=>{var i=d,{totalPages:e,currentPage:t,onChange:o,type:r="basic",className:c=""}=i,a=_(i,["totalPages","currentPage","onChange","type","className"]);let n="web-tab",s=r!=null?r:"basic",v=go.useMemo(()=>s==="basic"?ra({totalPages:e,currentPage:t}):aa({totalPages:e,currentPage:t,siblingCount:1,showEdgeButtons:!1,showPrevNext:!0}),[e,t,s]),p=go.useCallback(l=>{l.disabled||l.page&&(o==null||o(l.page))},[o]),m=go.useCallback(l=>{l==="ellipsis-left"?o==null||o(1):l==="ellipsis-right"&&(o==null||o(e))},[o,e]),g=["pagination",`pagination--${n}`,c].filter(Boolean).join(" ");return W("nav",k(x({className:g,"aria-label":"\uD398\uC774\uC9C0\uB124\uC774\uC158"},a),{children:W("ul",{className:"pagination__list",children:v.map(l=>{let f=l.type==="page",h=!!l.selected,b=!!l.disabled,C=["pagination__button",`pagination__button--${l.type}`,f&&"pagination__button--page",h&&"pagination__button--selected",b&&"pagination__button--disabled"].filter(Boolean).join(" "),y=l.type==="page"?String(l.page):l.type==="prev"?"\uC774\uC804 \uD398\uC774\uC9C0":l.type==="next"?"\uB2E4\uC74C \uD398\uC774\uC9C0":l.type==="first"?"\uCCAB \uD398\uC774\uC9C0":l.type==="last"?"\uB9C8\uC9C0\uB9C9 \uD398\uC774\uC9C0":"",u=l.type==="page"?`${l.page}\uD398\uC774\uC9C0`:y;return l.type==="ellipsis"?W("li",{className:"pagination__item pagination__item--ellipsis",children:W("button",{type:"button",className:"pagination__button pagination__button--ellipsis",onClick:()=>m(l.key),"aria-label":l.key==="ellipsis-left"?"\uCCAB \uD398\uC774\uC9C0\uB85C \uC774\uB3D9":"\uB9C8\uC9C0\uB9C9 \uD398\uC774\uC9C0\uB85C \uC774\uB3D9",children:W(ta,{})})},l.key):W("li",{className:"pagination__item",children:bo("button",{type:"button",className:C,onClick:()=>p(l),disabled:b,"aria-label":u,"aria-current":f&&h?"page":void 0,children:[l.type==="prev"&&W(xo,{className:"pagination__icon"}),l.type==="next"&&W(ho,{className:"pagination__icon"}),l.type==="first"&&bo(jo,{children:[W(xo,{className:"pagination__icon pagination__icon--double"}),W(xo,{className:"pagination__icon pagination__icon--double"})]}),l.type==="last"&&bo(jo,{children:[W(ho,{className:"pagination__icon pagination__icon--double"}),W(ho,{className:"pagination__icon pagination__icon--double"})]}),l.type==="page"&&W(V,{as:"span",variant:n==="web-tab"?"body-p2":"body-p3",children:l.page})]})},l.key)})})}))};Wo.displayName="Pagination";import ee from"react";import{RiCircleLine as na,RiRadioButtonLine as ia}from"@remixicon/react";import{jsx as J,jsxs as Ge}from"react/jsx-runtime";var $e=ee.forwardRef((l,g)=>{var f=l,{label:e,labelProps:t,description:o,value:r,checked:c,defaultChecked:a=!1,onChange:d,disabled:i,className:n="",id:s,name:v,onClick:p}=f,m=_(f,["label","labelProps","description","value","checked","defaultChecked","onChange","disabled","className","id","name","onClick"]);var D,E;let[h,b]=ee.useState(a),C=c!==void 0,y=C?c:h,u=A=>{i||(C||b(A.target.checked),d==null||d(A))},B=A=>{if(y&&!i){A.preventDefault(),C||b(!1);let N=k(x({},A),{target:k(x({},A.target),{checked:!1})});d==null||d(N)}p==null||p(A)},L=ee.useId(),I=s||L,T=o?`${I}-description`:void 0,[w,M]=ee.useState(!1),H=["radio-button",i&&"radio-button--disabled",n].filter(Boolean).join(" "),S=["radio-button__label-wrapper",w&&!y&&!i&&"radio-button__label-wrapper--hovered"].filter(Boolean).join(" "),R=t!=null?t:{},P=["radio-button__label-text",R.className].filter(Boolean).join(" ");return Ge("div",{className:H,"data-checked":y,children:[Ge("div",{className:"radio-button__wrapper",children:[J("input",x({ref:g,type:"radio",id:I,name:v,checked:y,defaultChecked:a,onChange:u,onClick:B,disabled:i,value:r,"aria-describedby":T||void 0,className:"radio-button__input"},m)),Ge("label",{htmlFor:I,className:S,onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),children:[J("span",{className:"radio-button__icon-wrapper","aria-hidden":"true",children:y?J(ia,{className:"radio-button__icon"}):J(na,{className:"radio-button__icon"})}),e&&J(V,k(x({variant:(D=R.variant)!=null?D:"body-p2",as:(E=R.as)!=null?E:"span"},R),{className:P,children:e}))]})]}),o&&J("div",{id:T,className:"radio-button__description",children:o})]})});$e.displayName="RadioButton";var vo=({label:e,labelProps:t,description:o,descriptionProps:r,value:c,defaultValue:a,onChange:d,disabled:i,name:n,children:s,className:v=""})=>{var T,w,M,H;let[p,m]=ee.useState(a),g=c!==void 0,l=g?c:p,f=ee.useId(),h=n||`radio-group-${f}`,b=o?`${f}-description`:void 0,C=t!=null?t:{},y=r!=null?r:{},u=["radio-button-group__label",C.className].filter(Boolean).join(" "),B=["radio-button-group__description",y.className].filter(Boolean).join(" "),L=["radio-button-group",i&&"radio-button-group--disabled",v].filter(Boolean).join(" "),I=ee.Children.map(s,S=>{if(ee.isValidElement(S)&&S.type===$e){let R=S.props.value;if(R===void 0)return console.warn("RadioButton.Group \uB0B4\uBD80\uC758 RadioButton\uC740 value prop\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."),S;let P=l===R;return ee.cloneElement(S,{name:h,checked:P,onChange:D=>{var E,A;D.target.checked?(g||m(R),d==null||d(R)):(g||m(void 0),d==null||d(void 0)),(A=(E=S.props).onChange)==null||A.call(E,D)},disabled:i||S.props.disabled})}return S});return Ge("div",{className:L,role:"radiogroup","aria-describedby":b||void 0,children:[e&&J(V,k(x({variant:(T=C.variant)!=null?T:"subtitle-p2",as:(w=C.as)!=null?w:"div"},C),{className:u,children:e})),o&&J(V,k(x({id:b,variant:(M=y.variant)!=null?M:"body-p3",as:(H=y.as)!=null?H:"div"},y),{className:B,children:o})),J("div",{className:"radio-button-group__content",children:I})]})};vo.displayName="RadioButtonGroup";$e.Group=vo;import{jsx as yo,jsxs as ca}from"react/jsx-runtime";var la=n=>{var s=n,{type:e="solid",size:t="medium",state:o="enabled",label:r,prefixIcon:c,suffixIcon:a,className:d=""}=s,i=_(s,["type","size","state","label","prefixIcon","suffixIcon","className"]);let v=e==="weak"?o:"enabled",p=["tag",`tag--${e}`,`tag--${t}`,`tag--${v}`,d].filter(Boolean).join(" ").trim(),m=t==="medium"?"body-p2":"body-p3";return ca("span",k(x({},i),{className:p,children:[c&&yo("span",{className:"tag__prefix-icon",children:c}),yo(V,{variant:m,children:r}),a&&yo("span",{className:"tag__suffix-icon",children:a})]}))};import{useState as sa,useRef as Io,useEffect as pa}from"react";import{jsx as pe,jsxs as _o}from"react/jsx-runtime";var da=({label:e,type:t="word",prefixIcon:o,onClose:r,direction:c="top",withArrow:a=!0,opened:d,defaultOpened:i=!1,disabled:n=!1,width:s,offset:v=8,withinPortal:p=!0,openDelay:m=0,closeDelay:g=0,children:l,className:f=""})=>{let[h,b]=sa(i),C=Io(null),y=Io(null),u=Io(null),B=d!==void 0,L=B?d:h;pa(()=>()=>{y.current&&clearTimeout(y.current),u.current&&clearTimeout(u.current)},[]);let I=()=>{!n&&!B&&(u.current&&(clearTimeout(u.current),u.current=null),m>0?y.current=setTimeout(()=>{b(!0)},m):b(!0))},T=()=>{!n&&!B&&(y.current&&(clearTimeout(y.current),y.current=null),g>0?u.current=setTimeout(()=>{b(!1)},g):b(!1))},w=()=>{!n&&!B&&(u.current&&(clearTimeout(u.current),u.current=null),m>0?y.current=setTimeout(()=>{b(!0)},m):b(!0))},M=()=>{!n&&!B&&(y.current&&(clearTimeout(y.current),y.current=null),g>0?u.current=setTimeout(()=>{b(!1)},g):b(!1))},H=R=>{R.stopPropagation(),r&&r(R),!n&&!B&&b(!1)},S=_o("div",{className:`tooltip tooltip--${t} tooltip--${c} ${a?"tooltip--with-arrow":""} ${f}`,style:s?{width:typeof s=="number"?`${s}px`:s}:void 0,role:"tooltip",children:[_o("div",{className:"tooltip__content",children:[o&&pe("div",{className:"tooltip__prefix-icon",children:o}),pe("div",{className:"tooltip__label",children:pe(V,{variant:"body-p3",children:e})}),r&&pe("button",{type:"button",className:"tooltip__close-button",onClick:H,"aria-label":"Close tooltip",children:pe("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:pe("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),a&&pe("div",{className:`tooltip__arrow tooltip__arrow--${c.split("-")[0]}`})]});return _o("div",{ref:C,className:"tooltip__wrapper",onMouseEnter:I,onMouseLeave:T,onFocus:w,onBlur:M,children:[l,L&&!n&&S]})};import de from"react";import{createPortal as fa}from"react-dom";import{Fragment as xa,jsx as le,jsxs as wo}from"react/jsx-runtime";var qo=e=>{let L=e,{size:t,state:o="default",label:r,icon:c,position:a="top",horizontalAlign:d="center",topOffset:i,bottomOffset:n,horizontalPadding:s,className:v="",style:p}=L,m=_(L,["size","state","label","icon","position","horizontalAlign","topOffset","bottomOffset","horizontalPadding","className","style"]),{isUnderTablet:g}=G(),l=t!=null?t:g?"small":"medium",f=["toast",`toast--${l}`,`toast--${o}`,v].filter(Boolean).join(" "),h=l==="medium"?60:20,b=l==="medium"?60:20,C=16,y=(p==null?void 0:p.position)!==void 0,u=x(y?{}:{position:"fixed",zIndex:1e3},p);if(!y)if(a==="top"?(u.top=`${i!=null?i:h}px`,u.bottom="auto"):(u.bottom=`${n!=null?n:b}px`,u.top="auto"),l==="small"){let I=s!=null?s:C;u.left=`${I}px`,u.right=`${I}px`,u.transform="none",u.width=`calc(100% - ${I*2}px)`}else d==="center"?(u.left="50%",u.right="auto",u.transform="translateX(-50%)",u.width="auto",u.minWidth="540px",u.maxWidth="760px"):d==="left"?(u.left="16px",u.right="auto",u.transform="none",u.width="auto",u.minWidth="540px",u.maxWidth="760px"):(u.right="16px",u.left="auto",u.transform="none",u.width="auto",u.minWidth="540px",u.maxWidth="760px");let B=!c&&o!=="default"?wo("div",{className:"toast__icon",children:[o==="error"&&le(fo,{style:{width:"100%",height:"100%"}}),o==="warning"&&le(so,{style:{width:"100%",height:"100%"}}),o==="success"&&le(Ne,{style:{width:"100%",height:"100%"}}),o==="information"&&le(po,{style:{width:"100%",height:"100%"}})]}):c?le("div",{className:"toast__icon",children:c}):null;return wo("div",k(x({className:f,style:u},m),{children:[B,le(V,{variant:l==="medium"?"heading-h6":"subtitle-p2",children:r})]}))},ua=250,Xo=de.createContext(void 0),ma=({children:e})=>{let[t,o]=de.useState([]),[r,c]=de.useState(!1);de.useEffect(()=>{c(!0)},[]);let a=de.useCallback((i,n={})=>{let s=`toast-${Date.now()}-${Math.random()}`,{state:v="default",size:p,duration:m=3e3,position:g="top",horizontalAlign:l="center",topOffset:f,bottomOffset:h,horizontalPadding:b}=n,C=k(x({id:s,message:i,state:v},p!==void 0&&{size:p}),{duration:m,position:g,horizontalAlign:l,topOffset:f,bottomOffset:h,horizontalPadding:b});o(y=>[...y,C]),m>0&&setTimeout(()=>{o(y=>y.map(u=>u.id===s?k(x({},u),{exiting:!0}):u)),setTimeout(()=>{o(y=>y.filter(u=>u.id!==s))},ua)},m)},[]),d=de.useCallback(i=>{o(n=>n.filter(s=>s.id!==i))},[]);return wo(Xo.Provider,{value:{showToast:a,hideToast:d},children:[e,r&&fa(le(xa,{children:t.map(i=>le(qo,x({state:i.state,size:i.size,label:i.message,position:i.position,horizontalAlign:i.horizontalAlign,topOffset:i.topOffset,bottomOffset:i.bottomOffset,horizontalPadding:i.horizontalPadding},i.exiting&&{className:"toast--exiting"}),i.id))}),document.body)]})};function ga(){let e=de.useContext(Xo);if(!e)throw new Error("useToast must be used within a ToastProvider");return e}var Yo="./likelion-eng-primary-CJG3E2VB.svg";var Qo="./likelion-eng-black-4SX2R7NN.svg";var Ko="./likelion-eng-white-Y5UFQG4I.svg";var Jo="./likelion-kr-primary-62X7DUP7.svg";var et="./likelion-kr-black-ZEA5772C.svg";var ot="./likelion-kr-white-ST7I4FW3.svg";var tt="./bootcamp-primary-H6NGWAZO.svg";var at="./bootcamp-black-HQ5XAYV3.svg";var rt="./bootcamp-white-XZIU3P5F.svg";var nt="./symbol-primary-ZRQGWUW5.svg";var it="./symbol-black-2T7FXCLT.svg";var lt="./symbol-white-B3EDKUWQ.svg";var ko="./favicon-primary-CFPI57CU.svg";var ct="./favicon-black-J4BEQLLU.svg";var je={"likelion-eng":{primary:Yo,black:Qo,white:Ko},"likelion-kr":{primary:Jo,black:et,white:ot},bootcamp:{primary:tt,black:at,white:rt},symbol:{primary:nt,black:it,white:lt},favicon:{primary:ko,black:ct,white:ko}};import{jsx as O,jsxs as Ma}from"react/jsx-runtime";var fe=(e,t)=>e in je?je[e][t]:"",Ba=({className:e})=>O("img",{src:je.symbol.white,alt:"Lion Icon",className:e}),La=d=>{var i=d,{type:e="likelion-kr",color:t="primary",size:o="medium",service:r="likelion",className:c=""}=i,a=_(i,["type","color","size","service","className"]);let n=["logo",`logo--${e}`,`logo--${t}`,`logo--${o}`,c].filter(Boolean).join(" ");if(e==="likelion-eng")return O("div",k(x({className:n},a),{children:O("img",{src:fe("likelion-eng",t),alt:"\uBA4B\uC7C1\uC774\uC0AC\uC790\uCC98\uB7FC_ENG",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="likelion-kr")return O("div",k(x({className:n},a),{children:O("img",{src:fe("likelion-kr",t),alt:"\uBA4B\uC7C1\uC774\uC0AC\uC790\uCC98\uB7FC_KR",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="bootcamp")return O("div",k(x({className:n},a),{children:O("img",{src:fe("bootcamp",t),alt:"\uBA4B\uC0AC \uBD80\uD2B8\uCEA0\uD504",style:{width:"100%",height:"100%",display:"block"}})}));let s=()=>null;if(e==="symbol")return O("div",k(x({className:n},a),{children:O("img",{src:fe("symbol",t),alt:"\uC2EC\uBCFC",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="favicon")return O("div",k(x({className:n},a),{children:O("img",{src:fe("favicon",t),alt:"\uD30C\uBE44\uCF58",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="og-image"){let p=r==="likelion"?"\uBA4B\uC7C1\uC774\uC0AC\uC790\uCC98\uB7FC":"\uBA4B\uC0AC \uBD80\uD2B8\uCEA0\uD504",m=fe(r==="likelion"?"likelion-kr":"bootcamp","white");return O("div",k(x({className:n},a),{children:O("div",{className:"logo__og-container",children:O("img",{src:m,alt:p,style:{width:"auto",height:"37.8px",display:"block"}})})}))}let v=s();return Ma("div",k(x({className:n},a),{children:[O("div",{className:"logo__icon",children:O(Ba,{})}),v&&O("span",{className:"logo__text",children:v})]}))};var Oc={mobile:{min:375,max:743},tablet:{min:744,max:1279},desktop:{min:1280}},Zc={mo:"375px",tb:"744px",pc:"1280px"},Fc={mobile:"(min-width: 375px) and (max-width: 743px)",tablet:"(min-width: 744px) and (max-width: 1279px)",desktop:"(min-width: 1280px)",underTablet:"(max-width: 743px)"},Uc={mobile:{margin:16,column:4,gutter:16},tablet:{margin:24,column:8,gutter:24},desktop:{margin:24,column:12,gutter:24}};export{ze as ActionButton,Oc as BREAKPOINTS,qe as Badge,Vt as BreakpointProvider,ze as Button,Fe as Checkbox,no as CheckboxGroup,Mo as Chip,oo as ChipGroup,Rt as Dialog,Bt as DialogProvider,gt as IconButton,Uc as LAYOUT_SYSTEM,La as Logo,Fc as MEDIA_QUERIES,Wo as Pagination,$e as RadioButton,vo as RadioButtonGroup,mo as SelectBox,De as SelectHeader,Ue as SelectMenu,Pe as SelectMenuOverlay,Zc as TAILWIND_SCREENS,Ye as Tab,Qe as TabGroup,la as Tag,V as Text,zt as TextInput,qo as Toast,ma as ToastProvider,Go as Toggle,da as Tooltip,G as useBreakpoint,Ut as useCheckboxGroup,Lt as useDialog,Be as useMediaQuery,ga as useToast};
 //# sourceMappingURL=index.mjs.map