@likelion-design/ui 1.0.2 → 1.0.6

package/dist/index.mjs

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