@likelion-design/ui 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var ot=Object.create;var Me=Object.defineProperty,tt=Object.defineProperties,at=Object.getOwnPropertyDescriptor,rt=Object.getOwnPropertyDescriptors,nt=Object.getOwnPropertyNames,$e=Object.getOwnPropertySymbols,it=Object.getPrototypeOf,ao=Object.prototype.hasOwnProperty,Co=Object.prototype.propertyIsEnumerable;var ko=(e,t,o)=>t in e?Me(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,x=(e,t)=>{for(var o in t||(t={}))ao.call(t,o)&&ko(e,o,t[o]);if($e)for(var o of $e(t))Co.call(t,o)&&ko(e,o,t[o]);return e},k=(e,t)=>tt(e,rt(t));var _=(e,t)=>{var o={};for(var a in e)ao.call(e,a)&&t.indexOf(a)<0&&(o[a]=e[a]);if(e!=null&&$e)for(var a of $e(e))t.indexOf(a)<0&&Co.call(e,a)&&(o[a]=e[a]);return o};var lt=(e,t)=>{for(var o in t)Me(e,o,{get:t[o],enumerable:!0})},To=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let c of nt(t))!ao.call(e,c)&&c!==o&&Me(e,c,{get:()=>t[c],enumerable:!(a=at(t,c))||a.enumerable});return e};var U=(e,t,o)=>(o=e!=null?ot(it(e)):{},To(t||!e||!e.__esModule?Me(o,"default",{value:e,enumerable:!0}):o,e)),ct=e=>To(Me({},"__esModule",{value:!0}),e);var Mt={};lt(Mt,{ActionButton:()=>Ne,BREAKPOINTS:()=>At,Badge:()=>je,BreakpointProvider:()=>Do,Button:()=>Ne,Checkbox:()=>Oe,CheckboxGroup:()=>Xe,Chip:()=>so,ChipGroup:()=>qe,Dialog:()=>Ho,DialogProvider:()=>Uo,IconButton:()=>So,LAYOUT_SYSTEM:()=>Lt,Logo:()=>Jo,MEDIA_QUERIES:()=>Pt,Pagination:()=>mo,RadioButton:()=>Fe,RadioButtonGroup:()=>eo,SelectHeader:()=>uo,SelectMenu:()=>Ye,SelectMenuOverlay:()=>He,TAILWIND_SCREENS:()=>Dt,Tab:()=>Ve,TabGroup:()=>We,Tag:()=>Wo,Text:()=>R,TextInput:()=>$o,Toast:()=>vo,ToastProvider:()=>Yo,Toggle:()=>fo,Tooltip:()=>qo,useBreakpoint:()=>X,useCheckboxGroup:()=>jo,useDialog:()=>Go,useMediaQuery:()=>be,useToast:()=>Qo});module.exports=ct(Mt);var Ro=U(require("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 Ro.default.createElement(s,x({className:v},r),a)};var Z=require("react/jsx-runtime"),Ne=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(0,Z.jsxs)("button",k(x({type:"button",className:f,disabled:h},v),{children:[(0,Z.jsxs)("span",{className:"action-button__content",children:[r&&(0,Z.jsx)("span",{className:"action-button__prefix-icon",children:r}),(0,Z.jsx)("p",{className:"action-button__label",children:(0,Z.jsx)(R,{variant:g,children:c})}),p&&(0,Z.jsx)("span",{className:"action-button__suffix-icon",children:p})]}),i&&o!=="ghost"&&(0,Z.jsx)("span",{className:"action-button__spinner","aria-hidden":"true",children:(0,Z.jsx)("svg",{className:"action-button__spinner-svg",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,Z.jsxs)("circle",{className:"action-button__spinner-circle",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"32",strokeDashoffset:"32",children:[(0,Z.jsx)("animate",{attributeName:"stroke-dasharray",dur:"2s",values:"0 40;40 40;0 40",repeatCount:"indefinite"}),(0,Z.jsx)("animate",{attributeName:"stroke-dashoffset",dur:"2s",values:"0;-40;-80",repeatCount:"indefinite"})]})})})]}))};var ro=require("react/jsx-runtime"),So=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(0,ro.jsx)("button",k(x({type:i,className:C,disabled:h,style:x(x(x({},n),u),b?{opacity:0,pointerEvents:"none"}:{})},v),{children:(0,ro.jsx)("span",{className:"icon-button__icon",children:c})}))};var de=U(require("react"));var no=require("react/jsx-runtime"),je=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(0,no.jsx)("span",k(x({className:n},r),{children:e==="number"&&s&&(0,no.jsx)(R,{variant:"subtitle-p3",as:"span",children:s})}))};var me=require("react/jsx-runtime"),Ve=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]=(0,de.useState)(!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(0,me.jsxs)("button",k(x({type:"button",className:C,"aria-pressed":f,disabled:i,onClick:g},s),{children:[(0,me.jsx)("span",{className:"tab__label",children:a}),o&&(0,me.jsx)(je,{type:"dot",variant:"primary",className:"tab__badge","aria-label":"\uC54C\uB9BC"})]}))},We=({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]=de.default.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=de.default.Children.map(i,f=>{var g,y,C;if(de.default.isValidElement(f)&&f.type===Ve){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 de.default.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(0,me.jsx)("div",{className:h,role:"tablist",children:l})};We.displayName="TabGroup";Ve.Group=We;var fe=U(require("react"));var ge=U(require("react"),1);function st(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return ge.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?ge.createElement("title",{id:t},e):null,ge.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 12.75 6 6 9-13.5"}))}var pt=ge.forwardRef(st),io=pt;var xe=U(require("react"),1);function dt(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return xe.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?xe.createElement("title",{id:t},e):null,xe.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"}))}var ft=xe.forwardRef(dt),lo=ft;var he=U(require("react"),1);function ut(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",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?he.createElement("title",{id:t},e):null,he.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"}))}var mt=he.forwardRef(ut),co=mt;var J=require("react/jsx-runtime"),Bo=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.default.useState(p),w=r!==void 0,I=fe.default.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&&(0,J.jsx)(io,{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=z=>{f||(!w&&i===void 0&&n===void 0&&B(N=>!N),c&&c(a),g==null||g(z))},$=z=>{z.stopPropagation(),h&&!f&&h(z)};return(0,J.jsxs)("button",k(x({type:"button",className:A,disabled:f,onClick:L,"aria-pressed":I},y),{children:[S&&(0,J.jsx)("span",{className:"chip__prefix-icon",children:S}),(0,J.jsx)(R,{variant:t==="small"?"body-p3":"body-p2",children:s}),d&&!m&&(0,J.jsx)("span",{className:"chip__suffix-icon",children:d}),m&&(0,J.jsx)("button",{type:"button",className:"chip__close-button",onClick:$,disabled:f,"aria-label":"Close",children:(0,J.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,J.jsx)("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"})})})]}))},qe=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.default.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.default.Children.map(n,w=>{var I,P,S;return fe.default.isValidElement(w)&&w.type===so?w.props.value===void 0?(console.warn("Chip.Group \uB0B4\uBD80\uC758 Chip\uC740 value prop\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."),w):fe.default.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(0,J.jsx)("div",k(x({className:u},v),{children:B}))};qe.displayName="ChipGroup";Bo.displayName="Chip";var so=Object.assign(Bo,{Group:qe});var Y=U(require("react")),Po=require("react-dom");var ve=require("react"),Ao=(0,ve.createContext)(null),Do=Ao.Provider;function be(e){return(0,ve.useSyncExternalStore)(c=>{let r=window.matchMedia(e);return r.addEventListener("change",c),()=>r.removeEventListener("change",c)},()=>window.matchMedia(e).matches,()=>!1)}function X(){var r,p,i,n;let e=(0,ve.useContext)(Ao),t=be("(min-width: 375px) and (max-width: 743px)"),o=be("(min-width: 744px) and (max-width: 1279px)"),a=be("(min-width: 1280px)"),c=be("(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}}var O=require("react/jsx-runtime"),Lo=Y.default.createContext(null),Mo=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}=X();if(Y.default.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=(0,O.jsxs)(O.Fragment,{children:[(p||n)&&(0,O.jsx)(No,{title:p,icon:n}),i&&(0,O.jsx)(Eo,{children:i}),s&&s.length>0&&(0,O.jsx)(zo,{layout:v,children:s.map((I,P)=>{var S;return(0,O.jsx)(Oo,{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}`)})})]}),(0,O.jsx)("div",{className:"dialog-overlay",role:"presentation",onClick:u,children:(0,O.jsx)("div",k(x({className:b,role:"dialog","aria-modal":"true"},l),{children:(0,O.jsx)(Lo.Provider,{value:{onClose:t,variant:c},children:B})}))})},No=r=>{var p=r,{title:e,icon:t,className:o="",children:a}=p,c=_(p,["title","icon","className","children"]);let{isUnderTablet:i}=X();return(0,O.jsxs)("div",k(x({className:`dialog__header ${o}`},c),{children:[t&&(0,O.jsx)("span",{className:"dialog__icon",children:t}),e&&(0,O.jsx)(R,{variant:i?"subtitle-p1":"heading-h6",children:e}),a]}))},Eo=a=>{var c=a,{className:e="",children:t}=c,o=_(c,["className","children"]);return(0,O.jsx)("div",k(x({className:`dialog__body ${e}`},o),{children:(0,O.jsx)("div",{className:"body-p2",children:t})}))},zo=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(0,O.jsx)("div",k(x({className:`dialog__footer dialog__footer--${e} ${t}`},a),{children:(0,O.jsx)("div",{className:`dialog__actions ${p}`,children:o})}))},Oo=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=Y.default.useContext(Lo),{isUnderTablet:f}=X(),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(0,O.jsx)(Ne,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))},Ho=Object.assign(Mo,{Header:No,Body:Eo,Footer:zo,Button:Oo}),Fo=Y.default.createContext(void 0),Uo=({children:e})=>{let[t,o]=Y.default.useState([]),a=Y.default.useCallback(n=>{o(s=>s.filter(v=>v.id!==n))},[]),c=Y.default.useCallback(()=>{o([])},[]),r=Y.default.useCallback(n=>{let s=n.id||`dialog-${Date.now()}-${Math.random()}`;return o(v=>[...v,k(x({},n),{id:s})]),s},[]),p=Y.default.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=Y.default.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(0,O.jsxs)(Fo.Provider,{value:{open:r,close:a,closeAll:c,alert:p,confirm:i},children:[e,(0,Po.createPortal)((0,O.jsx)(O.Fragment,{children:t.map(n=>(0,O.jsxs)(Mo,{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 Go(){let e=Y.default.useContext(Fo);if(!e)throw new Error("useDialog must be used within a DialogProvider");return e}var ze=require("react");var ye=U(require("react"),1);function gt(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 20 20",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:"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 xt=ye.forwardRef(gt),Ee=xt;var Ie=U(require("react"),1);function ht(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return Ie.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?Ie.createElement("title",{id:t},e):null,Ie.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 bt=Ie.forwardRef(ht),po=bt;var E=require("react/jsx-runtime"),$o=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}=X(),B=(0,ze.useId)(),w=d||`textinput-${B}`,[I,P]=(0,ze.useState)(!1),M=((V,ne)=>V==="medium"?"pc":V==="small"?"mo":V!=null?V:ne?"mo":"pc")(t,u),D=m!==void 0,[T,A]=(0,ze.useState)(h!=null?h:""),L=D?m:T,$=o?"error":"default",z=c?`${String(L).length}/${c}`:void 0,N=!!z,[te,ue]=typeof z=="string"&&z.includes("/")?z.split("/"):[z,void 0],De=typeof s=="boolean"?s?(0,E.jsx)(Ee,{className:"help-text__icon-svg"}):null:s,Pe=o?"error":"inform",Le=V=>{P(!0),f==null||f(V)},oo=V=>{P(!1),g==null||g(V)},Ue=V=>{let ne=V.target.value;c!=null&&ne.length>c&&(ne=ne.slice(0,c),V.target.value=ne),D||A(ne),l==null||l(V)},to=["text-input",`text-input--${M}`,`text-input--${$}`,I&&"text-input--focused",v].filter(Boolean).join(" ");return(0,E.jsxs)("div",{className:"text-input-wrapper",children:[n&&(0,E.jsxs)("label",{htmlFor:w,className:"flex items-center gap-1",children:[(0,E.jsx)(R,{variant:"body-p3",children:n}),e&&(0,E.jsx)("span",{className:"text-input__required",children:" *"})]}),(0,E.jsx)("div",{className:`text-input-shell text-input-shell--${$} text-input-shell--${M}`,children:(0,E.jsxs)("div",{className:`text-input-container text-input-container--${M}`,children:[r&&(0,E.jsx)("span",{className:"text-input__left-section",children:r}),(0,E.jsx)("input",k(x({},y),{id:w,className:to,value:L,onChange:Ue,onFocus:Le,onBlur:oo,maxLength:c,"aria-invalid":o,"aria-describedby":a||z?`${w}-description`:void 0})),(p||i)&&(0,E.jsxs)("div",{className:"text-input__right-section",children:[p&&(0,E.jsx)(E.Fragment,{children:p}),i&&(0,E.jsx)(E.Fragment,{children:i})]})]})}),(a||N)&&(0,E.jsx)("div",{id:`${w}-description`,className:"text-input__footer",children:(0,E.jsxs)("div",{className:`help-text-wrapper ${a&&N?"help-text-wrapper--between":a?"help-text-wrapper--start":"help-text-wrapper--end"}`,children:[a&&(0,E.jsxs)("span",{className:`help-text help-text--${Pe}`,children:[De&&(0,E.jsx)("span",{className:"help-text__icon",children:De}),typeof a=="string"||typeof a=="number"?(0,E.jsx)(R,{variant:"body-p3",className:"help-text__content",children:a}):(0,E.jsx)("span",{className:"help-text__content",children:a})]}),N&&(0,E.jsxs)("span",{className:`help-text__count help-text__count--${Pe}`,children:[te&&(0,E.jsx)(R,{variant:"body-p3",className:"help-text__count-number",children:te}),ue&&(0,E.jsxs)(R,{variant:"body-p3",className:"help-text__count-total",children:["/",ue]})]})]})})]})};var _e=U(require("react"));var ee=require("react/jsx-runtime"),fo=_e.default.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=_e.default.useRef(null),f=_e.default.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]=_e.default.useState(r),C=c!==void 0,b=C?c:g,u=S=>{i||(C||y(S.target.checked),p==null||p(S))},B=_e.default.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(0,ee.jsxs)("div",{className:P,children:[(0,ee.jsxs)("div",{className:"toggle__wrapper",children:[(0,ee.jsx)("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)),(0,ee.jsxs)("label",{htmlFor:w,className:"toggle__label-wrapper",children:[o==="start"&&t&&(0,ee.jsx)(R,{variant:e==="medium"?"body-p2":"body-p3",as:"span",children:t}),(0,ee.jsx)("span",{className:"toggle__switch",children:(0,ee.jsx)("span",{className:"toggle__thumb"})}),o==="end"&&t&&(0,ee.jsx)(R,{variant:e==="medium"?"body-p2":"body-p3",as:"span",children:t})]})]}),a&&(0,ee.jsx)("div",{id:I,className:"toggle__description",children:a})]})});fo.displayName="Toggle";var Q=U(require("react"));var we=require("@remixicon/react");var j=require("react/jsx-runtime"),Oe=Q.default.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=Q.default.useRef(null),g=Q.default.useMemo(()=>typeof m=="function"?L=>{f.current=L,m(L)}:m?L=>{f.current=L,m&&(m.current=L)}:L=>{f.current=L},[m]);Q.default.useEffect(()=>{f.current&&(f.current.indeterminate=n)},[n]);let[y,C]=Q.default.useState(r),b=c!==void 0,u=b?c:y,B=L=>{i||(b||C(L.target.checked),p==null||p(L))},w=Q.default.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(0,j.jsxs)("div",{className:S,children:[(0,j.jsxs)("div",{className:"checkbox__wrapper",children:[(0,j.jsx)("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)),(0,j.jsxs)("label",{htmlFor:I,className:"checkbox__label-wrapper",children:[(0,j.jsx)("span",{className:"checkbox__icon-wrapper","aria-hidden":"true",children:n?(0,j.jsx)(we.RiCheckboxIndeterminateFill,{className:"checkbox__icon"}):u?(0,j.jsx)(we.RiCheckboxFill,{className:"checkbox__icon"}):(0,j.jsx)(we.RiCheckboxBlankLine,{className:"checkbox__icon"})}),e&&(0,j.jsx)(R,k(x({variant:(T=M.variant)!=null?T:"body-p2",as:(A=M.as)!=null?A:"span"},M),{className:D,children:e}))]})]}),o&&(0,j.jsx)("div",{id:P,className:"checkbox__description",children:o})]})});Oe.displayName="Checkbox";var Xe=({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]=Q.default.useState(p),h=r!==void 0,l=h?r:d,f=(T,A)=>{let L=c?A?[...l,T]:l.filter($=>$!==T):A?[T]:[];h||m(L),i==null||i(L)},g=Q.default.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=Q.default.Children.map(s,T=>{if(Q.default.isValidElement(T)&&T.type===Oe){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 Q.default.cloneElement(T,{checked:L,onChange:$=>{var z,N;f(A,$.target.checked),(N=(z=T.props).onChange)==null||N.call(z,$)},disabled:n||T.props.disabled})}return T});return(0,j.jsxs)("div",{className:w,children:[e&&(0,j.jsx)(R,k(x({variant:(P=C.variant)!=null?P:"subtitle-p2",as:(S=C.as)!=null?S:"div"},C),{className:u,children:e})),o&&(0,j.jsx)(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})),(0,j.jsx)("div",{className:"checkbox-group__content",children:I})]})};Xe.displayName="CheckboxGroup";Oe.Group=Xe;var Ze=U(require("react"));function jo(e){let{options:t,defaultValue:o=[],value:a,onChange:c}=e,[r,p]=Ze.default.useState(o),i=a!==void 0,n=i?a:r,s=Ze.default.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=Ze.default.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}}}var ie=U(require("react"));var Vo=require("@remixicon/react");var oe=require("react/jsx-runtime"),Ye=ie.default.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]=ie.default.useState(r),g=h?c:l,y=!!i,{isUnderTablet:C}=X(),b=a!=null?a:C?"small":"medium",u=ie.default.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(0,oe.jsx)("div",k(x({ref:t,id:B,className:I,role:"listbox"},m),{children:o.map((D,T)=>{var N,te;let A=Array.isArray(g)?g.includes(D.value):g===D.value,L=`${B}-option-${D.value}`,$=(0,oe.jsx)(Vo.RiCheckboxCircleFill,{className:"select-menu__suffix-icon"}),z=typeof s=="function"?s(D):s!=null?s:$;return(0,oe.jsxs)("button",{id:L,type:"button",role:"option","aria-selected":A,disabled:D.disabled,className:"select-menu__item",onClick:()=>!D.disabled&&w(D.value),children:[(0,oe.jsx)(R,k(x({variant:(N=P.variant)!=null?N:S,as:(te=P.as)!=null?te:"span"},P),{className:["select-menu__item-text",P.className].filter(Boolean).join(" "),children:D.label})),A&&(0,oe.jsx)("span",{className:"select-menu__suffix",children:z})]},D.value)})}))});Ye.displayName="SelectMenu";var He=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]=ie.default.useState(o),v=t!==void 0,d=v?t:n,m=ie.default.useRef(null),h=g=>{v||s(g),a==null||a(g)};ie.default.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(ie.default.isValidElement(e)){let g=e.props.onClick;f=ie.default.cloneElement(e,k(x({},e.props),{onClick:y=>{g==null||g(y),l()},"aria-haspopup":"listbox","aria-expanded":d}))}else f=(0,oe.jsx)("button",{type:"button",onClick:l,"aria-haspopup":"listbox","aria-expanded":d,children:e});return(0,oe.jsxs)("div",{ref:m,style:{position:"relative",display:"inline-flex"},children:[f,d&&(0,oe.jsx)("div",{style:x({position:"absolute",top:"100%",left:0,marginTop:4,zIndex:1e3},c),children:(0,oe.jsx)(Ye,x({},r))})]})};He.displayName="SelectMenuOverlay";var Qe=U(require("react"));var H=require("react/jsx-runtime"),uo=Qe.default.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}=X(),D=Qe.default.useId(),T=h||`select-header-${D}`,A=i?`${T}-description`:void 0,L=B==="medium"?"web-tab":B==="small"||M?"mo":"web-tab",[$,z]=Qe.default.useState(f),N=l!=null&&l.length>0,te=a!==void 0,ue;N&&(ue=te?a===null?void 0:a:$);let De=le=>{te||z(le),g==null||g(le)},Pe=(()=>{var le;if(N){let pe=ue;if(pe==null||Array.isArray(pe)&&pe.length===0)return null;if(Array.isArray(pe))return pe.map(Ge=>{var _o,wo;return(wo=(_o=l.find(et=>et.value===Ge))==null?void 0:_o.label)!=null?wo:Ge}).filter(Boolean).join(", ");let Io=(le=l.find(Ge=>Ge.value===pe))==null?void 0:le.label;return Io!=null?String(Io):pe}return a==null?null:Array.isArray(a)?a.join(", "):typeof a=="string"?a:null})(),Le=!!Pe,oo=Le&&!r&&(N?!!g:!!v),Ue=typeof n=="boolean"?n?p?(0,H.jsx)(Ee,{className:"help-text__icon-svg"}):(0,H.jsx)(po,{className:"help-text__icon-svg"}):null:n,to=p?"error":"inform",V=["select-header",`select-header--${L}`,`select-header--${e}`,r&&"select-header--disabled",p&&"select-header--error",Le&&"select-header--has-value",u&&"select-header--full",m].filter(Boolean).join(" "),ne=le=>{le.stopPropagation(),N?De(void 0):v==null||v(le)},yo=(0,H.jsxs)("button",k(x({ref:I,type:"button",id:T,className:V,disabled:r,onClick:s,"aria-haspopup":"listbox","aria-describedby":A},w),{children:[(0,H.jsx)("span",{className:"select-header__content",children:Le?(0,H.jsx)(R,{as:"span",variant:"body-p2",children:Pe}):(0,H.jsx)(R,{as:"span",variant:"body-p2",children:c})}),(0,H.jsxs)("span",{className:"select-header__actions",children:[oo&&(0,H.jsx)("button",{type:"button",className:"select-header__clear",onClick:ne,"aria-label":"\uAC12 \uC9C0\uC6B0\uAE30",children:(0,H.jsx)(co,{className:"select-header__clear-icon"})}),(0,H.jsx)("span",{className:"select-header__icon",children:d||(0,H.jsx)(lo,{className:"select-header__chevron"})})]})]}));return(0,H.jsxs)("div",{className:`select-header-wrapper ${C}`,style:x(x({},b),u?{width:u}:{}),children:[(t||o)&&(0,H.jsxs)("label",{htmlFor:T,className:"select-header__label",children:[t&&(0,H.jsx)(R,{as:"span",variant:"subtitle-p3",children:t}),o&&(0,H.jsx)(R,{as:"span",variant:"subtitle-p3",children:"*"})]}),N?(0,H.jsx)(He,{items:l,value:ue,multiple:y,onChange:De,menuContainerStyle:{width:"100%"},children:yo}):yo,i&&(0,H.jsx)("div",{id:A,className:"select-header__footer",children:(0,H.jsxs)("span",{className:`help-text help-text--${to}`,children:[Ue&&(0,H.jsx)("span",{className:"help-text__icon",children:Ue}),(0,H.jsx)(R,{as:"span",variant:"body-p3",children:i})]})})]})});uo.displayName="SelectHeader";var Ke=U(require("react"));var ae=require("@remixicon/react");var G=require("react/jsx-runtime"),ke=(e,t)=>{let o=t-e+1;return Array.from({length:o},(a,c)=>e+c)},vt=({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)ke(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;ke(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;ke(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}`}),ke(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})):ke(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},yt=({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}),ke(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},mo=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=Ke.default.useMemo(()=>s==="basic"?yt({totalPages:e,currentPage:t}):vt({totalPages:e,currentPage:t,siblingCount:1,showEdgeButtons:!1,showPrevNext:!0}),[e,t,s]),d=Ke.default.useCallback(l=>{l.disabled||l.page&&(o==null||o(l.page))},[o]),m=Ke.default.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(0,G.jsx)("nav",k(x({className:h,"aria-label":"\uD398\uC774\uC9C0\uB124\uC774\uC158"},r),{children:(0,G.jsx)("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"?(0,G.jsx)("li",{className:"pagination__item pagination__item--ellipsis",children:(0,G.jsx)("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:(0,G.jsx)(ae.RiMoreLine,{})})},l.key):(0,G.jsx)("li",{className:"pagination__item",children:(0,G.jsxs)("button",{type:"button",className:C,onClick:()=>d(l),disabled:y,"aria-label":u,"aria-current":f&&g?"page":void 0,children:[l.type==="prev"&&(0,G.jsx)(ae.RiArrowLeftSLine,{className:"pagination__icon"}),l.type==="next"&&(0,G.jsx)(ae.RiArrowRightSLine,{className:"pagination__icon"}),l.type==="first"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(ae.RiArrowLeftSLine,{className:"pagination__icon pagination__icon--double"}),(0,G.jsx)(ae.RiArrowLeftSLine,{className:"pagination__icon pagination__icon--double"})]}),l.type==="last"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(ae.RiArrowRightSLine,{className:"pagination__icon pagination__icon--double"}),(0,G.jsx)(ae.RiArrowRightSLine,{className:"pagination__icon pagination__icon--double"})]}),l.type==="page"&&(0,G.jsx)(R,{as:"span",variant:n==="web-tab"?"body-p2":"body-p3",children:l.page})]})},l.key)})})}))};mo.displayName="Pagination";var re=U(require("react"));var Je=require("@remixicon/react");var W=require("react/jsx-runtime"),Fe=re.default.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;let[g,y]=re.default.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 te=k(x({},N),{target:k(x({},N.target),{checked:!1})});p==null||p(te)}d==null||d(N)},w=re.default.useId(),I=s||w,P=o?`${I}-description`:void 0,[S,M]=re.default.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(0,W.jsxs)("div",{className:D,"data-checked":b,children:[(0,W.jsxs)("div",{className:"radio-button__wrapper",children:[(0,W.jsx)("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)),(0,W.jsxs)("label",{htmlFor:I,className:T,onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),children:[(0,W.jsx)("span",{className:"radio-button__icon-wrapper","aria-hidden":"true",children:b?(0,W.jsx)(Je.RiRadioButtonLine,{className:"radio-button__icon"}):(0,W.jsx)(Je.RiCircleLine,{className:"radio-button__icon"})}),e&&(0,W.jsx)(R,k(x({variant:($=A.variant)!=null?$:"body-p2",as:(z=A.as)!=null?z:"span"},A),{className:L,children:e}))]})]}),o&&(0,W.jsx)("div",{id:P,className:"radio-button__description",children:o})]})});Fe.displayName="RadioButton";var eo=({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]=re.default.useState(r),h=c!==void 0,l=h?c:d,f=re.default.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=re.default.Children.map(s,T=>{if(re.default.isValidElement(T)&&T.type===Fe){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 re.default.cloneElement(T,{name:g,checked:L,onChange:$=>{var z,N;$.target.checked?(h||m(A),p==null||p(A)):(h||m(void 0),p==null||p(void 0)),(N=(z=T.props).onChange)==null||N.call(z,$)},disabled:i||T.props.disabled})}return T});return(0,W.jsxs)("div",{className:w,role:"radiogroup","aria-describedby":y||void 0,children:[e&&(0,W.jsx)(R,k(x({variant:(P=C.variant)!=null?P:"subtitle-p2",as:(S=C.as)!=null?S:"div"},C),{className:u,children:e})),o&&(0,W.jsx)(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})),(0,W.jsx)("div",{className:"radio-button-group__content",children:I})]})};eo.displayName="RadioButtonGroup";Fe.Group=eo;var Ce=require("react/jsx-runtime"),Wo=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(0,Ce.jsxs)("span",k(x({},i),{className:d,children:[c&&(0,Ce.jsx)("span",{className:"tag__prefix-icon",children:c}),(0,Ce.jsx)(R,{variant:m,children:a}),r&&(0,Ce.jsx)("span",{className:"tag__suffix-icon",children:r})]}))};var ce=require("react");var K=require("react/jsx-runtime"),qo=({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]=(0,ce.useState)(i),C=(0,ce.useRef)(null),b=(0,ce.useRef)(null),u=(0,ce.useRef)(null),B=p!==void 0,w=B?p:g;(0,ce.useEffect)(()=>()=>{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=(0,K.jsxs)("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:[(0,K.jsxs)("div",{className:"tooltip__content",children:[o&&(0,K.jsx)("div",{className:"tooltip__prefix-icon",children:o}),(0,K.jsx)("div",{className:"tooltip__label",children:(0,K.jsx)(R,{variant:"body-p3",children:e})}),a&&(0,K.jsx)("button",{type:"button",className:"tooltip__close-button",onClick:D,"aria-label":"Close tooltip",children:(0,K.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,K.jsx)("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),r&&(0,K.jsx)("div",{className:`tooltip__arrow tooltip__arrow--${c.split("-")[0]}`})]});return(0,K.jsxs)("div",{ref:C,className:"tooltip__wrapper",onMouseEnter:I,onMouseLeave:P,onFocus:S,onBlur:M,children:[l,w&&!n&&T]})};var se=U(require("react")),Xo=require("react-dom");var Te=U(require("react"),1);function It(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["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:a,"aria-labelledby":t},o),e?Te.createElement("title",{id:t},e):null,Te.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 _t=Te.forwardRef(It),go=_t;var Re=U(require("react"),1);function wt(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return Re.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?Re.createElement("title",{id:t},e):null,Re.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 kt=Re.forwardRef(wt),xo=kt;var Se=U(require("react"),1);function Ct(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",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},o),e?Se.createElement("title",{id:t},e):null,Se.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 Tt=Se.forwardRef(Ct),ho=Tt;var Be=U(require("react"),1);function Rt(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:"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 St=Be.forwardRef(Rt),bo=St;var q=require("react/jsx-runtime"),vo=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}=X(),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"?(0,q.jsxs)("div",{className:"toast__icon",children:[o==="error"&&(0,q.jsx)(bo,{style:{width:"100%",height:"100%"}}),o==="warning"&&(0,q.jsx)(xo,{style:{width:"100%",height:"100%"}}),o==="success"&&(0,q.jsx)(go,{style:{width:"100%",height:"100%"}}),o==="information"&&(0,q.jsx)(ho,{style:{width:"100%",height:"100%"}})]}):c?(0,q.jsx)("div",{className:"toast__icon",children:c}):null;return(0,q.jsxs)("div",k(x({className:f,style:u},m),{children:[B,(0,q.jsx)(R,{variant:l==="medium"?"heading-h6":"subtitle-p2",children:a})]}))},Bt=250,Zo=se.default.createContext(void 0),Yo=({children:e})=>{let[t,o]=se.default.useState([]),[a,c]=se.default.useState(!1);se.default.useEffect(()=>{c(!0)},[]);let r=se.default.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))},Bt)},m)},[]),p=se.default.useCallback(i=>{o(n=>n.filter(s=>s.id!==i))},[]);return(0,q.jsxs)(Zo.Provider,{value:{showToast:r,hideToast:p},children:[e,a&&(0,Xo.createPortal)((0,q.jsx)(q.Fragment,{children:t.map(i=>(0,q.jsx)(vo,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 Qo(){let e=se.default.useContext(Zo);if(!e)throw new Error("useToast must be used within a ToastProvider");return e}var F=require("react/jsx-runtime"),Ae=(e,t)=>`/logo/${e}-${t}.svg`,Ko=({className:e})=>(0,F.jsx)("img",{src:"/logo/symbol-white.svg",alt:"Lion Icon",className:e}),Jo=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(0,F.jsx)("div",k(x({className:n},r),{children:(0,F.jsx)("img",{src:Ae("likelion-eng",t),alt:"\uBA4B\uC7C1\uC774\uC0AC\uC790\uCC98\uB7FC_ENG",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="likelion-kr")return(0,F.jsx)("div",k(x({className:n},r),{children:(0,F.jsx)("img",{src:Ae("likelion-kr",t),alt:"\uBA4B\uC7C1\uC774\uC0AC\uC790\uCC98\uB7FC_KR",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="bootcamp")return(0,F.jsx)("div",k(x({className:n},r),{children:(0,F.jsx)("img",{src:Ae("bootcamp",t),alt:"\uBA4B\uC0AC \uBD80\uD2B8\uCEA0\uD504",style:{width:"100%",height:"100%",display:"block"}})}));let s=()=>null;if(e==="symbol")return(0,F.jsx)("div",k(x({className:n},r),{children:(0,F.jsx)("img",{src:Ae("symbol",t),alt:"\uC2EC\uBCFC",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="favicon")return(0,F.jsx)("div",k(x({className:n},r),{children:(0,F.jsx)("div",{className:"logo__favicon-container",children:(0,F.jsx)("div",{className:"logo__icon logo__icon--white",children:(0,F.jsx)(Ko,{})})})}));if(e==="og-image"){let d=a==="likelion"?"\uBA4B\uC7C1\uC774\uC0AC\uC790\uCC98\uB7FC":"\uBA4B\uC0AC \uBD80\uD2B8\uCEA0\uD504",m=Ae(a==="likelion"?"likelion-kr":"bootcamp","white");return(0,F.jsx)("div",k(x({className:n},r),{children:(0,F.jsx)("div",{className:"logo__og-container",children:(0,F.jsx)("img",{src:m,alt:d,style:{width:"auto",height:"37.8px",display:"block"}})})}))}let v=s();return(0,F.jsxs)("div",k(x({className:n},r),{children:[(0,F.jsx)("div",{className:"logo__icon",children:(0,F.jsx)(Ko,{})}),v&&(0,F.jsx)("span",{className:"logo__text",children:v})]}))};var At={mobile:{min:375,max:743},tablet:{min:744,max:1279},desktop:{min:1280}},Dt={mo:"375px",tb:"744px",pc:"1280px"},Pt={mobile:"(min-width: 375px) and (max-width: 743px)",tablet:"(min-width: 744px) and (max-width: 1279px)",desktop:"(min-width: 1280px)",underTablet:"(max-width: 743px)"},Lt={mobile:{margin:16,column:4,gutter:16},tablet:{margin:24,column:8,gutter:24},desktop:{margin:24,column:12,gutter:24}};0&&(module.exports={ActionButton,BREAKPOINTS,Badge,BreakpointProvider,Button,Checkbox,CheckboxGroup,Chip,ChipGroup,Dialog,DialogProvider,IconButton,LAYOUT_SYSTEM,Logo,MEDIA_QUERIES,Pagination,RadioButton,RadioButtonGroup,SelectHeader,SelectMenu,SelectMenuOverlay,TAILWIND_SCREENS,Tab,TabGroup,Tag,Text,TextInput,Toast,ToastProvider,Toggle,Tooltip,useBreakpoint,useCheckboxGroup,useDialog,useMediaQuery,useToast});
1
+ "use strict";var dt=Object.create;var Fe=Object.defineProperty,ft=Object.defineProperties,ut=Object.getOwnPropertyDescriptor,mt=Object.getOwnPropertyDescriptors,gt=Object.getOwnPropertyNames,Ye=Object.getOwnPropertySymbols,xt=Object.getPrototypeOf,so=Object.prototype.hasOwnProperty,Ao=Object.prototype.propertyIsEnumerable;var Po=(e,t,o)=>t in e?Fe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,x=(e,t)=>{for(var o in t||(t={}))so.call(t,o)&&Po(e,o,t[o]);if(Ye)for(var o of Ye(t))Ao.call(t,o)&&Po(e,o,t[o]);return e},k=(e,t)=>ft(e,mt(t));var _=(e,t)=>{var o={};for(var a in e)so.call(e,a)&&t.indexOf(a)<0&&(o[a]=e[a]);if(e!=null&&Ye)for(var a of Ye(e))t.indexOf(a)<0&&Ao.call(e,a)&&(o[a]=e[a]);return o};var ht=(e,t)=>{for(var o in t)Fe(e,o,{get:t[o],enumerable:!0})},Do=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let c of gt(t))!so.call(e,c)&&c!==o&&Fe(e,c,{get:()=>t[c],enumerable:!(a=ut(t,c))||a.enumerable});return e};var H=(e,t,o)=>(o=e!=null?dt(xt(e)):{},Do(t||!e||!e.__esModule?Fe(o,"default",{value:e,enumerable:!0}):o,e)),bt=e=>Do(Fe({},"__esModule",{value:!0}),e);var Xt={};ht(Xt,{ActionButton:()=>Ue,BREAKPOINTS:()=>jt,Badge:()=>Qe,BreakpointProvider:()=>zo,Button:()=>Ue,Checkbox:()=>je,CheckboxGroup:()=>oo,Chip:()=>xo,ChipGroup:()=>eo,Dialog:()=>Vo,DialogProvider:()=>qo,IconButton:()=>Lo,LAYOUT_SYSTEM:()=>qt,Logo:()=>nt,MEDIA_QUERIES:()=>Wt,Pagination:()=>wo,RadioButton:()=>Xe,RadioButtonGroup:()=>co,SelectBox:()=>no,SelectHeader:()=>We,SelectMenu:()=>ao,SelectMenuOverlay:()=>Ve,TAILWIND_SCREENS:()=>Vt,Tab:()=>Ke,TabGroup:()=>Je,Tag:()=>Ko,Text:()=>R,TextInput:()=>Zo,Toast:()=>ko,ToastProvider:()=>tt,Toggle:()=>bo,Tooltip:()=>Jo,useBreakpoint:()=>Y,useCheckboxGroup:()=>Yo,useDialog:()=>Xo,useMediaQuery:()=>Ce,useToast:()=>at});module.exports=bt(Xt);var Mo=H(require("react"));var R=d=>{var i=d,{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 p=e.split("-")[1];return p.startsWith("d")?"h1":p}return e.startsWith("subtitle-")?"h3":"p"})(),s=o||n,y=["typography",`typography--${e}`,t!=="none"&&`typography--decoration-${t}`,c].filter(Boolean).join(" ");return Mo.default.createElement(s,x({className:y},r),a)};var K=require("react/jsx-runtime"),Ue=u=>{var m=u,{size:e="medium",color:t="primary",type:o="solid",htmlType:a="button",state:c="enabled",label:r,prefixIcon:d,suffixIcon:i,loading:n=!1,className:s="",disabled:y}=m,p=_(m,["size","color","type","htmlType","state","label","prefixIcon","suffixIcon","loading","className","disabled"]);let l=y||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(0,K.jsxs)("button",k(x({type:a,className:h,disabled:l},p),{children:[(0,K.jsxs)("span",{className:"action-button__content",children:[d&&(0,K.jsx)("span",{className:"action-button__prefix-icon",children:d}),(0,K.jsx)("p",{className:"action-button__label",children:(0,K.jsx)(R,{variant:b,children:r})}),i&&(0,K.jsx)("span",{className:"action-button__suffix-icon",children:i})]}),n&&o!=="ghost"&&(0,K.jsx)("span",{className:"action-button__spinner","aria-hidden":"true",children:(0,K.jsx)("svg",{className:"action-button__spinner-svg",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,K.jsxs)("circle",{className:"action-button__spinner-circle",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"32",strokeDashoffset:"32",children:[(0,K.jsx)("animate",{attributeName:"stroke-dasharray",dur:"2s",values:"0 40;40 40;0 40",repeatCount:"indefinite"}),(0,K.jsx)("animate",{attributeName:"stroke-dashoffset",dur:"2s",values:"0;-40;-80",repeatCount:"indefinite"})]})})})]}))};var po=require("react/jsx-runtime"),Lo=p=>{var u=p,{size:e="large",color:t="primary",type:o="solid",state:a="enabled",icon:c,className:r="",disabled:d,htmlType:i="button",style:n,customColor:s}=u,y=_(u,["size","color","type","state","icon","className","disabled","htmlType","style","customColor"]);let m=d||a==="disabled",l=o==="weak",f=l&&m?"enabled":a,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}`,r].filter(Boolean).join(" "),v=l&&m,g=x(x({},(s==null?void 0:s.background)&&{backgroundColor:s.background}),(s==null?void 0:s.color)&&{color:s.color});return(0,po.jsx)("button",k(x({type:i,className:C,disabled:m,style:x(x(x({},n),g),v?{opacity:0,pointerEvents:"none"}:{})},y),{children:(0,po.jsx)("span",{className:"icon-button__icon",children:c})}))};var ge=H(require("react"));var fo=require("react/jsx-runtime"),Qe=d=>{var i=d,{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(0,fo.jsx)("span",k(x({className:n},r),{children:e==="number"&&s&&(0,fo.jsx)(R,{variant:"subtitle-p3",as:"span",children:s})}))};var Ie=require("react/jsx-runtime"),Ke=y=>{var p=y,{type:e="round",size:t="large",badge:o=!1,label:a,mode:c=!1,className:r="",selected:d,disabled:i=!1,onClick:n}=p,s=_(p,["type","size","badge","label","mode","className","selected","disabled","onClick"]);let[u,m]=(0,ge.useState)(!1),l=d!==void 0,f=l?d:u,h=v=>{i||(l||m(g=>!g),n==null||n(v))},b=i?"disabled":f?"pressed":"enabled",C=["tab",`tab--${e}`,`tab--${t}`,`tab--${b}`,c&&"tab--dark",r].filter(Boolean).join(" ");return(0,Ie.jsxs)("button",k(x({type:"button",className:C,"aria-pressed":f,disabled:i,onClick:h},s),{children:[(0,Ie.jsx)("span",{className:"tab__label",children:a}),o&&(0,Ie.jsx)(Qe,{type:"dot",variant:"primary",className:"tab__badge","aria-label":"\uC54C\uB9BC"})]}))},Je=({value:e,defaultValue:t,onChange:o,type:a="round",size:c="large",mode:r=!1,disabled:d=!1,children:i,className:n=""})=>{let[s,y]=ge.default.useState(t),p=e!==void 0,u=p?e:s,m=["tab-group",`tab-group--${a}`,`tab-group--${c}`,r&&"tab-group--dark",d&&"tab-group--disabled",n].filter(Boolean).join(" "),l=ge.default.Children.map(i,f=>{var h,b,C;if(ge.default.isValidElement(f)&&f.type===Ke){let v=f.props.value;if(v===void 0)return console.warn("Tab.Group \uB0B4\uBD80\uC758 Tab\uC740 value prop\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."),f;let g=u===v;return ge.default.cloneElement(f,{type:(h=f.props.type)!=null?h:a,size:(b=f.props.size)!=null?b:c,mode:(C=f.props.mode)!=null?C:r,selected:g,disabled:d||f.props.disabled,role:"tab","aria-selected":g,onClick:A=>{var D,I;p||y(v),o==null||o(v),(I=(D=f.props).onClick)==null||I.call(D,A)}})}return f});return(0,Ie.jsx)("div",{className:m,role:"tablist",children:l})};Je.displayName="TabGroup";Ke.Group=Je;var xe=H(require("react"));var _e=H(require("react"),1);function vt(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return _e.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?_e.createElement("title",{id:t},e):null,_e.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 12.75 6 6 9-13.5"}))}var yt=_e.forwardRef(vt),uo=yt;var we=H(require("react"),1);function It(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return we.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?we.createElement("title",{id:t},e):null,we.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"}))}var _t=we.forwardRef(It),mo=_t;var ke=H(require("react"),1);function wt(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return ke.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?ke.createElement("title",{id:t},e):null,ke.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"}))}var kt=ke.forwardRef(wt),go=kt;var re=require("react/jsx-runtime"),No=v=>{var g=v,{type:e="solid",size:t="medium",variant:o="primary",value:a,onChange:c,checked:r,defaultChecked:d=!1,selectedValue:i,selectedValues:n,label:s,prefixIcon:y,suffixIcon:p,showCheck:u,showClose:m=!1,onClose:l,className:f="",disabled:h,onClick:b}=g,C=_(g,["type","size","variant","value","onChange","checked","defaultChecked","selectedValue","selectedValues","label","prefixIcon","suffixIcon","showCheck","showClose","onClose","className","disabled","onClick"]);let[A,D]=xe.default.useState(d),I=r!==void 0,B=xe.default.useMemo(()=>I?r:i!=null?i===a:n!==void 0?n.includes(a):A,[I,r,i,n,a,A]),w=!1;B&&(u===!0?w=!0:u===!1?w=!1:w=e==="outline"&&!y);let S=y||(w?(0,re.jsx)(uo,{className:"chip__check-icon",style:{width:t==="small"?"14px":"16px",height:t==="small"?"14px":"16px"}}):null),T=!!S,P=!!(p||m),L=T&&P?"chip--has-prefix-suffix":T?"chip--has-prefix":P?"chip--has-suffix":"chip--no-icon",z=["chip",`chip--${e}`,`chip--${t}`,`chip--${o}`,L,B&&"chip--checked",h&&"chip--disabled",f].filter(Boolean).join(" "),O=$=>{h||(!I&&i===void 0&&n===void 0&&D(ae=>!ae),c&&c(a),b==null||b($))},N=$=>{$.stopPropagation(),l&&!h&&l($)};return(0,re.jsxs)("button",k(x({type:"button",className:z,disabled:h,onClick:O,"aria-pressed":B},C),{children:[S&&(0,re.jsx)("span",{className:"chip__prefix-icon",children:S}),(0,re.jsx)(R,{variant:t==="small"?"body-p3":"body-p2",children:s}),p&&!m&&(0,re.jsx)("span",{className:"chip__suffix-icon",children:p}),m&&(0,re.jsx)("button",{type:"button",className:"chip__close-button",onClick:N,disabled:h,"aria-label":"Close",children:(0,re.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,re.jsx)("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"})})})]}))},eo=u=>{var m=u,{value:e,defaultValue:t,onChange:o,multiple:a=!1,type:c="solid",size:r="medium",variant:d="primary",showCheck:i,disabled:n=!1,children:s,className:y=""}=m,p=_(m,["value","defaultValue","onChange","multiple","type","size","variant","showCheck","disabled","children","className"]);let[l,f]=xe.default.useState(()=>t!=null?t:a?[]:""),h=e!==void 0,b=h?e:l,C=I=>{if(a){let B=Array.isArray(b)?b:[],w=B.includes(I)?B.filter(M=>M!==I):[...B,I];h||f(w),o==null||o(I)}else h||f(I),o==null||o(I)},v=a?void 0:b,g=a?b:void 0,A=["chip-group",y].filter(Boolean).join(" "),D=xe.default.Children.map(s,I=>{var B,w,M,S;return xe.default.isValidElement(I)&&I.type===xo?I.props.value===void 0?(console.warn("Chip.Group \uB0B4\uBD80\uC758 Chip\uC740 value prop\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."),I):xe.default.cloneElement(I,{type:(B=I.props.type)!=null?B:c,size:(w=I.props.size)!=null?w:r,variant:(M=I.props.variant)!=null?M:d,showCheck:(S=I.props.showCheck)!=null?S:i,selectedValue:v,selectedValues:g,onChange:P=>{var L,z;C(P),(z=(L=I.props).onChange)==null||z.call(L,P)},disabled:n||I.props.disabled}):I});return(0,re.jsx)("div",k(x({className:A},p),{children:D}))};eo.displayName="ChipGroup";No.displayName="Chip";var xo=Object.assign(No,{Group:eo});var Q=H(require("react")),Oo=require("react-dom");var Se=require("react"),Eo=(0,Se.createContext)(null),zo=Eo.Provider;function Ce(e){return(0,Se.useSyncExternalStore)(c=>{let r=window.matchMedia(e);return r.addEventListener("change",c),()=>r.removeEventListener("change",c)},()=>window.matchMedia(e).matches,()=>!1)}function Y(){var r,d,i,n;let e=(0,Se.useContext)(Eo),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:(d=e==null?void 0:e.isTablet)!=null?d:o,isDesktop:(i=e==null?void 0:e.isDesktop)!=null?i:a,isUnderTablet:(n=e==null?void 0:e.isUnderTablet)!=null?n:c}}var F=require("react/jsx-runtime"),Ho=Q.default.createContext(null),Fo=f=>{var h=f,{open:e=!1,onClose:t,closeOnOverlayClick:o=!0,closeOnEsc:a=!0,variant:c="confirm",align:r,title:d,description:i,icon:n,actionItems:s,footerLayout:y="horizontal",content:p,className:u="",children:m}=h,l=_(h,["open","onClose","closeOnOverlayClick","closeOnEsc","variant","align","title","description","icon","actionItems","footerLayout","content","className","children"]);let{isUnderTablet:b}=Y(),[C,v]=Q.default.useState(!1);if(Q.default.useEffect(()=>(v(!0),()=>v(!1)),[]),Q.default.useEffect(()=>{if(!e)return;let w=window.getComputedStyle(document.body).overflow;if(document.body.style.overflow="hidden",a){let M=S=>{S.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,a,t]),!e)return null;let g=r!=null?r:c==="alert"?"left":"center",A=["dialog",`dialog--${c}`,`dialog--${g}`,b?"is-mobile":"",u].filter(Boolean).join(" "),D=w=>{w.target===w.currentTarget&&o&&(t==null||t())},I;p?I=p:m?I=m:I=(0,F.jsxs)(F.Fragment,{children:[(d||n)&&(0,F.jsx)(Uo,{title:d,icon:n}),i&&(0,F.jsx)(Go,{children:i}),s&&s.length>0&&(0,F.jsx)($o,{layout:y,children:s.map((w,M)=>{var S;return(0,F.jsx)(jo,{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:(S=w.closeOnClick)!=null?S:!0},`${w.label}-${M}`)})})]});let B=(0,F.jsx)("div",{className:"dialog-overlay",role:"presentation",onClick:D,children:(0,F.jsx)("div",k(x({className:A,role:"dialog","aria-modal":"true"},l),{children:(0,F.jsx)(Ho.Provider,{value:{onClose:t,variant:c},children:I})}))});return C?(0,Oo.createPortal)(B,document.body):null},Uo=r=>{var d=r,{title:e,icon:t,className:o="",children:a}=d,c=_(d,["title","icon","className","children"]);let{isUnderTablet:i}=Y();return(0,F.jsxs)("div",k(x({className:`dialog__header ${o}`},c),{children:[t&&(0,F.jsx)("span",{className:"dialog__icon",children:t}),e&&(0,F.jsx)(R,{variant:i?"subtitle-p1":"heading-h6",children:e}),a]}))},Go=a=>{var c=a,{className:e="",children:t}=c,o=_(c,["className","children"]);return(0,F.jsx)("div",k(x({className:`dialog__body ${e}`},o),{children:(0,F.jsx)("div",{className:"body-p2",children:t})}))},$o=c=>{var r=c,{layout:e="horizontal",className:t="",children:o}=r,a=_(r,["layout","className","children"]);let d=e==="vertical"?"dialog__actions--vertical":"dialog__actions--horizontal";return(0,F.jsx)("div",k(x({className:`dialog__footer dialog__footer--${e} ${t}`},a),{children:(0,F.jsx)("div",{className:`dialog__actions ${d}`,children:o})}))},jo=u=>{var m=u,{label:e,color:t,type:o,size:a,prefixIcon:c,suffixIcon:r,loading:d,disabled:i,onClick:n,closeOnClick:s=!1,style:y}=m,p=_(m,["label","color","type","size","prefixIcon","suffixIcon","loading","disabled","onClick","closeOnClick","style"]);var D;let l=Q.default.useContext(Ho),{isUnderTablet:f}=Y(),h=(D=l==null?void 0:l.variant)!=null?D:"confirm",b=h==="confirm"?"100%":"auto",C=h==="alert"?f?"small":"medium":"large",v=h==="alert"?"outline":"solid",g="neutral",A=I=>{var B;n==null||n(I),s&&((B=l==null?void 0:l.onClose)==null||B.call(l))};return(0,F.jsx)(Ue,x({label:e,size:a!=null?a:C,color:t!=null?t:g,type:o!=null?o:v,prefixIcon:c,suffixIcon:r,loading:d,disabled:i,onClick:A,style:x({width:b},y)},p))},Vo=Object.assign(Fo,{Header:Uo,Body:Go,Footer:$o,Button:jo}),Wo=Q.default.createContext(void 0),qo=({children:e})=>{let[t,o]=Q.default.useState([]),a=Q.default.useCallback(n=>{o(s=>s.filter(y=>y.id!==n))},[]),c=Q.default.useCallback(()=>{o([])},[]),r=Q.default.useCallback(n=>{let s=n.id||`dialog-${Date.now()}-${Math.random()}`;return o(y=>[...y,k(x({},n),{id:s})]),s},[]),d=Q.default.useCallback(n=>new Promise(s=>{var p,u;let y=`alert-${Date.now()}`;r(k(x({},n),{id:y,variant:(p=n.variant)!=null?p:"alert",buttons:[{label:(u=n.confirmLabel)!=null?u:"\uD655\uC778",color:"primary",type:"solid",closeOnClick:!0,onClick:async()=>{var m;await((m=n.onConfirm)==null?void 0:m.call(n)),s()}}],onClose:()=>{s(),a(y)}}))}),[r,a]),i=Q.default.useCallback(n=>new Promise(s=>{var p,u,m;let y=`confirm-${Date.now()}`;r(k(x({},n),{id:y,variant:(p=n.variant)!=null?p:"confirm",buttons:[{label:(u=n.cancelLabel)!=null?u:"\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:(m=n.confirmLabel)!=null?m:"\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(y)}}))}),[r,a]);return(0,F.jsxs)(Wo.Provider,{value:{open:r,close:a,closeAll:c,alert:d,confirm:i},children:[e,t.map(n=>(0,F.jsx)(Fo,{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))]})};function Xo(){let e=Q.default.useContext(Wo);if(!e)throw new Error("useDialog must be used within a DialogProvider");return e}var $e=require("react");var Te=H(require("react"),1);function Ct(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return Te.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?Te.createElement("title",{id:t},e):null,Te.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 St=Te.forwardRef(Ct),Ge=St;var Re=H(require("react"),1);function Tt(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return Re.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?Re.createElement("title",{id:t},e):null,Re.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 Rt=Re.forwardRef(Tt),ho=Rt;var E=require("react/jsx-runtime"),Zo=C=>{var v=C,{required:e=!1,size:t,error:o=!1,description:a,maxLength:c,prefixIcon:r,suffixIcon:d,suffixUnit:i,title:n,accentIcon:s=!0,className:y="",id:p,value:u,defaultValue:m,onChange:l,onFocus:f,onBlur:h}=v,b=_(v,["required","size","error","description","maxLength","prefixIcon","suffixIcon","suffixUnit","title","accentIcon","className","id","value","defaultValue","onChange","onFocus","onBlur"]);let{isUnderTablet:g}=Y(),A=(0,$e.useId)(),D=p||`textinput-${A}`,[I,B]=(0,$e.useState)(!1),M=((V,ee)=>V==="medium"?"pc":V==="small"?"mo":V!=null?V:ee?"mo":"pc")(t,g),S=u!==void 0,[T,P]=(0,$e.useState)(m!=null?m:""),L=S?u:T,z=o?"error":"default",O=c?`${String(L).length}/${c}`:void 0,N=!!O,[$,ae]=typeof O=="string"&&O.includes("/")?O.split("/"):[O,void 0],be=typeof s=="boolean"?s?(0,E.jsx)(Ge,{className:"help-text__icon-svg"}):null:s,ve=o?"error":"inform",Oe=V=>{B(!0),f==null||f(V)},J=V=>{B(!1),h==null||h(V)},ye=V=>{let ee=V.target.value;c!=null&&ee.length>c&&(ee=ee.slice(0,c),V.target.value=ee),S||P(ee),l==null||l(V)},pe=["text-input",`text-input--${M}`,`text-input--${z}`,I&&"text-input--focused",y].filter(Boolean).join(" ");return(0,E.jsxs)("div",{className:"text-input-wrapper",children:[n&&(0,E.jsxs)("label",{htmlFor:D,className:"flex items-center gap-1",children:[(0,E.jsx)(R,{variant:"body-p3",children:n}),e&&(0,E.jsx)("span",{className:"text-input__required",children:" *"})]}),(0,E.jsx)("div",{className:`text-input-shell text-input-shell--${z} text-input-shell--${M}`,children:(0,E.jsxs)("div",{className:`text-input-container text-input-container--${M}`,children:[r&&(0,E.jsx)("span",{className:"text-input__left-section",children:r}),(0,E.jsx)("input",k(x({},b),{id:D,className:pe,value:L,onChange:ye,onFocus:Oe,onBlur:J,maxLength:c,"aria-invalid":o,"aria-describedby":a||O?`${D}-description`:void 0})),(d||i)&&(0,E.jsxs)("div",{className:"text-input__right-section",children:[d&&(0,E.jsx)(E.Fragment,{children:d}),i&&(0,E.jsx)(E.Fragment,{children:i})]})]})}),(a||N)&&(0,E.jsx)("div",{id:`${D}-description`,className:"text-input__footer",children:(0,E.jsxs)("div",{className:`help-text-wrapper ${a&&N?"help-text-wrapper--between":a?"help-text-wrapper--start":"help-text-wrapper--end"}`,children:[a&&(0,E.jsxs)("span",{className:`help-text help-text--${ve}`,children:[be&&(0,E.jsx)("span",{className:"help-text__icon",children:be}),typeof a=="string"||typeof a=="number"?(0,E.jsx)(R,{variant:"body-p3",className:"help-text__content",children:a}):(0,E.jsx)("span",{className:"help-text__content",children:a})]}),N&&(0,E.jsxs)("span",{className:`help-text__count help-text__count--${ve}`,children:[$&&(0,E.jsx)(R,{variant:"body-p3",className:"help-text__count-number",children:$}),ae&&(0,E.jsxs)(R,{variant:"body-p3",className:"help-text__count-total",children:["/",ae]})]})]})})]})};var Be=H(require("react"));var ne=require("react/jsx-runtime"),bo=Be.default.forwardRef((u,p)=>{var m=u,{size:e="medium",label:t,labelPosition:o="end",description:a,checked:c,defaultChecked:r=!1,onChange:d,disabled:i,className:n="",id:s}=m,y=_(m,["size","label","labelPosition","description","checked","defaultChecked","onChange","disabled","className","id"]);let l=Be.default.useRef(null),f=Be.default.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]=Be.default.useState(r),C=c!==void 0,v=C?c:h,g=w=>{i||(C||b(w.target.checked),d==null||d(w))},A=Be.default.useId(),D=s||A,I=a?`${D}-description`:void 0,B=["toggle",`toggle--${e}`,o==="start"&&"toggle--label-start",i&&"toggle--disabled",n].filter(Boolean).join(" ");return(0,ne.jsxs)("div",{className:B,children:[(0,ne.jsxs)("div",{className:"toggle__wrapper",children:[(0,ne.jsx)("input",x({ref:f,type:"checkbox",id:D,checked:v,defaultChecked:r,onChange:g,disabled:i,"aria-describedby":I,className:"toggle__input",role:"switch","aria-checked":v},y)),(0,ne.jsxs)("label",{htmlFor:D,className:"toggle__label-wrapper",children:[o==="start"&&t&&(0,ne.jsx)(R,{variant:e==="medium"?"body-p2":"body-p3",as:"span",children:t}),(0,ne.jsx)("span",{className:"toggle__switch",children:(0,ne.jsx)("span",{className:"toggle__thumb"})}),o==="end"&&t&&(0,ne.jsx)(R,{variant:e==="medium"?"body-p2":"body-p3",as:"span",children:t})]})]}),a&&(0,ne.jsx)("div",{id:I,className:"toggle__description",children:a})]})});bo.displayName="Toggle";var oe=H(require("react"));var Pe=require("@remixicon/react");var q=require("react/jsx-runtime"),je=oe.default.forwardRef((m,u)=>{var l=m,{label:e,labelProps:t,description:o,value:a,checked:c,defaultChecked:r=!1,onChange:d,disabled:i,indeterminate:n=!1,className:s="",id:y}=l,p=_(l,["label","labelProps","description","value","checked","defaultChecked","onChange","disabled","indeterminate","className","id"]);var T,P;let f=oe.default.useRef(null),h=oe.default.useMemo(()=>typeof u=="function"?L=>{f.current=L,u(L)}:u?L=>{f.current=L,u&&(u.current=L)}:L=>{f.current=L},[u]);oe.default.useEffect(()=>{f.current&&(f.current.indeterminate=n)},[n]);let[b,C]=oe.default.useState(r),v=c!==void 0,g=v?c:b,A=L=>{i||(v||C(L.target.checked),d==null||d(L))},D=oe.default.useId(),I=y||D,B=o?`${I}-description`:void 0,w=["checkbox",i&&"checkbox--disabled",s].filter(Boolean).join(" "),M=t!=null?t:{},S=["checkbox__label-text",M.className].filter(Boolean).join(" ");return(0,q.jsxs)("div",{className:w,children:[(0,q.jsxs)("div",{className:"checkbox__wrapper",children:[(0,q.jsx)("input",x({ref:h,type:"checkbox",id:I,checked:g,defaultChecked:r,onChange:A,disabled:i,value:a,"aria-describedby":B||void 0,className:"checkbox__input"},p)),(0,q.jsxs)("label",{htmlFor:I,className:"checkbox__label-wrapper",children:[(0,q.jsx)("span",{className:"checkbox__icon-wrapper","aria-hidden":"true",children:n?(0,q.jsx)(Pe.RiCheckboxIndeterminateFill,{className:"checkbox__icon"}):g?(0,q.jsx)(Pe.RiCheckboxFill,{className:"checkbox__icon"}):(0,q.jsx)(Pe.RiCheckboxBlankLine,{className:"checkbox__icon"})}),e&&(0,q.jsx)(R,k(x({variant:(T=M.variant)!=null?T:"body-p2",as:(P=M.as)!=null?P:"span"},M),{className:S,children:e}))]})]}),o&&(0,q.jsx)("div",{id:B,className:"checkbox__description",children:o})]})});je.displayName="Checkbox";var oo=({label:e,labelProps:t,description:o,descriptionProps:a,multiple:c=!0,value:r,defaultValue:d=[],onChange:i,disabled:n,children:s,className:y=""})=>{var B,w,M,S;let[p,u]=oe.default.useState(d),m=r!==void 0,l=m?r:p,f=(T,P)=>{let L=c?P?[...l,T]:l.filter(z=>z!==T):P?[T]:[];m||u(L),i==null||i(L)},h=oe.default.useId(),b=o?`${h}-description`:void 0,C=t!=null?t:{},v=a!=null?a:{},g=["checkbox-group__label",C.className].filter(Boolean).join(" "),A=["checkbox-group__description",v.className].filter(Boolean).join(" "),D=["checkbox-group",n&&"checkbox-group--disabled",y].filter(Boolean).join(" "),I=oe.default.Children.map(s,T=>{if(oe.default.isValidElement(T)&&T.type===je){let P=T.props.value;if(P===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(P);return oe.default.cloneElement(T,{checked:L,onChange:z=>{var O,N;f(P,z.target.checked),(N=(O=T.props).onChange)==null||N.call(O,z)},disabled:n||T.props.disabled})}return T});return(0,q.jsxs)("div",{className:D,children:[e&&(0,q.jsx)(R,k(x({variant:(B=C.variant)!=null?B:"subtitle-p2",as:(w=C.as)!=null?w:"div"},C),{className:g,children:e})),o&&(0,q.jsx)(R,k(x({id:b,variant:(M=v.variant)!=null?M:"body-p3",as:(S=v.as)!=null?S:"div"},v),{className:A,children:o})),(0,q.jsx)("div",{className:"checkbox-group__content",children:I})]})};oo.displayName="CheckboxGroup";je.Group=oo;var to=H(require("react"));function Yo(e){let{options:t,defaultValue:o=[],value:a,onChange:c}=e,[r,d]=to.default.useState(o),i=a!==void 0,n=i?a:r,s=to.default.useCallback(f=>{i||d(f),c==null||c(f)},[i,c]),y=n.length===t.length,p=n.length>0,u=y,m=p&&!y,l=to.default.useCallback(f=>{s(f.target.checked?[...t]:[])},[t,s]);return{value:n,onChange:s,selectAllChecked:u,selectAllIndeterminate:m,handleSelectAll:l,selectAllProps:{checked:u,indeterminate:m,onChange:l}}}var se=H(require("react"));var Qo=require("@remixicon/react");var ie=require("react/jsx-runtime"),ao=se.default.forwardRef((e,t)=>{let M=e,{items:o,size:a,value:c,defaultValue:r,onChange:d,multiple:i,itemTextProps:n,suffixIcon:s,className:y="",id:p}=M,u=_(M,["items","size","value","defaultValue","onChange","multiple","itemTextProps","suffixIcon","className","id"]),m=Object.prototype.hasOwnProperty.call(e,"value"),[l,f]=se.default.useState(r),h=m?c:l,b=!!i,{isUnderTablet:C}=Y(),v=a!=null?a:C?"small":"medium",g=se.default.useId(),A=p||`select-menu-${g}`,D=S=>{let T;if(b){let P=Array.isArray(h)?h:h?[h]:[];T=P.includes(S)?P.filter(L=>L!==S):[...P,S]}else T=h===S?void 0:S;m||f(T),d==null||d(T)},I=["select-menu",`select-menu--${v}`,y].filter(Boolean).join(" "),B=n!=null?n:{},w=v==="medium"?"body-p2":"body-p3";return(0,ie.jsx)("div",k(x({ref:t,id:A,className:I,role:"listbox"},u),{children:o.map((S,T)=>{var N,$;let P=Array.isArray(h)?h.includes(S.value):h===S.value,L=`${A}-option-${S.value}`,z=(0,ie.jsx)(Qo.RiCheckboxCircleFill,{className:"select-menu__suffix-icon"}),O=typeof s=="function"?s(S):s!=null?s:z;return(0,ie.jsxs)("button",{id:L,type:"button",role:"option","aria-selected":P,disabled:S.disabled,className:"select-menu__item",onClick:()=>!S.disabled&&D(S.value),children:[(0,ie.jsx)(R,k(x({variant:(N=B.variant)!=null?N:w,as:($=B.as)!=null?$:"span"},B),{className:["select-menu__item-text",B.className].filter(Boolean).join(" "),children:S.label})),P&&(0,ie.jsx)("span",{className:"select-menu__suffix",children:O})]},S.value)})}))});ao.displayName="SelectMenu";var Ve=d=>{var i=d,{children:e,open:t,defaultOpen:o=!1,onOpenChange:a,menuContainerStyle:c}=i,r=_(i,["children","open","defaultOpen","onOpenChange","menuContainerStyle"]);let[n,s]=se.default.useState(o),y=t!==void 0,p=y?t:n,u=se.default.useRef(null),m=h=>{y||s(h),a==null||a(h)};se.default.useEffect(()=>{if(!p)return;let h=b=>{u.current&&(u.current.contains(b.target)||m(!1))};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[p,m]);let l=()=>{m(!p)},f=e;if(se.default.isValidElement(e)){let h=e.props.onClick;f=se.default.cloneElement(e,k(x({},e.props),{onClick:b=>{h==null||h(b),l()},"aria-haspopup":"listbox","aria-expanded":p}))}else f=(0,ie.jsx)("button",{type:"button",onClick:l,"aria-haspopup":"listbox","aria-expanded":p,children:e});return(0,ie.jsxs)("div",{ref:u,style:{position:"relative",display:"inline-flex"},children:[f,p&&(0,ie.jsx)("div",{style:x({position:"absolute",top:"100%",left:0,marginTop:4,zIndex:1e3},c),children:(0,ie.jsx)(ao,k(x({},r),{style:k(x({},r.style),{width:"100%",minWidth:0})}))})]})};Ve.displayName="SelectMenuOverlay";var ro=H(require("react"));var U=require("react/jsx-runtime"),We=ro.default.forwardRef((L,P)=>{var z=L,{type:e="outlined",title:t,required:o=!1,value:a,placeholder:c="\uC120\uD0DD\uD558\uC138\uC694",disabled:r=!1,error:d=!1,description:i,accentIcon:n=!0,onClick:s,onClear:y,icon:p,className:u="",id:m,items:l,defaultValue:f,onChange:h,multiple:b,showClear:C,wrapperClassName:v="",wrapperStyle:g,width:A,size:D,menuItemTextProps:I,menuSuffixIcon:B,menuGap:w=8,menuClassName:M,menuStyle:S}=z,T=_(z,["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:O}=Y(),N=ro.default.useId(),$=m||`select-header-${N}`,ae=i?`${$}-description`:void 0,be=D==="medium"?"web-tab":D==="small"||O?"mo":"web-tab",[ve,Oe]=ro.default.useState(f),J=l!=null&&l.length>0,ye=a!==void 0,pe;J&&(pe=ye?a===null?void 0:a:ve);let V=de=>{ye||Oe(de),h==null||h(de)},ee=(()=>{var de;if(J){let me=pe;if(me==null||Array.isArray(me)&&me.length===0)return null;if(Array.isArray(me))return me.map(Ze=>{var Ro,Bo;return(Bo=(Ro=l.find(pt=>pt.value===Ze))==null?void 0:Ro.label)!=null?Bo:Ze}).filter(Boolean).join(", ");let To=(de=l.find(Ze=>Ze.value===me))==null?void 0:de.label;return To!=null?String(To):me}return a==null?null:Array.isArray(a)?a.join(", "):typeof a=="string"?a:null})(),He=!!ee,it=C!==void 0?C:He&&!r&&(J?!!h:!!y),Co=typeof n=="boolean"?n?d?(0,U.jsx)(Ge,{className:"help-text__icon-svg"}):(0,U.jsx)(ho,{className:"help-text__icon-svg"}):null:n,lt=d?"error":"inform",ct=["select-header",`select-header--${be}`,`select-header--${e}`,r&&"select-header--disabled",d&&"select-header--error",He&&"select-header--has-value",A&&"select-header--full",u].filter(Boolean).join(" "),st=de=>{de.stopPropagation(),J?V(void 0):y==null||y(de)},So=(0,U.jsxs)("button",k(x({ref:P,type:"button",id:$,className:ct,disabled:r,onClick:s,"aria-haspopup":"listbox","aria-describedby":ae},T),{children:[(0,U.jsx)("span",{className:"select-header__content",children:He?(0,U.jsx)(R,{as:"span",variant:"body-p2",children:ee}):(0,U.jsx)(R,{as:"span",variant:"body-p2",children:c})}),(0,U.jsxs)("span",{className:"select-header__actions",children:[it&&(0,U.jsx)("button",{type:"button",className:"select-header__clear",onClick:st,"aria-label":"\uAC12 \uC9C0\uC6B0\uAE30",children:(0,U.jsx)(go,{className:"select-header__clear-icon"})}),(0,U.jsx)("span",{className:"select-header__icon",children:p||(0,U.jsx)(mo,{className:"select-header__chevron"})})]})]}));return(0,U.jsxs)("div",{className:`select-header-wrapper ${v}`,style:x(x({},g),A?{width:A}:{}),children:[(t||o)&&(0,U.jsxs)("label",{htmlFor:$,className:"select-header__label",children:[t&&(0,U.jsx)(R,{as:"span",variant:"subtitle-p3",children:t}),o&&(0,U.jsx)(R,{as:"span",variant:"subtitle-p3",className:"text-info-negative",children:"*"})]}),J?(0,U.jsx)(Ve,{items:l,value:pe,multiple:b,onChange:V,menuContainerStyle:{width:"100%",marginTop:w},itemTextProps:I,suffixIcon:B,className:M,style:S,children:So}):So,i&&(0,U.jsx)("div",{id:ae,className:"select-header__footer",children:(0,U.jsxs)("span",{className:`help-text help-text--${lt}`,children:[Co&&(0,U.jsx)("span",{className:"help-text__icon",children:Co}),(0,U.jsx)(R,{as:"span",variant:"body-p3",children:i})]})})]})});We.displayName="SelectHeader";var Ae=H(require("react"),1);function Bt(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return Ae.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?Ae.createElement("title",{id:t},e):null,Ae.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 Pt=Ae.forwardRef(Bt),qe=Pt;var De=H(require("react"),1);function At(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",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},o),e?De.createElement("title",{id:t},e):null,De.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 Dt=De.forwardRef(At),vo=Dt;var Me=H(require("react"),1);function Mt(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 24 24",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:"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=Me.forwardRef(Mt),yo=Lt;var Le=H(require("react"),1);function Nt(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return Le.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?Le.createElement("title",{id:t},e):null,Le.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 Et=Le.forwardRef(Nt),Io=Et;var Ne=H(require("react"),1);function zt(c,a){var r=c,{title:e,titleId:t}=r,o=_(r,["title","titleId"]);return Ne.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?Ne.createElement("title",{id:t},e):null,Ne.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 Ot=Ne.forwardRef(zt),_o=Ot;var W=require("react/jsx-runtime"),Ht=()=>(0,W.jsx)("span",{className:"select-box__spinner","aria-hidden":"true",children:(0,W.jsx)("svg",{className:"select-box__spinner-svg",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,W.jsxs)("circle",{className:"select-box__spinner-circle",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"32",strokeDashoffset:"32",children:[(0,W.jsx)("animate",{attributeName:"stroke-dasharray",dur:"2s",values:"0 40;40 40;0 40",repeatCount:"indefinite"}),(0,W.jsx)("animate",{attributeName:"stroke-dashoffset",dur:"2s",values:"0;-40;-80",repeatCount:"indefinite"})]})})}),no=B=>{var w=B,{type:e="label",size:t="medium",state:o="default",label:a,required:c=!1,placeholder:r="\uC120\uD0DD\uD558\uC138\uC694",items:d,value:i,defaultValue:n,onChange:s,multiple:y,helperText:p,className:u,style:m,width:l,headerType:f="outlined",onClear:h,showClear:b,wrapperStyle:C,onClick:v,id:g,itemTextProps:A,suffixIcon:D}=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",S=o==="error",T=o==="success",P=e==="label"||e==="placeholder",z=e==="placeholder"||e==="default"?r:"\uC120\uD0DD\uD558\uC138\uC694",O=t==="full"?"100%":l!==void 0?typeof l=="number"?`${l}px`:l:void 0,N=o==="loading"?(0,W.jsx)(Ht,{}):void 0,$=typeof u=="object"&&u!==null&&("root"in u||"header"in u||"menu"in u),ae=typeof m=="object"&&m!==null&&!Array.isArray(m)&&("root"in m||"header"in m||"menu"in m),be=$?u.root:u,ve=$?u.header:void 0,Oe=$?u.menu:void 0,J=m,ye=ae?J.root:J,pe=ae?J.header:void 0,V=ae?J.menu:void 0,ee=["select-box",`select-box--${t}`,`select-box--${o}`,S&&"select-box--error",T&&"select-box--success",be].filter(Boolean).join(" "),He=p&&(S||T)?(0,W.jsx)("div",{className:"select-box__footer",children:(0,W.jsxs)("span",{className:`help-text help-text--${S?"error":"success"}`,children:[S?(0,W.jsx)("span",{className:"help-text__icon",children:(0,W.jsx)(vo,{className:"help-text__icon-svg"})}):(0,W.jsx)("span",{className:"help-text__icon",children:(0,W.jsx)(qe,{className:"help-text__icon-svg"})}),(0,W.jsx)(R,{as:"span",variant:"body-p3",children:p})]})}):null;return(0,W.jsxs)("div",{className:ee,style:ye,children:[(0,W.jsx)(We,x({type:f,size:t==="small"?"small":"medium",title:P?a:void 0,required:c,placeholder:z,items:d,value:i,defaultValue:n,onChange:s,multiple:y,disabled:M,error:S,accentIcon:!1,icon:N,onClear:h,showClear:b,wrapperStyle:pe||C?x(x({},C),pe):void 0,wrapperClassName:["select-box__header-wrapper",ve].filter(Boolean).join(" "),menuClassName:Oe,menuStyle:V,onClick:v,id:g,menuItemTextProps:A,menuSuffixIcon:D,width:O},I)),He]})};no.displayName="SelectBox";var io=H(require("react"));var le=require("@remixicon/react");var G=require("react/jsx-runtime"),Ee=(e,t)=>{let o=t-e+1;return Array.from({length:o},(a,c)=>e+c)},Ft=({totalPages:e,currentPage:t,siblingCount:o,showEdgeButtons:a,showPrevNext:c})=>{if(e<=0)return[];let r=Math.min(Math.max(t,1),e),d=[],i=p=>d.push(p),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 y=o*2+5;if(e<=y)Ee(1,e).forEach(p=>i({type:"page",page:p,key:`page-${p}`,selected:p===r}));else{let p=Math.max(r-o,2),u=Math.min(r+o,e-1),m=p>2,l=u<e-1;if(i({type:"page",page:1,key:"page-1",selected:r===1}),!m&&l){let f=3+2*o;Ee(2,f).forEach(b=>i({type:"page",page:b,key:`page-dynamic-${b}-${r}`,selected:b===r})),i({type:"ellipsis",key:`ellipsis-right-${u}`}),i({type:"page",page:e,key:`page-${e}`,selected:r===e})}else if(m&&!l){i({type:"ellipsis",key:`ellipsis-left-${p}`});let f=3+2*o;Ee(e-f+1,e-1).forEach(b=>i({type:"page",page:b,key:`page-dynamic-${b}-${r}`,selected:b===r})),i({type:"page",page:e,key:`page-${e}`,selected:r===e})}else m&&l?(i({type:"ellipsis",key:`ellipsis-left-${p}`}),Ee(p,u).forEach(f=>i({type:"page",page:f,key:`page-dynamic-${f}-${r}`,selected:f===r})),i({type:"ellipsis",key:`ellipsis-right-${u}`}),i({type:"page",page:e,key:`page-${e}`,selected:r===e})):Ee(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}),d},Ut=({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,d=o===e;return c({type:"prev",page:Math.max(1,o-1),key:"prev",disabled:r}),Ee(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}),a},wo=d=>{var i=d,{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",y=io.default.useMemo(()=>s==="basic"?Ut({totalPages:e,currentPage:t}):Ft({totalPages:e,currentPage:t,siblingCount:1,showEdgeButtons:!1,showPrevNext:!0}),[e,t,s]),p=io.default.useCallback(l=>{l.disabled||l.page&&(o==null||o(l.page))},[o]),u=io.default.useCallback(l=>{l==="ellipsis-left"?o==null||o(1):l==="ellipsis-right"&&(o==null||o(e))},[o,e]),m=["pagination",`pagination--${n}`,c].filter(Boolean).join(" ");return(0,G.jsx)("nav",k(x({className:m,"aria-label":"\uD398\uC774\uC9C0\uB124\uC774\uC158"},r),{children:(0,G.jsx)("ul",{className:"pagination__list",children:y.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(" "),v=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":"",g=l.type==="page"?`${l.page}\uD398\uC774\uC9C0`:v;return l.type==="ellipsis"?(0,G.jsx)("li",{className:"pagination__item pagination__item--ellipsis",children:(0,G.jsx)("button",{type:"button",className:"pagination__button pagination__button--ellipsis",onClick:()=>u(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:(0,G.jsx)(le.RiMoreLine,{})})},l.key):(0,G.jsx)("li",{className:"pagination__item",children:(0,G.jsxs)("button",{type:"button",className:C,onClick:()=>p(l),disabled:b,"aria-label":g,"aria-current":f&&h?"page":void 0,children:[l.type==="prev"&&(0,G.jsx)(le.RiArrowLeftSLine,{className:"pagination__icon"}),l.type==="next"&&(0,G.jsx)(le.RiArrowRightSLine,{className:"pagination__icon"}),l.type==="first"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(le.RiArrowLeftSLine,{className:"pagination__icon pagination__icon--double"}),(0,G.jsx)(le.RiArrowLeftSLine,{className:"pagination__icon pagination__icon--double"})]}),l.type==="last"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(le.RiArrowRightSLine,{className:"pagination__icon pagination__icon--double"}),(0,G.jsx)(le.RiArrowRightSLine,{className:"pagination__icon pagination__icon--double"})]}),l.type==="page"&&(0,G.jsx)(R,{as:"span",variant:n==="web-tab"?"body-p2":"body-p3",children:l.page})]})},l.key)})})}))};wo.displayName="Pagination";var ce=H(require("react"));var lo=require("@remixicon/react");var X=require("react/jsx-runtime"),Xe=ce.default.forwardRef((l,m)=>{var f=l,{label:e,labelProps:t,description:o,value:a,checked:c,defaultChecked:r=!1,onChange:d,disabled:i,className:n="",id:s,name:y,onClick:p}=f,u=_(f,["label","labelProps","description","value","checked","defaultChecked","onChange","disabled","className","id","name","onClick"]);var z,O;let[h,b]=ce.default.useState(r),C=c!==void 0,v=C?c:h,g=N=>{i||(C||b(N.target.checked),d==null||d(N))},A=N=>{if(v&&!i){N.preventDefault(),C||b(!1);let $=k(x({},N),{target:k(x({},N.target),{checked:!1})});d==null||d($)}p==null||p(N)},D=ce.default.useId(),I=s||D,B=o?`${I}-description`:void 0,[w,M]=ce.default.useState(!1),S=["radio-button",i&&"radio-button--disabled",n].filter(Boolean).join(" "),T=["radio-button__label-wrapper",w&&!v&&!i&&"radio-button__label-wrapper--hovered"].filter(Boolean).join(" "),P=t!=null?t:{},L=["radio-button__label-text",P.className].filter(Boolean).join(" ");return(0,X.jsxs)("div",{className:S,"data-checked":v,children:[(0,X.jsxs)("div",{className:"radio-button__wrapper",children:[(0,X.jsx)("input",x({ref:m,type:"radio",id:I,name:y,checked:v,defaultChecked:r,onChange:g,onClick:A,disabled:i,value:a,"aria-describedby":B||void 0,className:"radio-button__input"},u)),(0,X.jsxs)("label",{htmlFor:I,className:T,onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),children:[(0,X.jsx)("span",{className:"radio-button__icon-wrapper","aria-hidden":"true",children:v?(0,X.jsx)(lo.RiRadioButtonLine,{className:"radio-button__icon"}):(0,X.jsx)(lo.RiCircleLine,{className:"radio-button__icon"})}),e&&(0,X.jsx)(R,k(x({variant:(z=P.variant)!=null?z:"body-p2",as:(O=P.as)!=null?O:"span"},P),{className:L,children:e}))]})]}),o&&(0,X.jsx)("div",{id:B,className:"radio-button__description",children:o})]})});Xe.displayName="RadioButton";var co=({label:e,labelProps:t,description:o,descriptionProps:a,value:c,defaultValue:r,onChange:d,disabled:i,name:n,children:s,className:y=""})=>{var B,w,M,S;let[p,u]=ce.default.useState(r),m=c!==void 0,l=m?c:p,f=ce.default.useId(),h=n||`radio-group-${f}`,b=o?`${f}-description`:void 0,C=t!=null?t:{},v=a!=null?a:{},g=["radio-button-group__label",C.className].filter(Boolean).join(" "),A=["radio-button-group__description",v.className].filter(Boolean).join(" "),D=["radio-button-group",i&&"radio-button-group--disabled",y].filter(Boolean).join(" "),I=ce.default.Children.map(s,T=>{if(ce.default.isValidElement(T)&&T.type===Xe){let P=T.props.value;if(P===void 0)return console.warn("RadioButton.Group \uB0B4\uBD80\uC758 RadioButton\uC740 value prop\uC774 \uD544\uC694\uD569\uB2C8\uB2E4."),T;let L=l===P;return ce.default.cloneElement(T,{name:h,checked:L,onChange:z=>{var O,N;z.target.checked?(m||u(P),d==null||d(P)):(m||u(void 0),d==null||d(void 0)),(N=(O=T.props).onChange)==null||N.call(O,z)},disabled:i||T.props.disabled})}return T});return(0,X.jsxs)("div",{className:D,role:"radiogroup","aria-describedby":b||void 0,children:[e&&(0,X.jsx)(R,k(x({variant:(B=C.variant)!=null?B:"subtitle-p2",as:(w=C.as)!=null?w:"div"},C),{className:g,children:e})),o&&(0,X.jsx)(R,k(x({id:b,variant:(M=v.variant)!=null?M:"body-p3",as:(S=v.as)!=null?S:"div"},v),{className:A,children:o})),(0,X.jsx)("div",{className:"radio-button-group__content",children:I})]})};co.displayName="RadioButtonGroup";Xe.Group=co;var ze=require("react/jsx-runtime"),Ko=n=>{var s=n,{type:e="solid",size:t="medium",state:o="enabled",label:a,prefixIcon:c,suffixIcon:r,className:d=""}=s,i=_(s,["type","size","state","label","prefixIcon","suffixIcon","className"]);let y=e==="weak"?o:"enabled",p=["tag",`tag--${e}`,`tag--${t}`,`tag--${y}`,d].filter(Boolean).join(" ").trim(),u=t==="medium"?"body-p2":"body-p3";return(0,ze.jsxs)("span",k(x({},i),{className:p,children:[c&&(0,ze.jsx)("span",{className:"tag__prefix-icon",children:c}),(0,ze.jsx)(R,{variant:u,children:a}),r&&(0,ze.jsx)("span",{className:"tag__suffix-icon",children:r})]}))};var fe=require("react");var te=require("react/jsx-runtime"),Jo=({label:e,type:t="word",prefixIcon:o,onClose:a,direction:c="top",withArrow:r=!0,opened:d,defaultOpened:i=!1,disabled:n=!1,width:s,offset:y=8,withinPortal:p=!0,openDelay:u=0,closeDelay:m=0,children:l,className:f=""})=>{let[h,b]=(0,fe.useState)(i),C=(0,fe.useRef)(null),v=(0,fe.useRef)(null),g=(0,fe.useRef)(null),A=d!==void 0,D=A?d:h;(0,fe.useEffect)(()=>()=>{v.current&&clearTimeout(v.current),g.current&&clearTimeout(g.current)},[]);let I=()=>{!n&&!A&&(g.current&&(clearTimeout(g.current),g.current=null),u>0?v.current=setTimeout(()=>{b(!0)},u):b(!0))},B=()=>{!n&&!A&&(v.current&&(clearTimeout(v.current),v.current=null),m>0?g.current=setTimeout(()=>{b(!1)},m):b(!1))},w=()=>{!n&&!A&&(g.current&&(clearTimeout(g.current),g.current=null),u>0?v.current=setTimeout(()=>{b(!0)},u):b(!0))},M=()=>{!n&&!A&&(v.current&&(clearTimeout(v.current),v.current=null),m>0?g.current=setTimeout(()=>{b(!1)},m):b(!1))},S=P=>{P.stopPropagation(),a&&a(P),!n&&!A&&b(!1)},T=(0,te.jsxs)("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:[(0,te.jsxs)("div",{className:"tooltip__content",children:[o&&(0,te.jsx)("div",{className:"tooltip__prefix-icon",children:o}),(0,te.jsx)("div",{className:"tooltip__label",children:(0,te.jsx)(R,{variant:"body-p3",children:e})}),a&&(0,te.jsx)("button",{type:"button",className:"tooltip__close-button",onClick:S,"aria-label":"Close tooltip",children:(0,te.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,te.jsx)("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),r&&(0,te.jsx)("div",{className:`tooltip__arrow tooltip__arrow--${c.split("-")[0]}`})]});return(0,te.jsxs)("div",{ref:C,className:"tooltip__wrapper",onMouseEnter:I,onMouseLeave:B,onFocus:w,onBlur:M,children:[l,D&&!n&&T]})};var ue=H(require("react")),et=require("react-dom");var Z=require("react/jsx-runtime"),ko=e=>{let D=e,{size:t,state:o="default",label:a,icon:c,position:r="top",horizontalAlign:d="center",topOffset:i,bottomOffset:n,horizontalPadding:s,className:y="",style:p}=D,u=_(D,["size","state","label","icon","position","horizontalAlign","topOffset","bottomOffset","horizontalPadding","className","style"]),{isUnderTablet:m}=Y(),l=t!=null?t:m?"small":"medium",f=["toast",`toast--${l}`,`toast--${o}`,y].filter(Boolean).join(" "),h=l==="medium"?60:20,b=l==="medium"?60:20,C=16,v=(p==null?void 0:p.position)!==void 0,g=x(v?{}:{position:"fixed",zIndex:1e3},p);if(!v)if(r==="top"?(g.top=`${i!=null?i:h}px`,g.bottom="auto"):(g.bottom=`${n!=null?n:b}px`,g.top="auto"),l==="small"){let I=s!=null?s:C;g.left=`${I}px`,g.right=`${I}px`,g.transform="none",g.width=`calc(100% - ${I*2}px)`}else d==="center"?(g.left="50%",g.right="auto",g.transform="translateX(-50%)",g.width="auto",g.minWidth="540px",g.maxWidth="760px"):d==="left"?(g.left="16px",g.right="auto",g.transform="none",g.width="auto",g.minWidth="540px",g.maxWidth="760px"):(g.right="16px",g.left="auto",g.transform="none",g.width="auto",g.minWidth="540px",g.maxWidth="760px");let A=!c&&o!=="default"?(0,Z.jsxs)("div",{className:"toast__icon",children:[o==="error"&&(0,Z.jsx)(_o,{style:{width:"100%",height:"100%"}}),o==="warning"&&(0,Z.jsx)(yo,{style:{width:"100%",height:"100%"}}),o==="success"&&(0,Z.jsx)(qe,{style:{width:"100%",height:"100%"}}),o==="information"&&(0,Z.jsx)(Io,{style:{width:"100%",height:"100%"}})]}):c?(0,Z.jsx)("div",{className:"toast__icon",children:c}):null;return(0,Z.jsxs)("div",k(x({className:f,style:g},u),{children:[A,(0,Z.jsx)(R,{variant:l==="medium"?"heading-h6":"subtitle-p2",children:a})]}))},Gt=250,ot=ue.default.createContext(void 0),tt=({children:e})=>{let[t,o]=ue.default.useState([]),[a,c]=ue.default.useState(!1);ue.default.useEffect(()=>{c(!0)},[]);let r=ue.default.useCallback((i,n={})=>{let s=`toast-${Date.now()}-${Math.random()}`,{state:y="default",size:p,duration:u=3e3,position:m="top",horizontalAlign:l="center",topOffset:f,bottomOffset:h,horizontalPadding:b}=n,C=k(x({id:s,message:i,state:y},p!==void 0&&{size:p}),{duration:u,position:m,horizontalAlign:l,topOffset:f,bottomOffset:h,horizontalPadding:b});o(v=>[...v,C]),u>0&&setTimeout(()=>{o(v=>v.map(g=>g.id===s?k(x({},g),{exiting:!0}):g)),setTimeout(()=>{o(v=>v.filter(g=>g.id!==s))},Gt)},u)},[]),d=ue.default.useCallback(i=>{o(n=>n.filter(s=>s.id!==i))},[]);return(0,Z.jsxs)(ot.Provider,{value:{showToast:r,hideToast:d},children:[e,a&&(0,et.createPortal)((0,Z.jsx)(Z.Fragment,{children:t.map(i=>(0,Z.jsx)(ko,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 at(){let e=ue.default.useContext(ot);if(!e)throw new Error("useToast must be used within a ToastProvider");return e}var j=require("react/jsx-runtime"),rt={"likelion-eng":{primary:"/logo/likelion-eng-primary.svg",black:"/logo/likelion-eng-secondary.svg",white:"/logo/likelion-eng-white.svg"},"likelion-kr":{primary:"/logo/likelion-kr-primary.svg",black:"/logo/likelion-kr-secondary.svg",white:"/logo/likelion-kr-white.svg"},bootcamp:{primary:"/logo/bootcamp-primary.svg",black:"/logo/bootcamp-secondary.svg",white:"/logo/bootcamp-white.svg"},symbol:{primary:"/logo/symbol-primary.svg",black:"/logo/symbol-secondary.svg",white:"/logo/symbol-white.svg"},favicon:{primary:"/logo/favicon-primary.svg",black:"/logo/favicon-primary.svg",white:"/logo/favicon-primary.svg"}},he=(e,t)=>e in rt?rt[e][t]:"",$t=({className:e})=>(0,j.jsx)("img",{src:"/logo/symbol-white.svg",alt:"Lion Icon",className:e}),nt=d=>{var i=d,{type:e="likelion-kr",color:t="primary",size:o="medium",service:a="likelion",className:c=""}=i,r=_(i,["type","color","size","service","className"]);let n=["logo",`logo--${e}`,`logo--${t}`,`logo--${o}`,c].filter(Boolean).join(" ");if(e==="likelion-eng")return(0,j.jsx)("div",k(x({className:n},r),{children:(0,j.jsx)("img",{src:he("likelion-eng",t),alt:"\uBA4B\uC7C1\uC774\uC0AC\uC790\uCC98\uB7FC_ENG",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="likelion-kr")return(0,j.jsx)("div",k(x({className:n},r),{children:(0,j.jsx)("img",{src:he("likelion-kr",t),alt:"\uBA4B\uC7C1\uC774\uC0AC\uC790\uCC98\uB7FC_KR",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="bootcamp")return(0,j.jsx)("div",k(x({className:n},r),{children:(0,j.jsx)("img",{src:he("bootcamp",t),alt:"\uBA4B\uC0AC \uBD80\uD2B8\uCEA0\uD504",style:{width:"100%",height:"100%",display:"block"}})}));let s=()=>null;if(e==="symbol")return(0,j.jsx)("div",k(x({className:n},r),{children:(0,j.jsx)("img",{src:he("symbol",t),alt:"\uC2EC\uBCFC",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="favicon")return(0,j.jsx)("div",k(x({className:n},r),{children:(0,j.jsx)("img",{src:he("favicon",t),alt:"\uD30C\uBE44\uCF58",style:{width:"100%",height:"100%",display:"block"}})}));if(e==="og-image"){let p=a==="likelion"?"\uBA4B\uC7C1\uC774\uC0AC\uC790\uCC98\uB7FC":"\uBA4B\uC0AC \uBD80\uD2B8\uCEA0\uD504",u=he(a==="likelion"?"likelion-kr":"bootcamp","white");return(0,j.jsx)("div",k(x({className:n},r),{children:(0,j.jsx)("div",{className:"logo__og-container",children:(0,j.jsx)("img",{src:u,alt:p,style:{width:"auto",height:"37.8px",display:"block"}})})}))}let y=s();return(0,j.jsxs)("div",k(x({className:n},r),{children:[(0,j.jsx)("div",{className:"logo__icon",children:(0,j.jsx)($t,{})}),y&&(0,j.jsx)("span",{className:"logo__text",children:y})]}))};var jt={mobile:{min:375,max:743},tablet:{min:744,max:1279},desktop:{min:1280}},Vt={mo:"375px",tb:"744px",pc:"1280px"},Wt={mobile:"(min-width: 375px) and (max-width: 743px)",tablet:"(min-width: 744px) and (max-width: 1279px)",desktop:"(min-width: 1280px)",underTablet:"(max-width: 743px)"},qt={mobile:{margin:16,column:4,gutter:16},tablet:{margin:24,column:8,gutter:24},desktop:{margin:24,column:12,gutter:24}};0&&(module.exports={ActionButton,BREAKPOINTS,Badge,BreakpointProvider,Button,Checkbox,CheckboxGroup,Chip,ChipGroup,Dialog,DialogProvider,IconButton,LAYOUT_SYSTEM,Logo,MEDIA_QUERIES,Pagination,RadioButton,RadioButtonGroup,SelectBox,SelectHeader,SelectMenu,SelectMenuOverlay,TAILWIND_SCREENS,Tab,TabGroup,Tag,Text,TextInput,Toast,ToastProvider,Toggle,Tooltip,useBreakpoint,useCheckboxGroup,useDialog,useMediaQuery,useToast});
2
2
  //# sourceMappingURL=index.js.map