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