@tripie-pyotato/design-system 0.1.0 → 0.1.1

package/dist/components/index.cjs

@@ -0,0 +1,2 @@
+'use strict';var gt=require('classnames/bind'),framerMotion=require('framer-motion'),react=require('react'),navigation=require('next/navigation'),reactIntersectionObserver=require('react-intersection-observer'),Er=require('next/link'),po=require('next/image');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var gt__default=/*#__PURE__*/_interopDefault(gt);var Er__default=/*#__PURE__*/_interopDefault(Er);var po__default=/*#__PURE__*/_interopDefault(po);var ut=Object.defineProperty;var t=(e,r)=>ut(e,"name",{value:r,configurable:true});var l=gt__default.default;var ht={Div:framerMotion.motion.div,Button:framerMotion.motion.button,Section:framerMotion.motion.section,Span:framerMotion.motion.span,Li:framerMotion.motion.li,Ul:framerMotion.motion.ul,Img:framerMotion.motion.img,Path:framerMotion.motion.path,Nav:framerMotion.motion.nav},n=ht;var _=t((...e)=>{let[r]=react.useState(e),[o,a]=react.useState(r[0]);return [o,t(s=>{if(s!=null)a(o[s]);else {let m=r.filter(d=>d!==o);a(m[0]);}},"toggleState")]},"useCycle");var xt={0:"#ffffff",40:"#858585",50:"#d3ffca",100:"#102b1f",300:"#d3ffca40",400:"#232323"},p=xt;var me={rest:{boxShadow:"none"},glow:{boxShadow:[`-2px 0px 10px 0px ${p[50]}`,`2px 0px 10px 0px ${p[50]}`,`0px 2px 10px 0px ${p[50]}`],transition:{ease:"circInOut"}}},F={rest:{boxShadow:"none"},selected:{backgroundColor:p[100],borderColor:p[300]},shine:{backgroundColor:p[100],borderColor:p[300]}},de={DETAILS:{closed:t(()=>({height:"0%",opacity:0}),"closed"),open:t(()=>({transform:{height:"100%"},transition:{duration:2,bounce:0,damping:2,stiffness:10}}),"open")},BUTTON:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open")},DIVIDER:{closed:t(()=>({backgroundColor:p[400]}),"closed"),open:t(()=>({backgroundColor:p[50],transition:{duration:.5,bounce:0}}),"open")}};var pe={};var wt=l.bind(pe),vt=t(({children:e,className:r,align:o="left",margin:a="m",applyMargin:i="all",preserveWhiteSpace:s=false,refs:m,...d})=>React.createElement("div",{ref:m,className:wt("layout-fill-available",`align-${o}`,"container",i,a,s?"preserve-white-space":"",r),...d},e),"TripieContainer"),c=vt;var yt={hr1:"l",hr2:"m",hr3:"m",hr4:"sm",hr5:"xsm"},fe=yt;var ue={};var ge=l.bind(ue),q=t(({className:e,current:r,variants:o=de.DIVIDER})=>React.createElement(n.Div,{variants:o,animate:r,className:ge("divider",e)}),"Divider"),Nt=t(({item:e})=>React.createElement(c,{applyMargin:"top-bottom",margin:fe[e.type]},React.createElement(q,{className:ge("divider",`divider-${e.type}`)})),"ArticleDivider");q.Article=Nt;var N=q;var he={};var Q="https://placehold.co/600x600?text=NO IMAGE";var kt="dbzzletpw",Tt=`https://res.cloudinary.com/${kt}/image/upload/`,It={ARROW:"v1743149708/arrow.avif",CHECK:"v1743150067/check.avif",X:"v1743150099/x.avif",REFRESH:"v1743150107/refresh.png",PLANE:"v1743150122/plane.png",CLOUD:"v1743150128/cloud.png",LOADING:"v1743150142/loading.png",TRAM:"v1743150147/tram.png",TRAIN:"v1743150152/train.png",WALK:"v1743150157/walk.png",SHIP:"v1743150164/ship.png",BUS:"v1743150170/bus.png",CAR:"v1743150175/car.png",FLAG:"v1743150180/flag.png",CURSOR:"v1743150185/cursor.avif",NEXT:"v1743150189/next.png",KAKAO:"v1743150194/kakao.png",GITHUB:"v1743150199/github.png"},g=t(e=>Tt+It[e],"ICON_RESOURCE");var v={DEFAULT:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open"),hover:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"hover")},ROTATE:{hover:t(()=>({rotate:"360deg",transition:{duration:1.2,bounce:.5}}),"hover")},NAVIGATE:t(e=>e==="back"?{closed:t(()=>({rotate:"-135deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{closed:t(()=>({rotate:"45deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"NAVIGATE"),REFRESH:t(e=>e==="redo"?{closed:t(()=>({rotate:"-135deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{closed:t(()=>({rotate:"45deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"REFRESH"),PLANE:{rotate:{rotate:"90deg"},fly:t(()=>({translateX:"100vw",transition:{repeat:1/0,duration:5,bounce:1}}),"fly")},CLOUD:{rest:t(()=>({opacity:`${Math.random()}`,translateX:`${Math.random()*1e3}rem`,translateY:`${Math.random()*100}px`}),"rest"),float:t(()=>({translateX:"-100%",delay:1,transition:{decelerate:2,repeat:1/0,duration:8,bounce:1}}),"float")},CURSOR:{initial:t(()=>({translateY:"-10px"}),"initial"),hover:t(()=>({pointerEvents:"none",translateX:"-50px",translateY:"-5px",transition:{decelerate:2,duration:.5,bounce:0}}),"hover")},SCROLL:t(e=>e?{initial:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"initial"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{initial:t(()=>({rotate:"-180deg",transition:{duration:.1,bounce:1}}),"initial"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"SCROLL")};var u=l.bind(he),h=t(({className:e,onTapStart:r,src:o=g("ARROW"),animate:a,sizes:i="icon",variants:s=v.DEFAULT,transition:m})=>React.createElement(n.Img,{onTapStart:r,className:u(i,e),variants:s,transition:m,animate:a,src:o,alt:`${o} icon`}),"Icon"),St=t(({className:e,direction:r="back",src:o,sizes:a="icon",animate:i,disabled:s,onTapStart:m,navigateUrl:d,variants:x=v.NAVIGATE(r),transition:k})=>{let D=navigation.useRouter(),J=t(({direction:ft})=>{if(d!=null)return D.replace(d);ft==="back"?D.back():D.forward();},"onNavigate");return React.createElement(n.Button,{disabled:s,onTapStart:t(()=>{m!=null?m():J({direction:r});},"onTapStart"),whileTap:"hover",whileHover:"hover",className:u(a,e),variants:x,transition:k,initial:"closed",animate:i},React.createElement("img",{src:g("ARROW"),alt:o+"\uBC84\uD2BC",className:u("icon-image")}))},"NavigateIcon"),At=t(({className:e,onTapStart:r,animate:o,transition:a,sizes:i="icon"})=>React.createElement(n.Div,{onTapStart:r,whileTap:"hover",whileHover:"hover",className:u(i,e),variants:v.REFRESH("undo"),transition:a,initial:"closed",animate:o},React.createElement("img",{src:g("REFRESH"),alt:"\uC0C8\uB85C\uACE0\uCE68 \uBC84\uD2BC",className:u("icon-image")})),"RefreshIcon"),zt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{variants:v.PLANE,animate:"fly",initial:"rotate",src:g("PLANE"),alt:"plane icon",className:u(r,"plane",e)}),"PlaneIcon"),Dt=t(({index:e=0,sizes:r="icon"})=>React.createElement(n.Img,{variants:v.CLOUD,initial:{opacity:`${.2}`,translateX:`${80*(Math.random()*(e+1))}vw`,translateY:`${Math.random()*100}px`},animate:{translateX:"-100vw"},transition:{decelerate:2,repeat:1/0,duration:35,bounce:0,delay:e*.1},src:g("CLOUD"),className:u(r),alt:"cloud icon"}),"CloudIcon"),Ot=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{animate:{rotate:"360deg"},transition:{repeat:1/0,duration:10,bounce:0},src:g("LOADING"),className:u(r,e),alt:"loading icon"}),"LoadingIcon"),Lt=t(({hovered:e="",className:r,transition:o,sizes:a="icon"})=>React.createElement(n.Img,{variants:v.CURSOR,src:g("CURSOR"),initial:"initial",animate:e,transition:o,alt:"cursor icon",className:u(a,r)}),"CursorIcon"),Mt=t(({hovered:e="",className:r,next:o=true,transition:a,onTapStart:i,sizes:s="icon"})=>React.createElement(n.Img,{variants:v.SCROLL(o),onTapStart:i,src:g("NEXT"),initial:"initial",animate:e,alt:"next icon",transition:a,className:u(s,o?"next":"prev",r)}),"ScrollIcon"),jt=t(({active:e=false,type:r="FLAG",className:o,sizes:a="icon"})=>React.createElement(n.Img,{animate:e?{rotate:[0,10,-10,0]}:{rotate:0},transition:e?{repeat:1/0,repeatType:"loop",duration:.8,ease:"easeInOut"}:{},className:u(a,o),src:g(r),alt:`${r} \uC544\uC774\uCF58`}),"TransportIcon"),Ut=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{className:u(r,e),src:g("X"),alt:"X \uC544\uC774\uCF58"}),"XIcon"),Ht=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{className:u(r,e),src:g("CHECK"),alt:"\uCCB4\uD06C \uC544\uC774\uCF58"}),"CheckIcon"),Vt=t(({className:e,sizes:r="icon",src:o=g("GITHUB")})=>React.createElement(n.Img,{className:u(r,e),variants:v.ROTATE,src:o,alt:"oauth \uC544\uC774\uCF58"}),"AuthIcon");h.Navigate=St;h.Refresh=At;h.Plane=zt;h.Cloud=Dt;h.Loading=Ot;h.Transport=jt;h.Cursor=Lt;h.Scroll=Mt;h.X=Ut;h.Auth=Vt;h.Check=Ht;var T=h;var xe={};var Z={DETAILS:{closed:t(()=>({height:"0%",opacity:0,display:"none"}),"closed"),open:t(()=>({transform:{height:"fit-content"},transition:{duration:2,bounce:0,damping:2,stiffness:10}}),"open")},BUTTON:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open")},DIVIDER:{closed:t(()=>({backgroundColor:p[400]}),"closed"),open:t(()=>({backgroundColor:p[50],transition:{duration:.5,bounce:0}}),"open")}};var O=l.bind(xe),L=react.createContext({current:"closed",cycle:t(()=>null,"cycle")}),M=t(({children:e,className:r})=>{let[o,a]=_("closed","open"),i=react.useMemo(()=>({current:o,cycle:a}),[o]);return React.createElement(L.Provider,{value:i},React.createElement(n.Div,{className:O("accordion",r)},e))},"Accordion"),$t=t(({className:e})=>{let{current:r}=react.useContext(L);return React.createElement(N,{current:r,className:O(e)})},"AccordionDivider"),Gt=t(({children:e})=>{let{cycle:r}=react.useContext(L);return React.createElement(n.Div,{className:O("accordion-header"),whileHover:{cursor:"pointer"},onTapStart:t(()=>r(),"onTapStart")},e)},"AccordionHeader"),Xt=t(({src:e,className:r,sizes:o="icon"})=>{let{current:a}=react.useContext(L);return React.createElement(T,{src:e,sizes:o,variants:Z.BUTTON,animate:a,className:O(r)})},"AccordionIcon"),Pt=t(({children:e})=>{let{current:r}=react.useContext(L);return React.createElement(n.Div,{variants:Z.DETAILS,animate:r,className:O("accordion-body")},e)},"AccordionBody");M.Divider=$t;M.Icon=Xt;M.Header=Gt;M.Body=Pt;var Wt=M;var be={};var Yt=l.bind(be),Jt=t(({action:e,children:r,name:o="no-style-button",type:a="button",className:i})=>React.createElement("button",{type:a,name:o,onClick:e,className:Yt("clear-btn",i)},r),"NoStyleButton"),E=Jt;var we={};var y=l.bind(we),ye=t(({items:e,className:r})=>{let[o,a]=react.useState(0),i=react.useRef(null),s=react.useCallback(m=>{let d=o;a(x=>m==="prev"?(d=x!=0?x-1:0,d):m==="next"?(d=x!=e.length-1?x+1:e.length-1,d):x),i?.current?.children?.[d]!=null&&i.current.children?.[d].scrollIntoView({behavior:"smooth",block:"nearest"});},[i,o]);return React.createElement(c,{margin:"none",className:y("carousel")},e.length>1&&o!=0?React.createElement(E,{name:"previous",action:t(()=>s("prev"),"action")},React.createElement(T.Scroll,{className:y("scroll-icon","next-icon"),next:false})):null,React.createElement(c,{margin:"none",className:y("flex-items","carousel-inner")},React.createElement(c,{margin:"none",className:y("insta-like-carousel-container",r),refs:i},e.map((m,d)=>React.createElement(rr,{key:`carousel-item-${m?.key}`,index:d,setFocusedIndex:a,focusedIndex:o},m)))),e.length>1&&o!=e.length-1?React.createElement(E,{name:"next",action:t(()=>s("next"),"action")},React.createElement(T.Scroll,{className:y("scroll-icon","prev-icon")})):null)},"Carousel"),rr=t(({children:e,className:r,index:o,setFocusedIndex:a,focusedIndex:i,threshold:s=.6})=>{let{ref:m,inView:d}=reactIntersectionObserver.useInView({threshold:s,triggerOnce:false});return react.useEffect(()=>{d&&o!=i&&a(o);},[d,i]),react.useEffect(()=>{!d&&o!=i&&a(i);},[d,i]),React.createElement(c,{margin:"none",refs:m,className:y("insta-like-carousel-item",i==o?"focused":"",r)},e)},"CarouselItem"),or=t(({children:e,className:r})=>React.createElement(c,{margin:"none",className:y("carousel")},React.createElement(c,{margin:"none",className:y("flex-items","carousel-inner")},React.createElement(c,{margin:"none",className:y("insta-like-carousel-container",r)},e))),"ControlledCarousel");ye.Controlled=or;var ar=ye;var Re={};var $=l.bind(Re),Ne=t(({children:e,className:r,onClick:o,selected:a,disabled:i=false})=>React.createElement(n.Button,{whileHover:"shine",whileTap:"shine",disabled:i,animate:a?"selected":"rest",variants:F,onClick:o,className:$("chip","with-border",r)},e),"Chip"),nr=t(({children:e,current:r,className:o,onClick:a,type:i="button"})=>React.createElement(n.Button,{initial:"rest",className:$("wrap","with-border",r==="on"?"selected":"chip",o),variants:me,whileHover:"glow",onClick:a,type:i},React.createElement("span",{className:$("accented",r==="on"?"selected":"chip")},e),React.createElement(n.Span,{className:$("glow"),animate:{rotate:360},transition:{type:"tween",duration:2,ease:"linear",repeat:1/0}})),"AccentedChip");Ne.Accented=nr;var ee=Ne;var Ee={};var sr=l.bind(Ee),mr=t(({className:e,children:r,selected:o})=>{let a=react.useMemo(()=>+r.split("-")[1]+1,[r]);return React.createElement(ee,{className:sr("marker",e),selected:o},a)},"ChipMarker"),ke=mr;var Te={};var G={FLICK_TEXT:{rest:{opacity:1,y:"0"},hover:{opacity:1,y:"-3rem",transition:{bounce:0}}},TEXT:{rest:{opacity:1,y:"2rem"},hover:{opacity:1,y:"-2rem",transition:{bounce:0}}},TITLE:t((e,r)=>({rest:{opacity:1,y:e,duration:.5},hover:{opacity:1,y:r,transition:{duration:.5}}}),"TITLE"),SLIDE:t(e=>({rest:t(()=>({}),"rest"),fly:t(()=>({translateX:"100vw",transition:{repeat:1/0,duration:e,bounce:1}}),"fly")}),"SLIDE")};var R=l.bind(Te),I=t(({children:e,className:r,size:o="default",bold:a=false,...i})=>{let s=`${e}`.split(`
+`).map((m,d)=>React.createElement("span",{className:R("text",a?"bold":"",o,r),key:d+m,...i},m));return React.createElement(React.Fragment,null,s)},"Text"),pr=t(({children:e,className:r,bold:o,size:a="default",...i})=>React.createElement("span",{className:R("text","accented",a,o?"bold":"",r),...i},e),"AccentedText"),fr=t(({children:e,className:r})=>React.createElement(n.Span,{className:R("flick",r),variants:G.TEXT},e),"FlickText"),Ie=t(({children:e,className:r})=>React.createElement(n.Span,{className:R("flick",r),variants:G.FLICK_TEXT},e),"FlickText2"),ur=t(({children:e,className:r,disabled:o=false,otherChild:a=e,withBorder:i=false,animate:s="rest",action:m})=>React.createElement(n.Div,{className:R("animated-text",i&&"with-border",r),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:s,onTap:m},React.createElement(Ie,null,e),React.createElement(c,{applyMargin:"top"}," "),React.createElement(Ie,{className:R("hovered")},a)),"AnimatedText"),gr=t(({children:e,className:r})=>React.createElement(c,{className:R("box"),margin:"none"},e.split("").map((o,a)=>React.createElement(n.Span,{key:a+o,className:R("box",r),animate:{y:[-5,0]},transition:{delay:a*.1,duration:.5,repeat:1/0,repeatType:"reverse"}},o))),"JumpingText"),hr=t(({children:e,className:r,transition:o,animate:a="fly",duration:i=5})=>React.createElement(n.Div,{className:R(r),initial:"rest",animate:a,transition:o,variants:G.SLIDE(i)},e),"SlidingText");I.Accented=pr;I.Slide=hr;I.Animated=ur;I.Flick=fr;I.Jump=gr;var f=I;var Ce={};var C=l.bind(Ce),S=t(({children:e,className:r})=>React.createElement(f,{className:C("default",r)},e),"Heading"),br=t(({children:e,className:r})=>React.createElement("h1",{className:C("h1",r)},e),"H1"),wr=t(({children:e,className:r})=>React.createElement("h2",{className:C("h2",r)},e),"H2"),vr=t(({children:e,className:r})=>React.createElement("h3",{className:C("h3",r)},e),"H3"),yr=t(({children:e,className:r})=>React.createElement("h4",{className:C("h4",r)},e),"H4"),Rr=t(({children:e,className:r})=>React.createElement("h4",{className:C("headline",r)},e),"Headline");S.Headline=Rr;S.H1=br;S.H2=wr;S.H3=vr;S.H4=yr;var Se=S;var Ae={};var kr=l.bind(Ae);function Tr({children:e,className:r,href:o,role:a,size:i="default",...s}){return React.createElement(Er__default.default,{href:o,className:kr("link",r),role:a,...s},React.createElement(f,{bold:true,size:i},e))}t(Tr,"UnstyledLink");var ze=Tr;var De={};var j=l.bind(De),te=t(({children:e,className:r,rowView:o=false})=>React.createElement(c,{margin:"m",className:j(r),applyMargin:"top-bottom"},React.createElement("ul",{className:j("list",o?"row-view":"")},e)),"List"),Cr=t(({children:e,justifyContent:r="flex-start",alignItems:o="normal",gap:a="default",className:i})=>React.createElement("li",{className:j("list-item",`justify-content-${r}`,`align-items-${o}`,`gap-${a}`,i)},e),"ListItem"),Sr=t(({children:e,className:r})=>React.createElement(c,{margin:"m",className:j(r),applyMargin:"top-bottom"},React.createElement("ul",{className:j("list","wrap")},e)),"GridList");te.Item=Cr;te.Grid=Sr;var Ar=te;var Dr={hidden:{opacity:0,y:50},visible:{opacity:1,y:0}},Or=t(({duration:e=1,delay:r=0,replays:o=true,children:a,className:i})=>React.createElement(reactIntersectionObserver.InView,null,({inView:s,ref:m})=>React.createElement(n.Div,{animate:s?"visible":"hidden",ref:m,variants:Dr,transition:{duration:e,delay:r,damping:2,stiffness:10,replays:o},className:i},a)),"MotionSlideUp"),X=Or;var Oe={};var Mr=l.bind(Oe),jr=t(({x:e,y:r,duration:o=.5})=>React.createElement(n.Div,{initial:{opacity:0,x:0,y:0},animate:{opacity:1,x:e,y:r},transition:{repeat:1/0,repeatType:"mirror",duration:o},className:Mr("particle")}),"Particles"),Le=jr;var Me={};var Hr=l.bind(Me),Vr=Array.from({length:50},()=>({x:Math.random()*1e3-500,y:Math.random()*1e3-500,duration:Math.random()*10+5})),_r=t(()=>React.createElement("div",{className:Hr("particle-field")},Vr.map((e,r)=>React.createElement(Le,{key:`${r}-${e.x}-${e.y}-${e.duration}`,x:e.x,y:e.y,duration:e.duration}))),"ParticleField"),P=_r;var je={};var Ue=l.bind(je);function re({children:e}){return React.createElement(c,{className:Ue("background"),margin:"none"},React.createElement(c,{className:Ue("gradient-bottom"),margin:"none"}),e,React.createElement(P,null))}t(re,"ParticleBackground");var He={};var W=l.bind(He),$r=t(({className:e})=>React.createElement(n.Div,{className:W("pie","rotating-blur",e),initial:{rotate:0},animate:{scale:[1,1.2,1.5,1.2,1],rotate:360},transition:{duration:5,times:[0,.25,.5,.75,1],repeat:1/0,ease:"linear"}},React.createElement(n.Div,{className:W("segment","segment-1")}),React.createElement(n.Div,{className:W("segment","segment-2")}),React.createElement(n.Div,{className:W("segment","segment-3")})),"RotatingBlur"),Ve=$r;var _e={};var Fe=l.bind(_e),Be=t(({children:e,className:r})=>React.createElement(n.Div,{className:Fe("splash-full-screen",r),initial:{opacity:1,y:0},animate:{opacity:1,y:"-120%"},transition:{duration:.8,delay:1}},React.createElement(c,{align:"center"},e)),"SplashScreen"),Xr=t(({children:e,className:r})=>React.createElement(n.Div,{className:Fe("splash-full-screen",r),initial:{opacity:1,y:0}},React.createElement(c,{align:"center"},e)),"ControlledSplashScreen");Be.Controlled=Xr;var Pr=Be;var $e={};var K={BACKGROUND:{off:t(()=>({backgroundColor:p[40],borderColor:p[400]}),"off"),on:t(()=>({backgroundColor:p[50],borderColor:p[50]}),"on")},BUTTON:{off:t(()=>({x:"150%",backgroundColor:p[40]}),"off"),on:t(()=>({x:"30%",backgroundColor:p[50]}),"on")},TEXT:{off:t(()=>({x:"0%"}),"off"),on:t(()=>({x:"200%",color:p[50]}),"on")}};var Y=l.bind($e),Kr=t(({current:e,cycle:r,className:o,text:a})=>React.createElement(n.Div,{className:Y("switch",o),animate:e,onTapStart:t(()=>r(),"onTapStart")},React.createElement(n.Div,{className:Y("background"),variants:K.BACKGROUND,transition:{ease:"easeInOut"}}),React.createElement(n.Div,{className:Y("button"),variants:K.BUTTON,transition:{ease:"easeInOut"}}),React.createElement(n.Div,{className:Y("switch-text"),variants:K.TEXT,transition:{ease:"easeInOut"}},a)),"Switch"),Ge=Kr;var Xe={};var A=l.bind(Xe),We=t(({text:e,baseColor:r,endColor:o=p[0],duration:a=1,delay:i=0,replays:s=true})=>React.createElement(reactIntersectionObserver.InView,null,({inView:m,ref:d})=>React.createElement(c,{margin:"none",className:A("animation",r==null?"default":""),ref:d},React.createElement("span",{className:A("wrap")},e,React.createElement(n.Span,{className:A("text"),style:{color:r??o},animate:m?"visible":"hidden",initial:{width:"0%"},variants:{visible:{width:"100%"},hidden:{width:"0%"}},transition:{baseColor:r,endColor:o,duration:a,delay:i,replays:s}},e)))),"TextFillAnimation"),Jr=t(({children:e,repeat:r=1,duration:o=1})=>React.createElement(reactIntersectionObserver.InView,null,({inView:a,ref:i})=>React.createElement("div",{className:A("animation","pre-title","default"),ref:i},React.createElement("span",{className:A("wrap")},e,React.createElement(n.Span,{className:A("text","title"),animate:a?"visible":"hidden",initial:{width:"0%"},variants:{visible:{width:"100%"},hidden:{width:"0%"}},transition:{repeat:r,duration:o}},e)))),"TitleTextFillAnimation");We.Title=Jr;var qr=We;var Ke={};var oe={DIVIDER:{closed:t(()=>({x:"0%",width:"0%",translateY:"-10px",backgroundColor:"transparent"}),"closed"),open:t(()=>({x:"0%",backgroundColor:p[50],width:"100%",transition:{damping:10,stiffness:100,duration:.5}}),"open")}};var Ye=l.bind(Ke),Zr=t(({children:e,onClick:r,className:o})=>React.createElement(n.Div,{className:Ye("wrap",o),onClick:r,variants:oe,whileHover:"open",whileTap:"open"},e,React.createElement(N,{variants:oe.DIVIDER,className:Ye("divider")})),"TextUnderLineAnimation"),Je=Zr;var qe={};var U=l.bind(qe),Qe=t(({children:e,className:r,disabled:o=false,type:a="button",otherChild:i=e,withBorder:s=false,onClick:m,animate:d="rest",withMinWidth:x=false,selected:k=false})=>React.createElement(n.Button,{disabled:o,onTap:m,type:a,className:U("button",s&&"with-border",x&&"min",r,k?"selected":""),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:d},React.createElement(f.Flick,null,e),React.createElement("span",{className:U("gap")}," "),React.createElement(f.Flick,{className:U("hovered")},i)),"AnimatedButton"),to=t(({children:e,className:r,disabled:o=false,otherChild:a=e,withBorder:i=false,animate:s="rest",withMinWidth:m=false})=>React.createElement(n.Div,{className:U("button",i&&"with-border",m&&"min",r),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:s},React.createElement(f.Flick,null,e),React.createElement(c,{applyMargin:"top"}," "),React.createElement(f.Flick,{className:U("hovered")},a)),"AnimatedText");Qe.Text=to;var ae=Qe;var Ze={};var et={};var tt={open:{y:0,opacity:1,transition:{y:{stiffness:1e3,velocity:-100}}},closed:{y:50,opacity:0,transition:{y:{stiffness:1e3}}}};var ao=l.bind(et),io=t(({children:e})=>React.createElement(n.Li,{className:ao("menu-item"),variants:tt,whileHover:{scale:1.1},whileTap:{scale:.95}},e),"MenuItem"),rt=io;var ot={};var at={open:{opacity:1,display:"inline-block",transition:{staggerChildren:.07,delayChildren:.2}},closed:{opacity:0,display:"none",transition:{staggerChildren:.05,staggerDirection:-1}}};var lo=l.bind(ot),co=t(({children:e})=>React.createElement(n.Ul,{className:lo("navigation"),variants:at},e),"MenuList"),it=co;var ne=l.bind(Ze),ie=t(e=>React.createElement(n.Path,{fill:"transparent",strokeWidth:"1",stroke:p[0],strokeLinecap:"round",...e}),"Path"),so=t(({toggle:e})=>React.createElement(E,{action:t(()=>e(),"action"),className:ne("menu-toggle")},React.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",className:ne("svg")},React.createElement(ie,{variants:{closed:{d:"M 2 2.5 L 20 2.5"},open:{d:"M 3 16.5 L 17 2.5"}}}),React.createElement(ie,{d:"M 2 9.423 L 20 9.423",variants:{closed:{opacity:1},open:{opacity:0}},transition:{duration:.1}}),React.createElement(ie,{variants:{closed:{d:"M 2 16.346 L 20 16.346"},open:{d:"M 3 2.5 L 17 16.346"}}}))),"ToggleButton"),le=t(({className:e,children:r="",initial:o=false})=>{let[a,i]=_(o,true);return React.createElement(n.Nav,{className:ne("nav",e),initial:o,animate:a?"open":"closed"},React.createElement(c,{margin:"none"},r),React.createElement(so,{toggle:i}))},"MenuToggle");le.Item=rt;le.List=it;var nt=le;var lt={};var H=l.bind(lt),ce=t(({alt:e,src:r,refs:o,sizes:a="default",className:i,withBorder:s=true,blurDataURL:m,fill:d=true})=>React.createElement(c,{margin:"none",className:H("tripie-image","img-wrap",a,s&&"with-border",i)},m==null?React.createElement("img",{className:H("tripie-image","img-wrap",a,s&&"with-border"),src:r??Q,alt:`${e}\uC758 \uC774\uBBF8\uC9C0\uC77C \uC218 \uC788\uC74C`}):React.createElement(po__default.default,{src:r??Q,className:H("tripie-image","img-wrap",a,s&&"with-border"),alt:e,sizes:"(min-width:640px) 50vw, 100vw",placeholder:"blur",fill:d,blurDataURL:m,ref:o})),"TripieImage"),fo=t(({alt:e,src:r,refs:o,className:a,sizes:i="medium",sourceUrl:s,withBorder:m=true,blurDataURL:d})=>React.createElement(c,{margin:"none",className:H("img-wrap",m??"with-border",a)},React.createElement(ce,{src:r,alt:e,refs:o,sizes:i,blurDataURL:d}),React.createElement(f,{className:H("source-url","img-source")},`\uCD9C\uCC98 ${s}`)),"ImageWithSourceUrl");ce.WithSourceUrl=fo;var V=ce;var ct={};var b=l.bind(ct),z=t(({duration:e,replays:r,delay:o=.3,children:a,className:i})=>React.createElement(X,{delay:o,duration:e,replays:r,className:b("with-border","outer-wrap",i)},React.createElement(c,{margin:"none",className:b("noise-contents-contrast")},a),React.createElement("div",{className:b("noise")})),"Card"),go=t(({children:e,className:r,ref:o})=>React.createElement(c,{margin:"none",ref:o,className:b("with-border","inner-wrap",r)},e),"CardContent"),ho=t(({children:e,ref:r,className:o,onClick:a,selected:i})=>React.createElement(n.Div,{ref:r,whileHover:"shine",whileTap:"shine",animate:i?"selected":"rest",variants:F,onClick:a,className:b("chip","with-border","inner-wrap",o)},e),"ClickableCardContent"),xo=t(({children:e,className:r})=>React.createElement(c,{margin:"none",className:b("inner-wrap","with-description",r)},e),"CardDescription"),bo=t(({onClick:e,src:r,alt:o,title:a,summary:i,className:s,sourceUrl:m,imageSize:d="medium",displaySource:x=false,withBorder:k,isFullSize:D=false,blurDataURL:J})=>React.createElement(z.ClickableContent,{onClick:e,className:b("article-card",D?"full-size":"",s)},React.createElement(c,{margin:"none",className:b("img-wrap")},m==null||!x?React.createElement(V,{blurDataURL:J,src:r,sizes:d,alt:o??`${r} \uC774\uBBF8\uC9C0\uC77C \uC218\uB3C4 \uC788\uC74C`,className:b("thumbnail"),withBorder:k}):React.createElement(V.WithSourceUrl,{sizes:d,withBorder:k,sourceUrl:m,src:r,alt:o??`${r} \uC774\uBBF8\uC9C0\uC77C \uC218\uB3C4 \uC788\uC74C`,className:b("thumbnail")})),React.createElement(c,null,React.createElement(c,{margin:"sm",applyMargin:"bottom"},React.createElement(f,{className:b("bold")},a),React.createElement(N,null)),i)),"CardWithImage");z.Content=go;z.ClickableContent=ho;z.Description=xo;z.WithCoverImage=bo;var wo=z;var st={};var mt=l.bind(st),dt=t(({children:e,className:r,...o})=>React.createElement("div",{className:mt("skeleton",r),...o},e),"Skeleton"),yo=t(({children:e,className:r,...o})=>React.createElement("div",{className:mt("skeleton",r),...o},e),"SkeletonImage");dt.Image=yo;var pt=dt;exports.Accordion=Wt;exports.AnimatedButton=ae;exports.AnimatedText=ae;exports.Card=wo;exports.Carousel=ar;exports.Chip=ee;exports.ChipMarker=ke;exports.Container=c;exports.Divider=N;exports.Headings=Se;exports.Icon=T;exports.Link=ze;exports.List=Ar;exports.MenuToggle=nt;exports.MotionSlideUp=X;exports.NoStyleButton=E;exports.ParticleBackground=re;exports.ParticleField=P;exports.RotatingBlur=Ve;exports.Skeleton=pt;exports.SplashScreen=Pr;exports.Switch=Ge;exports.Text=f;exports.TextFillAnimation=qr;exports.TextUnderLineAnimation=Je;exports.TripieImage=V;

package/dist/components/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";@media (max-width: 470px){.preserve-white-space{white-space:pre-wrap}}.layout-fill-available{width:-moz-available;width:-webkit-fill-available;width:stretch}.align-center{display:inline-flex;justify-content:center;align-content:stretch;flex-wrap:nowrap}.align-right{display:inline-flex;justify-content:flex-end;align-content:stretch;flex-wrap:nowrap}.container.all.xl{margin:4rem}.container.top-bottom.xl{margin:4rem 0}.container.left-right.xl{margin:0 4rem}.container.left.xl{margin:0;margin-left:4rem}.container.right.xl{margin:0;margin-right:4rem}.container.top.xl{margin:0;margin-top:4rem}.container.bottom.xl{margin:0;margin-bottom:4rem}.container.top-left-right.xl{margin:4rem;margin-bottom:0}.container.left-right-bottom.xl{margin:4rem;margin-top:0}.container.all.l{margin:2rem}.container.top-bottom.l{margin:2rem 0}.container.left-right.l{margin:0 2rem}.container.left.l{margin:0;margin-left:2rem}.container.right.l{margin:0;margin-right:2rem}.container.top.l{margin:0;margin-top:2rem}.container.bottom.l{margin:0;margin-bottom:2rem}.container.top-left-right.l{margin:2rem;margin-bottom:0}.container.left-right-bottom.l{margin:2rem;margin-top:0}.container.all.m{margin:1rem}.container.top-bottom.m{margin:1rem 0}.container.left-right.m{margin:0 1rem}.container.left.m{margin:0;margin-left:1rem}.container.right.m{margin:0;margin-right:1rem}.container.top.m{margin:0;margin-top:1rem}.container.bottom.m{margin:0;margin-bottom:1rem}.container.top-left-right.m{margin:1rem;margin-bottom:0}.container.left-right-bottom.m{margin:1rem;margin-top:0}.container.all.sm{margin:.6rem}.container.top-bottom.sm{margin:.6rem 0}.container.left-right.sm{margin:0 .6rem}.container.left.sm{margin:0;margin-left:.6rem}.container.right.sm{margin:0;margin-right:.6rem}.container.top.sm{margin:0;margin-top:.6rem}.container.bottom.sm{margin:0;margin-bottom:.6rem}.container.top-left-right.sm{margin:.6rem;margin-bottom:0}.container.left-right-bottom.sm{margin:.6rem;margin-top:0}.container.all.xsm{margin:.2rem}.container.top-bottom.xsm{margin:.2rem 0}.container.left-right.xsm{margin:0 .2rem}.container.left.xsm{margin:0;margin-left:.2rem}.container.right.xsm{margin:0;margin-right:.2rem}.container.top.xsm{margin:0;margin-top:.2rem}.container.bottom.xsm{margin:0;margin-bottom:.2rem}.container.top-left-right.xsm{margin:.2rem;margin-bottom:0}.container.left-right-bottom.xsm{margin:.2rem;margin-top:0}.accordion-button{width:2rem}.accordion-header{cursor:pointer;display:inline-flex;flex-direction:column;gap:.5rem;justify-content:center}.divider{height:1.5px;width:100%;border-radius:10px;background-color:var(--themes-color-400)}.divider-hr1{background-color:var(--themes-color-50);height:2.4px}.divider-hr2{background-color:var(--themes-color-50);height:2px}.divider-hr3{background-color:transparent;height:1.8px}.icon{background-color:inherit;border:none;padding:0;display:inline-flex;align-items:center;cursor:pointer;width:1rem;height:1rem}.plane{background-color:inherit;border:none;padding:0;display:inline-flex;align-items:center;cursor:pointer;width:1rem;height:1rem;position:absolute;top:50%;z-index:600}.large{background-color:inherit;border:none;padding:0;display:inline-flex;align-items:center;cursor:pointer;height:2rem;width:2rem}.icon-image{min-width:1rem;min-height:1rem}.accordion-header{display:inline-flex;flex-direction:column;gap:.5rem;justify-content:center}.divider{height:1.5px}.accordion-body{color:var(--themes-color-40)}.accordion{width:100%;height:100%}.clear-btn{padding:0;font:inherit;color:inherit;background:none;border:0;outline:inherit;cursor:pointer;background-color:inherit;margin:0}.carousel{position:relative;width:100%;margin:auto;overflow:hidden}.flex-items{display:inline-flex;justify-content:flex-start;overflow-x:scroll;flex-wrap:nowrap;gap:1rem;width:100%;list-style:none;padding:0}.carousel-inner{display:inline-flex;transition:transform .5s ease-in-out;width:100%}.insta-like-carousel-container{display:inline-flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;gap:1rem;scrollbar-width:none;-ms-overflow-style:none}.insta-like-carousel-container ::-webkit-scrollbar{display:none}.insta-like-carousel-item{flex:0 0 100%;scroll-snap-align:center;position:relative;transition:transform .3s ease,box-shadow .3s ease;background-size:cover;background-position:center}.scroll-icon{position:absolute;z-index:100;border:1px solid var(--themes-color-50);border-radius:100%}.next-icon{left:1rem;top:49%}.prev-icon{right:1rem;top:49%}.chip{border-color:var(--themes-color-400);background-color:var(--themes-color-200);font-size:.8rem;cursor:pointer;display:inline-block}.chip:disabled{cursor:not-allowed;color:var(--themes-color-300)}.marker{display:inline-flex;border-radius:100%;align-items:center;justify-content:center;cursor:pointer;padding:.2rem}.with-border{padding:10px 25px;font-size:.8rem;border:1px solid rgba(213,255,204,.2509803922);opacity:1;padding:.2rem .6rem;border-radius:10px;color:inherit}.chip{border-color:var(--themes-color-400);background-color:var(--themes-color-200);font-size:.8rem;cursor:pointer}.accented{position:relative;z-index:2;margin:.4px;padding:.2rem .6rem;font-size:.8rem;border-radius:10px}.glow{width:100%;height:4rem;background-color:var(--themes-color-50);border:1px var(--themes-color-50);filter:blur(18px);mask:linear-gradient(transparent 0%,var(--themes-color-50) 120%);position:absolute;top:0;left:50%;transform-origin:left;transform:translate(-50%,-50%)}.wrap{cursor:pointer;overflow:hidden;width:fit-content;height:fit-content;position:relative;color:var(--themes-color-50);border-radius:10px;padding:0}.selected{background-color:var(--themes-color-100)}.restaurant{display:inline-flex;border-radius:100%;align-items:center;justify-content:center;cursor:pointer;padding:.5rem;background-color:red}.hotel{display:inline-flex;border-radius:100%;align-items:center;justify-content:center;cursor:pointer;padding:.5rem;background-color:#3b4ad3}.attraction{display:inline-flex;border-radius:100%;align-items:center;justify-content:center;cursor:pointer;padding:.5rem;background-color:orange}.marker{display:inline-flex;border-radius:100%;align-items:center;justify-content:center;cursor:pointer;padding:.2rem;width:1.5rem;height:1.5rem}.headings{white-space:nowrap;white-space:pre-line;display:-webkit-box;text-overflow:ellipsis;hyphens:auto;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;font-size:1rem}.headline{font-size:.875rem}.default{font-size:16px}.h0{font-size:2.25rem}.h1{font-size:2rem}.h2{font-size:1.625rem}.h3{font-size:1.375rem}.h4{font-size:1.25rem}.small{font-size:.875rem}.tiny{font-size:.75rem}.text{hyphens:auto;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;font-size:1rem;color:inherit}.text[aria-selected=false]{color:var(--default-color-500)}.text[aria-selected=true]{color:var(--default-color-900)}.flick{z-index:30;width:fit-content;height:3rem}.min{min-width:9rem}.dim{color:var(--default-color-500)}.primary{color:var(--primary-color-900)}.secondary{color:var(--primary-color-600)}.gray{color:var(--default-color-800)}.danger{color:var(--danger-color-600)}.warning{color:var(--warning-color-300)}.emphasize{color:var(--primary-color-700)}.box>span{position:relative;display:inline-block}.accented{color:var(--themes-color-50);font-size:inherit}.animated-text{overflow-y:hidden;color:inherit;display:inline-flex;height:2rem;flex-direction:column}.animated-text:hover{cursor:pointer}.small{font-size:.8rem}.link{text-decoration:none;color:var(--default-color-700)}.link[aria-selected=false]{color:var(--default-color-500);font-weight:400}.link[aria-selected=true]{color:var(--default-color-900);font-weight:700}.link[aria-disabled=true]{cursor:not-allowed;color:var(--default-color-400)}.list{list-style:none;padding:0;margin:0;display:inline-flex;gap:1rem;flex-direction:column;width:100%}.list.row-view{flex-direction:row}.wrap{display:grid;justify-content:center;gap:1rem;width:100%;list-style:none;grid-template-columns:repeat(4,1fr);padding:0;margin:0}@media (max-width: 880px){.wrap{grid-template-columns:repeat(3,1fr)}}@media (max-width: 730px){.wrap{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.wrap{grid-template-columns:repeat(1,1fr)}}@media (min-width: 1300px){.wrap{grid-template-columns:repeat(6,1fr)}}.list-item{display:inline-flex;width:100%}.list-item.justify-content-flex-start{justify-content:flex-start}.list-item.justify-content-center{justify-content:center}.list-item.justify-content-flex-end{justify-content:flex-end}.list-item.align-items-start{align-items:flex-start}.list-item.align-items-center{align-items:center}.list-item.align-items-end{align-items:flex-end}.list-item.align-items-stretch{align-items:stretch}.list-item.gap-l{gap:1rem}.list-item.gap-default{gap:.5rem}.particle{background-color:var(--themes-color-50);border-radius:50%;position:absolute;top:50%;left:50%;height:3px;width:3px;z-index:0}.particle-field{position:absolute;width:100%;height:100vh;z-index:0}.background{align-content:flex-start;align-items:flex-start;flex:none;flex-direction:column;height:min-content;width:100%;width:-moz-available;width:-webkit-fill-available;background:radial-gradient(50% 50% at 0% 0%,var(--themes-color-600) 0%,var(--themes-color-500) 100%);align-items:center;display:inline-flex;flex-wrap:nowrap;gap:20px;height:inherit;justify-content:center;overflow:hidden;padding:0;width:inherit;position:relative}.gradient-bottom{align-content:flex-start;align-items:flex-start;display:inline-flex;flex:none;flex-direction:column;flex-wrap:nowrap;height:min-content;justify-content:center;position:relative;width:100%;width:-moz-available;width:-webkit-fill-available;padding:100px 0 50px;background:radial-gradient(75% 50% at 100% 100%,var(--themes-color-600) 0%,rgba(8,7,7,0) 100%);inset:0;overflow:hidden;position:absolute;z-index:0;height:inherit}.rotating-blur{filter:blur(24px);position:absolute;width:100%;height:100vh;z-index:0}.pie{width:12rem;height:12rem}.segment-1{opacity:1;box-shadow:-1px -9px 1px 7px #5aacd9;border-radius:500px;inset:0;position:absolute;display:inline-flex;place-items:center;place-content:center;color:#85f;background:conic-gradient(from 0deg at 50% 50%,#fff,#139ce5,#0de7b4);overflow:hidden}.segment-3{box-shadow:-4px 7px 2px 8px #c73d3d;border-radius:500px;inset:0;position:absolute;display:inline-flex;place-items:center;place-content:center;color:#85f;background:conic-gradient(from 0deg at 50% 50%,#ffd9ad,#0b5740,#0de7b4);overflow:hidden;opacity:1}.segment-2{box-shadow:-3px 7px 3px 4px #dda75f;opacity:.8;border-radius:500px;inset:0;position:absolute;display:inline-flex;place-items:center;place-content:center;color:#85f;background:conic-gradient(from 0deg at 50% 50%,red,red,#14785a,#0b563f,#0b563f,#0de7b4,red);overflow:hidden}.splash-full-screen{align-content:flex-start;align-items:flex-start;display:inline-flex;flex:none;flex-direction:column;flex-wrap:nowrap;height:min-content;justify-content:center;overflow:hidden;position:relative;width:100%;width:-moz-available;width:-webkit-fill-available;padding:100px 0 50px;background:radial-gradient(50% 50% at 0% 0%,var(--themes-color-600) 0%,var(--themes-color-500) 100%);height:100vh;width:100vw;position:fixed;z-index:100;transform:none;transform-origin:50% 50% 0px}.switch{width:fit-content;min-width:5rem;overflow:hidden;height:2.5rem;border:none;position:relative;cursor:pointer}.background{padding:10px 25px;font-size:.8rem;border:1px solid rgba(213,255,204,.2509803922);background:radial-gradient(150% 150% at 50% 50%,#181c17,#0f0f0f);height:100%;width:100%;opacity:1;border-radius:100px}.button{background-color:var(--themes-color-50);border-radius:100%;overflow:hidden;position:absolute;bottom:.5rem;right:3.2rem;width:1.6rem;height:1.6rem;z-index:3}.switch-text{border-radius:100px;position:absolute;top:25%;left:14%;z-index:3}.title{font-weight:700;background:linear-gradient(to top,var(--themes-color-600) 2%,var(--themes-color-50));background-clip:text;color:transparent;background-repeat:no-repeat;background-size:100%;font-size:55px}.pre-title{font-weight:700;font-size:55px}.animation{width:"100%";white-space:"nowrap"}.default{color:var(--themes-color-600)}.wrap{position:relative;display:inline-block;text-wrap:nowrap}.text{position:absolute;overflow:hidden;top:0;left:0;width:0%;white-space:nowrap}.wrap{width:fit-content;cursor:pointer;font-size:inherit}.divider{cursor:pointer;background-color:transparent}.selected{background-color:var(--themes-color-100)!important}.hovered{position:relative;z-index:30;color:var(--themes-color-50)}.gap{display:inline-block;padding:.2rem}.button{height:3rem;overflow-y:hidden;color:inherit;align-content:center;align-items:center;display:inline-flex;flex-direction:column;flex-wrap:nowrap;gap:1.2rem;justify-content:center;position:relative;text-decoration:none;width:fit-content;min-width:4rem;cursor:pointer;background:none;border:none}.with-border{min-width:9rem;padding:10px 25px;font-size:.8rem;border:1px solid rgba(213,255,204,.2509803922);border-radius:8px;opacity:1}.button:disabled{cursor:not-allowed;color:var(--themes-color-300)}.next-button-wrap,.submit-button{width:100%}.all-info-cursor{position:"fixed";right:2rem;float:right}.nav{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:10px;height:80px;width:100%;justify-content:space-between;overflow:visible;padding:0 15px;position:fixed;top:0;left:0;right:0;z-index:40}.menu-toggle{display:inline-flex;border-bottom-width:1px;border-color:var(--themes-color-400);border-left-width:1px;border-right-width:1px;border-style:solid;border-top-width:1px;backdrop-filter:blur(10px);border-radius:50%;transform:none;transform-origin:50% 50% 100px;will-change:auto;background:none;width:40px;height:40px;align-items:center;justify-content:center}.svg{transform:translate(1.5px,3px)}.menu-item{list-style:none;margin:1rem;cursor:pointer;overflow:hidden;width:100%;display:inline-flex;align-items:center;gap:.2rem}.menu-item>a{text-decoration:none;color:inherit}.navigation{border-bottom-width:1px;border-color:var(--themes-color-400);border-left-width:1px;border-right-width:1px;border-style:solid;border-top-width:1px;backdrop-filter:blur(10px);border-radius:10px;transform-origin:50% 50% 0px;will-change:auto;padding:0;position:fixed;top:3px;width:12rem;height:fit-content;right:5rem}.img-wrap{padding:0;overflow:hidden;display:inline-block;box-sizing:border-box;position:relative}.img-wrap>img{width:100%;height:100%;display:block;object-fit:cover}.with-border{padding:10px 25px;font-size:.8rem;border:1px solid rgba(213,255,204,.2509803922);border-radius:8px;opacity:1}.img-source{position:absolute;bottom:1rem;right:1rem}.source-url{text-wrap:nowrap;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:100;max-width:30%;display:inline-block}.small{height:4rem}.medium{height:24rem}.card{height:12rem}.icon{height:1rem;width:1rem}.tripie-image{padding:0;overflow:hidden;position:relative}.tripie-image img{width:100%;height:100%;display:block;object-fit:cover}.default{width:24rem;height:24rem}.large{height:24rem}.flex{display:inline-flex;justify-content:center;flex-wrap:nowrap;align-items:center}.noise-contents-contrast{z-index:2}.with-border{padding:10px 25px;font-size:.8rem;border:1px solid rgba(213,255,204,.2509803922);border-radius:8px;opacity:1;padding:1.2rem}.inner-wrap{opacity:1;position:relative;overflow:hidden;z-index:1}.inner-wrap.with-description{align-items:flex-start}.inner-wrap:not(.with-description){background-color:var(--themes-color-500)}.outer-wrap{padding:10px 25px;font-size:.8rem;border:1px solid rgba(213,255,204,.2509803922);opacity:1;display:inline-flex;width:100%;flex-basis:auto;flex-direction:column;align-items:center;justify-content:center;gap:15px;flex-wrap:nowrap;border-radius:10px;padding:1.2rem;position:relative;overflow:hidden;min-width:318px}@media (max-width: 450){.outer-wrap{min-width:100%}}.outer-wrap{height:100%}.noise{position:absolute;border-radius:inherit;inset:0;background-repeat:repeat;background-position:left top;background-size:128px auto;background-image:url(https://res.cloudinary.com/dbzzletpw/image/upload/v1743221286/noise.avif);filter:brightness(50%);border:0;opacity:.2;z-index:0}.chip{cursor:pointer}.embedded-card{min-width:21rem;width:60%;max-width:60%;display:inline-flex;flex-direction:column;justify-content:flex-start}@media (max-width: 450){.embedded-card{min-width:17rem}}.article-card{padding:0;justify-content:flex-start;min-width:12rem;flex-wrap:wrap}.full-size{width:100%}.thumbnail{width:100%;height:16rem;position:relative}.bold{font-weight:700}.embedded-card-wrap{overflow-x:scroll;height:100%;align-items:stretch}.poi-card{min-height:21rem;min-width:16rem}.poi-card>div:first-child{height:12rem;max-height:8rem;min-height:8rem}.poi-card>div{margin:0}@keyframes skeleton-shimmer-skeleton-random{to{background-position:180% 0,0 0px}}.skeleton{display:block;width:100%;min-height:24px;background-image:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.6) 50%,transparent 80%),linear-gradient(#e1e4e8 0% 100%);background-repeat:no-repeat;background-position:-60% 0,0 0px;background-size:50% 100%,100% 24px;animation:skeleton-shimmer-skeleton-random 3s infinite}

package/dist/components/index.js

@@ -0,0 +1,2 @@
+import gt from'classnames/bind';import {motion}from'framer-motion';import {createContext,useContext,useMemo,useState,useRef,useCallback,useEffect}from'react';import {useRouter}from'next/navigation';import {InView,useInView}from'react-intersection-observer';import Er from'next/link';import po from'next/image';var ut=Object.defineProperty;var t=(e,r)=>ut(e,"name",{value:r,configurable:true});var l=gt;var ht={Div:motion.div,Button:motion.button,Section:motion.section,Span:motion.span,Li:motion.li,Ul:motion.ul,Img:motion.img,Path:motion.path,Nav:motion.nav},n=ht;var _=t((...e)=>{let[r]=useState(e),[o,a]=useState(r[0]);return [o,t(s=>{if(s!=null)a(o[s]);else {let m=r.filter(d=>d!==o);a(m[0]);}},"toggleState")]},"useCycle");var xt={0:"#ffffff",40:"#858585",50:"#d3ffca",100:"#102b1f",300:"#d3ffca40",400:"#232323"},p=xt;var me={rest:{boxShadow:"none"},glow:{boxShadow:[`-2px 0px 10px 0px ${p[50]}`,`2px 0px 10px 0px ${p[50]}`,`0px 2px 10px 0px ${p[50]}`],transition:{ease:"circInOut"}}},F={rest:{boxShadow:"none"},selected:{backgroundColor:p[100],borderColor:p[300]},shine:{backgroundColor:p[100],borderColor:p[300]}},de={DETAILS:{closed:t(()=>({height:"0%",opacity:0}),"closed"),open:t(()=>({transform:{height:"100%"},transition:{duration:2,bounce:0,damping:2,stiffness:10}}),"open")},BUTTON:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open")},DIVIDER:{closed:t(()=>({backgroundColor:p[400]}),"closed"),open:t(()=>({backgroundColor:p[50],transition:{duration:.5,bounce:0}}),"open")}};var pe={};var wt=l.bind(pe),vt=t(({children:e,className:r,align:o="left",margin:a="m",applyMargin:i="all",preserveWhiteSpace:s=false,refs:m,...d})=>React.createElement("div",{ref:m,className:wt("layout-fill-available",`align-${o}`,"container",i,a,s?"preserve-white-space":"",r),...d},e),"TripieContainer"),c=vt;var yt={hr1:"l",hr2:"m",hr3:"m",hr4:"sm",hr5:"xsm"},fe=yt;var ue={};var ge=l.bind(ue),q=t(({className:e,current:r,variants:o=de.DIVIDER})=>React.createElement(n.Div,{variants:o,animate:r,className:ge("divider",e)}),"Divider"),Nt=t(({item:e})=>React.createElement(c,{applyMargin:"top-bottom",margin:fe[e.type]},React.createElement(q,{className:ge("divider",`divider-${e.type}`)})),"ArticleDivider");q.Article=Nt;var N=q;var he={};var Q="https://placehold.co/600x600?text=NO IMAGE";var kt="dbzzletpw",Tt=`https://res.cloudinary.com/${kt}/image/upload/`,It={ARROW:"v1743149708/arrow.avif",CHECK:"v1743150067/check.avif",X:"v1743150099/x.avif",REFRESH:"v1743150107/refresh.png",PLANE:"v1743150122/plane.png",CLOUD:"v1743150128/cloud.png",LOADING:"v1743150142/loading.png",TRAM:"v1743150147/tram.png",TRAIN:"v1743150152/train.png",WALK:"v1743150157/walk.png",SHIP:"v1743150164/ship.png",BUS:"v1743150170/bus.png",CAR:"v1743150175/car.png",FLAG:"v1743150180/flag.png",CURSOR:"v1743150185/cursor.avif",NEXT:"v1743150189/next.png",KAKAO:"v1743150194/kakao.png",GITHUB:"v1743150199/github.png"},g=t(e=>Tt+It[e],"ICON_RESOURCE");var v={DEFAULT:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open"),hover:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"hover")},ROTATE:{hover:t(()=>({rotate:"360deg",transition:{duration:1.2,bounce:.5}}),"hover")},NAVIGATE:t(e=>e==="back"?{closed:t(()=>({rotate:"-135deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{closed:t(()=>({rotate:"45deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"NAVIGATE"),REFRESH:t(e=>e==="redo"?{closed:t(()=>({rotate:"-135deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{closed:t(()=>({rotate:"45deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"REFRESH"),PLANE:{rotate:{rotate:"90deg"},fly:t(()=>({translateX:"100vw",transition:{repeat:1/0,duration:5,bounce:1}}),"fly")},CLOUD:{rest:t(()=>({opacity:`${Math.random()}`,translateX:`${Math.random()*1e3}rem`,translateY:`${Math.random()*100}px`}),"rest"),float:t(()=>({translateX:"-100%",delay:1,transition:{decelerate:2,repeat:1/0,duration:8,bounce:1}}),"float")},CURSOR:{initial:t(()=>({translateY:"-10px"}),"initial"),hover:t(()=>({pointerEvents:"none",translateX:"-50px",translateY:"-5px",transition:{decelerate:2,duration:.5,bounce:0}}),"hover")},SCROLL:t(e=>e?{initial:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"initial"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{initial:t(()=>({rotate:"-180deg",transition:{duration:.1,bounce:1}}),"initial"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"SCROLL")};var u=l.bind(he),h=t(({className:e,onTapStart:r,src:o=g("ARROW"),animate:a,sizes:i="icon",variants:s=v.DEFAULT,transition:m})=>React.createElement(n.Img,{onTapStart:r,className:u(i,e),variants:s,transition:m,animate:a,src:o,alt:`${o} icon`}),"Icon"),St=t(({className:e,direction:r="back",src:o,sizes:a="icon",animate:i,disabled:s,onTapStart:m,navigateUrl:d,variants:x=v.NAVIGATE(r),transition:k})=>{let D=useRouter(),J=t(({direction:ft})=>{if(d!=null)return D.replace(d);ft==="back"?D.back():D.forward();},"onNavigate");return React.createElement(n.Button,{disabled:s,onTapStart:t(()=>{m!=null?m():J({direction:r});},"onTapStart"),whileTap:"hover",whileHover:"hover",className:u(a,e),variants:x,transition:k,initial:"closed",animate:i},React.createElement("img",{src:g("ARROW"),alt:o+"\uBC84\uD2BC",className:u("icon-image")}))},"NavigateIcon"),At=t(({className:e,onTapStart:r,animate:o,transition:a,sizes:i="icon"})=>React.createElement(n.Div,{onTapStart:r,whileTap:"hover",whileHover:"hover",className:u(i,e),variants:v.REFRESH("undo"),transition:a,initial:"closed",animate:o},React.createElement("img",{src:g("REFRESH"),alt:"\uC0C8\uB85C\uACE0\uCE68 \uBC84\uD2BC",className:u("icon-image")})),"RefreshIcon"),zt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{variants:v.PLANE,animate:"fly",initial:"rotate",src:g("PLANE"),alt:"plane icon",className:u(r,"plane",e)}),"PlaneIcon"),Dt=t(({index:e=0,sizes:r="icon"})=>React.createElement(n.Img,{variants:v.CLOUD,initial:{opacity:`${.2}`,translateX:`${80*(Math.random()*(e+1))}vw`,translateY:`${Math.random()*100}px`},animate:{translateX:"-100vw"},transition:{decelerate:2,repeat:1/0,duration:35,bounce:0,delay:e*.1},src:g("CLOUD"),className:u(r),alt:"cloud icon"}),"CloudIcon"),Ot=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{animate:{rotate:"360deg"},transition:{repeat:1/0,duration:10,bounce:0},src:g("LOADING"),className:u(r,e),alt:"loading icon"}),"LoadingIcon"),Lt=t(({hovered:e="",className:r,transition:o,sizes:a="icon"})=>React.createElement(n.Img,{variants:v.CURSOR,src:g("CURSOR"),initial:"initial",animate:e,transition:o,alt:"cursor icon",className:u(a,r)}),"CursorIcon"),Mt=t(({hovered:e="",className:r,next:o=true,transition:a,onTapStart:i,sizes:s="icon"})=>React.createElement(n.Img,{variants:v.SCROLL(o),onTapStart:i,src:g("NEXT"),initial:"initial",animate:e,alt:"next icon",transition:a,className:u(s,o?"next":"prev",r)}),"ScrollIcon"),jt=t(({active:e=false,type:r="FLAG",className:o,sizes:a="icon"})=>React.createElement(n.Img,{animate:e?{rotate:[0,10,-10,0]}:{rotate:0},transition:e?{repeat:1/0,repeatType:"loop",duration:.8,ease:"easeInOut"}:{},className:u(a,o),src:g(r),alt:`${r} \uC544\uC774\uCF58`}),"TransportIcon"),Ut=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{className:u(r,e),src:g("X"),alt:"X \uC544\uC774\uCF58"}),"XIcon"),Ht=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{className:u(r,e),src:g("CHECK"),alt:"\uCCB4\uD06C \uC544\uC774\uCF58"}),"CheckIcon"),Vt=t(({className:e,sizes:r="icon",src:o=g("GITHUB")})=>React.createElement(n.Img,{className:u(r,e),variants:v.ROTATE,src:o,alt:"oauth \uC544\uC774\uCF58"}),"AuthIcon");h.Navigate=St;h.Refresh=At;h.Plane=zt;h.Cloud=Dt;h.Loading=Ot;h.Transport=jt;h.Cursor=Lt;h.Scroll=Mt;h.X=Ut;h.Auth=Vt;h.Check=Ht;var T=h;var xe={};var Z={DETAILS:{closed:t(()=>({height:"0%",opacity:0,display:"none"}),"closed"),open:t(()=>({transform:{height:"fit-content"},transition:{duration:2,bounce:0,damping:2,stiffness:10}}),"open")},BUTTON:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open")},DIVIDER:{closed:t(()=>({backgroundColor:p[400]}),"closed"),open:t(()=>({backgroundColor:p[50],transition:{duration:.5,bounce:0}}),"open")}};var O=l.bind(xe),L=createContext({current:"closed",cycle:t(()=>null,"cycle")}),M=t(({children:e,className:r})=>{let[o,a]=_("closed","open"),i=useMemo(()=>({current:o,cycle:a}),[o]);return React.createElement(L.Provider,{value:i},React.createElement(n.Div,{className:O("accordion",r)},e))},"Accordion"),$t=t(({className:e})=>{let{current:r}=useContext(L);return React.createElement(N,{current:r,className:O(e)})},"AccordionDivider"),Gt=t(({children:e})=>{let{cycle:r}=useContext(L);return React.createElement(n.Div,{className:O("accordion-header"),whileHover:{cursor:"pointer"},onTapStart:t(()=>r(),"onTapStart")},e)},"AccordionHeader"),Xt=t(({src:e,className:r,sizes:o="icon"})=>{let{current:a}=useContext(L);return React.createElement(T,{src:e,sizes:o,variants:Z.BUTTON,animate:a,className:O(r)})},"AccordionIcon"),Pt=t(({children:e})=>{let{current:r}=useContext(L);return React.createElement(n.Div,{variants:Z.DETAILS,animate:r,className:O("accordion-body")},e)},"AccordionBody");M.Divider=$t;M.Icon=Xt;M.Header=Gt;M.Body=Pt;var Wt=M;var be={};var Yt=l.bind(be),Jt=t(({action:e,children:r,name:o="no-style-button",type:a="button",className:i})=>React.createElement("button",{type:a,name:o,onClick:e,className:Yt("clear-btn",i)},r),"NoStyleButton"),E=Jt;var we={};var y=l.bind(we),ye=t(({items:e,className:r})=>{let[o,a]=useState(0),i=useRef(null),s=useCallback(m=>{let d=o;a(x=>m==="prev"?(d=x!=0?x-1:0,d):m==="next"?(d=x!=e.length-1?x+1:e.length-1,d):x),i?.current?.children?.[d]!=null&&i.current.children?.[d].scrollIntoView({behavior:"smooth",block:"nearest"});},[i,o]);return React.createElement(c,{margin:"none",className:y("carousel")},e.length>1&&o!=0?React.createElement(E,{name:"previous",action:t(()=>s("prev"),"action")},React.createElement(T.Scroll,{className:y("scroll-icon","next-icon"),next:false})):null,React.createElement(c,{margin:"none",className:y("flex-items","carousel-inner")},React.createElement(c,{margin:"none",className:y("insta-like-carousel-container",r),refs:i},e.map((m,d)=>React.createElement(rr,{key:`carousel-item-${m?.key}`,index:d,setFocusedIndex:a,focusedIndex:o},m)))),e.length>1&&o!=e.length-1?React.createElement(E,{name:"next",action:t(()=>s("next"),"action")},React.createElement(T.Scroll,{className:y("scroll-icon","prev-icon")})):null)},"Carousel"),rr=t(({children:e,className:r,index:o,setFocusedIndex:a,focusedIndex:i,threshold:s=.6})=>{let{ref:m,inView:d}=useInView({threshold:s,triggerOnce:false});return useEffect(()=>{d&&o!=i&&a(o);},[d,i]),useEffect(()=>{!d&&o!=i&&a(i);},[d,i]),React.createElement(c,{margin:"none",refs:m,className:y("insta-like-carousel-item",i==o?"focused":"",r)},e)},"CarouselItem"),or=t(({children:e,className:r})=>React.createElement(c,{margin:"none",className:y("carousel")},React.createElement(c,{margin:"none",className:y("flex-items","carousel-inner")},React.createElement(c,{margin:"none",className:y("insta-like-carousel-container",r)},e))),"ControlledCarousel");ye.Controlled=or;var ar=ye;var Re={};var $=l.bind(Re),Ne=t(({children:e,className:r,onClick:o,selected:a,disabled:i=false})=>React.createElement(n.Button,{whileHover:"shine",whileTap:"shine",disabled:i,animate:a?"selected":"rest",variants:F,onClick:o,className:$("chip","with-border",r)},e),"Chip"),nr=t(({children:e,current:r,className:o,onClick:a,type:i="button"})=>React.createElement(n.Button,{initial:"rest",className:$("wrap","with-border",r==="on"?"selected":"chip",o),variants:me,whileHover:"glow",onClick:a,type:i},React.createElement("span",{className:$("accented",r==="on"?"selected":"chip")},e),React.createElement(n.Span,{className:$("glow"),animate:{rotate:360},transition:{type:"tween",duration:2,ease:"linear",repeat:1/0}})),"AccentedChip");Ne.Accented=nr;var ee=Ne;var Ee={};var sr=l.bind(Ee),mr=t(({className:e,children:r,selected:o})=>{let a=useMemo(()=>+r.split("-")[1]+1,[r]);return React.createElement(ee,{className:sr("marker",e),selected:o},a)},"ChipMarker"),ke=mr;var Te={};var G={FLICK_TEXT:{rest:{opacity:1,y:"0"},hover:{opacity:1,y:"-3rem",transition:{bounce:0}}},TEXT:{rest:{opacity:1,y:"2rem"},hover:{opacity:1,y:"-2rem",transition:{bounce:0}}},TITLE:t((e,r)=>({rest:{opacity:1,y:e,duration:.5},hover:{opacity:1,y:r,transition:{duration:.5}}}),"TITLE"),SLIDE:t(e=>({rest:t(()=>({}),"rest"),fly:t(()=>({translateX:"100vw",transition:{repeat:1/0,duration:e,bounce:1}}),"fly")}),"SLIDE")};var R=l.bind(Te),I=t(({children:e,className:r,size:o="default",bold:a=false,...i})=>{let s=`${e}`.split(`
+`).map((m,d)=>React.createElement("span",{className:R("text",a?"bold":"",o,r),key:d+m,...i},m));return React.createElement(React.Fragment,null,s)},"Text"),pr=t(({children:e,className:r,bold:o,size:a="default",...i})=>React.createElement("span",{className:R("text","accented",a,o?"bold":"",r),...i},e),"AccentedText"),fr=t(({children:e,className:r})=>React.createElement(n.Span,{className:R("flick",r),variants:G.TEXT},e),"FlickText"),Ie=t(({children:e,className:r})=>React.createElement(n.Span,{className:R("flick",r),variants:G.FLICK_TEXT},e),"FlickText2"),ur=t(({children:e,className:r,disabled:o=false,otherChild:a=e,withBorder:i=false,animate:s="rest",action:m})=>React.createElement(n.Div,{className:R("animated-text",i&&"with-border",r),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:s,onTap:m},React.createElement(Ie,null,e),React.createElement(c,{applyMargin:"top"}," "),React.createElement(Ie,{className:R("hovered")},a)),"AnimatedText"),gr=t(({children:e,className:r})=>React.createElement(c,{className:R("box"),margin:"none"},e.split("").map((o,a)=>React.createElement(n.Span,{key:a+o,className:R("box",r),animate:{y:[-5,0]},transition:{delay:a*.1,duration:.5,repeat:1/0,repeatType:"reverse"}},o))),"JumpingText"),hr=t(({children:e,className:r,transition:o,animate:a="fly",duration:i=5})=>React.createElement(n.Div,{className:R(r),initial:"rest",animate:a,transition:o,variants:G.SLIDE(i)},e),"SlidingText");I.Accented=pr;I.Slide=hr;I.Animated=ur;I.Flick=fr;I.Jump=gr;var f=I;var Ce={};var C=l.bind(Ce),S=t(({children:e,className:r})=>React.createElement(f,{className:C("default",r)},e),"Heading"),br=t(({children:e,className:r})=>React.createElement("h1",{className:C("h1",r)},e),"H1"),wr=t(({children:e,className:r})=>React.createElement("h2",{className:C("h2",r)},e),"H2"),vr=t(({children:e,className:r})=>React.createElement("h3",{className:C("h3",r)},e),"H3"),yr=t(({children:e,className:r})=>React.createElement("h4",{className:C("h4",r)},e),"H4"),Rr=t(({children:e,className:r})=>React.createElement("h4",{className:C("headline",r)},e),"Headline");S.Headline=Rr;S.H1=br;S.H2=wr;S.H3=vr;S.H4=yr;var Se=S;var Ae={};var kr=l.bind(Ae);function Tr({children:e,className:r,href:o,role:a,size:i="default",...s}){return React.createElement(Er,{href:o,className:kr("link",r),role:a,...s},React.createElement(f,{bold:true,size:i},e))}t(Tr,"UnstyledLink");var ze=Tr;var De={};var j=l.bind(De),te=t(({children:e,className:r,rowView:o=false})=>React.createElement(c,{margin:"m",className:j(r),applyMargin:"top-bottom"},React.createElement("ul",{className:j("list",o?"row-view":"")},e)),"List"),Cr=t(({children:e,justifyContent:r="flex-start",alignItems:o="normal",gap:a="default",className:i})=>React.createElement("li",{className:j("list-item",`justify-content-${r}`,`align-items-${o}`,`gap-${a}`,i)},e),"ListItem"),Sr=t(({children:e,className:r})=>React.createElement(c,{margin:"m",className:j(r),applyMargin:"top-bottom"},React.createElement("ul",{className:j("list","wrap")},e)),"GridList");te.Item=Cr;te.Grid=Sr;var Ar=te;var Dr={hidden:{opacity:0,y:50},visible:{opacity:1,y:0}},Or=t(({duration:e=1,delay:r=0,replays:o=true,children:a,className:i})=>React.createElement(InView,null,({inView:s,ref:m})=>React.createElement(n.Div,{animate:s?"visible":"hidden",ref:m,variants:Dr,transition:{duration:e,delay:r,damping:2,stiffness:10,replays:o},className:i},a)),"MotionSlideUp"),X=Or;var Oe={};var Mr=l.bind(Oe),jr=t(({x:e,y:r,duration:o=.5})=>React.createElement(n.Div,{initial:{opacity:0,x:0,y:0},animate:{opacity:1,x:e,y:r},transition:{repeat:1/0,repeatType:"mirror",duration:o},className:Mr("particle")}),"Particles"),Le=jr;var Me={};var Hr=l.bind(Me),Vr=Array.from({length:50},()=>({x:Math.random()*1e3-500,y:Math.random()*1e3-500,duration:Math.random()*10+5})),_r=t(()=>React.createElement("div",{className:Hr("particle-field")},Vr.map((e,r)=>React.createElement(Le,{key:`${r}-${e.x}-${e.y}-${e.duration}`,x:e.x,y:e.y,duration:e.duration}))),"ParticleField"),P=_r;var je={};var Ue=l.bind(je);function re({children:e}){return React.createElement(c,{className:Ue("background"),margin:"none"},React.createElement(c,{className:Ue("gradient-bottom"),margin:"none"}),e,React.createElement(P,null))}t(re,"ParticleBackground");var He={};var W=l.bind(He),$r=t(({className:e})=>React.createElement(n.Div,{className:W("pie","rotating-blur",e),initial:{rotate:0},animate:{scale:[1,1.2,1.5,1.2,1],rotate:360},transition:{duration:5,times:[0,.25,.5,.75,1],repeat:1/0,ease:"linear"}},React.createElement(n.Div,{className:W("segment","segment-1")}),React.createElement(n.Div,{className:W("segment","segment-2")}),React.createElement(n.Div,{className:W("segment","segment-3")})),"RotatingBlur"),Ve=$r;var _e={};var Fe=l.bind(_e),Be=t(({children:e,className:r})=>React.createElement(n.Div,{className:Fe("splash-full-screen",r),initial:{opacity:1,y:0},animate:{opacity:1,y:"-120%"},transition:{duration:.8,delay:1}},React.createElement(c,{align:"center"},e)),"SplashScreen"),Xr=t(({children:e,className:r})=>React.createElement(n.Div,{className:Fe("splash-full-screen",r),initial:{opacity:1,y:0}},React.createElement(c,{align:"center"},e)),"ControlledSplashScreen");Be.Controlled=Xr;var Pr=Be;var $e={};var K={BACKGROUND:{off:t(()=>({backgroundColor:p[40],borderColor:p[400]}),"off"),on:t(()=>({backgroundColor:p[50],borderColor:p[50]}),"on")},BUTTON:{off:t(()=>({x:"150%",backgroundColor:p[40]}),"off"),on:t(()=>({x:"30%",backgroundColor:p[50]}),"on")},TEXT:{off:t(()=>({x:"0%"}),"off"),on:t(()=>({x:"200%",color:p[50]}),"on")}};var Y=l.bind($e),Kr=t(({current:e,cycle:r,className:o,text:a})=>React.createElement(n.Div,{className:Y("switch",o),animate:e,onTapStart:t(()=>r(),"onTapStart")},React.createElement(n.Div,{className:Y("background"),variants:K.BACKGROUND,transition:{ease:"easeInOut"}}),React.createElement(n.Div,{className:Y("button"),variants:K.BUTTON,transition:{ease:"easeInOut"}}),React.createElement(n.Div,{className:Y("switch-text"),variants:K.TEXT,transition:{ease:"easeInOut"}},a)),"Switch"),Ge=Kr;var Xe={};var A=l.bind(Xe),We=t(({text:e,baseColor:r,endColor:o=p[0],duration:a=1,delay:i=0,replays:s=true})=>React.createElement(InView,null,({inView:m,ref:d})=>React.createElement(c,{margin:"none",className:A("animation",r==null?"default":""),ref:d},React.createElement("span",{className:A("wrap")},e,React.createElement(n.Span,{className:A("text"),style:{color:r??o},animate:m?"visible":"hidden",initial:{width:"0%"},variants:{visible:{width:"100%"},hidden:{width:"0%"}},transition:{baseColor:r,endColor:o,duration:a,delay:i,replays:s}},e)))),"TextFillAnimation"),Jr=t(({children:e,repeat:r=1,duration:o=1})=>React.createElement(InView,null,({inView:a,ref:i})=>React.createElement("div",{className:A("animation","pre-title","default"),ref:i},React.createElement("span",{className:A("wrap")},e,React.createElement(n.Span,{className:A("text","title"),animate:a?"visible":"hidden",initial:{width:"0%"},variants:{visible:{width:"100%"},hidden:{width:"0%"}},transition:{repeat:r,duration:o}},e)))),"TitleTextFillAnimation");We.Title=Jr;var qr=We;var Ke={};var oe={DIVIDER:{closed:t(()=>({x:"0%",width:"0%",translateY:"-10px",backgroundColor:"transparent"}),"closed"),open:t(()=>({x:"0%",backgroundColor:p[50],width:"100%",transition:{damping:10,stiffness:100,duration:.5}}),"open")}};var Ye=l.bind(Ke),Zr=t(({children:e,onClick:r,className:o})=>React.createElement(n.Div,{className:Ye("wrap",o),onClick:r,variants:oe,whileHover:"open",whileTap:"open"},e,React.createElement(N,{variants:oe.DIVIDER,className:Ye("divider")})),"TextUnderLineAnimation"),Je=Zr;var qe={};var U=l.bind(qe),Qe=t(({children:e,className:r,disabled:o=false,type:a="button",otherChild:i=e,withBorder:s=false,onClick:m,animate:d="rest",withMinWidth:x=false,selected:k=false})=>React.createElement(n.Button,{disabled:o,onTap:m,type:a,className:U("button",s&&"with-border",x&&"min",r,k?"selected":""),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:d},React.createElement(f.Flick,null,e),React.createElement("span",{className:U("gap")}," "),React.createElement(f.Flick,{className:U("hovered")},i)),"AnimatedButton"),to=t(({children:e,className:r,disabled:o=false,otherChild:a=e,withBorder:i=false,animate:s="rest",withMinWidth:m=false})=>React.createElement(n.Div,{className:U("button",i&&"with-border",m&&"min",r),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:s},React.createElement(f.Flick,null,e),React.createElement(c,{applyMargin:"top"}," "),React.createElement(f.Flick,{className:U("hovered")},a)),"AnimatedText");Qe.Text=to;var ae=Qe;var Ze={};var et={};var tt={open:{y:0,opacity:1,transition:{y:{stiffness:1e3,velocity:-100}}},closed:{y:50,opacity:0,transition:{y:{stiffness:1e3}}}};var ao=l.bind(et),io=t(({children:e})=>React.createElement(n.Li,{className:ao("menu-item"),variants:tt,whileHover:{scale:1.1},whileTap:{scale:.95}},e),"MenuItem"),rt=io;var ot={};var at={open:{opacity:1,display:"inline-block",transition:{staggerChildren:.07,delayChildren:.2}},closed:{opacity:0,display:"none",transition:{staggerChildren:.05,staggerDirection:-1}}};var lo=l.bind(ot),co=t(({children:e})=>React.createElement(n.Ul,{className:lo("navigation"),variants:at},e),"MenuList"),it=co;var ne=l.bind(Ze),ie=t(e=>React.createElement(n.Path,{fill:"transparent",strokeWidth:"1",stroke:p[0],strokeLinecap:"round",...e}),"Path"),so=t(({toggle:e})=>React.createElement(E,{action:t(()=>e(),"action"),className:ne("menu-toggle")},React.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",className:ne("svg")},React.createElement(ie,{variants:{closed:{d:"M 2 2.5 L 20 2.5"},open:{d:"M 3 16.5 L 17 2.5"}}}),React.createElement(ie,{d:"M 2 9.423 L 20 9.423",variants:{closed:{opacity:1},open:{opacity:0}},transition:{duration:.1}}),React.createElement(ie,{variants:{closed:{d:"M 2 16.346 L 20 16.346"},open:{d:"M 3 2.5 L 17 16.346"}}}))),"ToggleButton"),le=t(({className:e,children:r="",initial:o=false})=>{let[a,i]=_(o,true);return React.createElement(n.Nav,{className:ne("nav",e),initial:o,animate:a?"open":"closed"},React.createElement(c,{margin:"none"},r),React.createElement(so,{toggle:i}))},"MenuToggle");le.Item=rt;le.List=it;var nt=le;var lt={};var H=l.bind(lt),ce=t(({alt:e,src:r,refs:o,sizes:a="default",className:i,withBorder:s=true,blurDataURL:m,fill:d=true})=>React.createElement(c,{margin:"none",className:H("tripie-image","img-wrap",a,s&&"with-border",i)},m==null?React.createElement("img",{className:H("tripie-image","img-wrap",a,s&&"with-border"),src:r??Q,alt:`${e}\uC758 \uC774\uBBF8\uC9C0\uC77C \uC218 \uC788\uC74C`}):React.createElement(po,{src:r??Q,className:H("tripie-image","img-wrap",a,s&&"with-border"),alt:e,sizes:"(min-width:640px) 50vw, 100vw",placeholder:"blur",fill:d,blurDataURL:m,ref:o})),"TripieImage"),fo=t(({alt:e,src:r,refs:o,className:a,sizes:i="medium",sourceUrl:s,withBorder:m=true,blurDataURL:d})=>React.createElement(c,{margin:"none",className:H("img-wrap",m??"with-border",a)},React.createElement(ce,{src:r,alt:e,refs:o,sizes:i,blurDataURL:d}),React.createElement(f,{className:H("source-url","img-source")},`\uCD9C\uCC98 ${s}`)),"ImageWithSourceUrl");ce.WithSourceUrl=fo;var V=ce;var ct={};var b=l.bind(ct),z=t(({duration:e,replays:r,delay:o=.3,children:a,className:i})=>React.createElement(X,{delay:o,duration:e,replays:r,className:b("with-border","outer-wrap",i)},React.createElement(c,{margin:"none",className:b("noise-contents-contrast")},a),React.createElement("div",{className:b("noise")})),"Card"),go=t(({children:e,className:r,ref:o})=>React.createElement(c,{margin:"none",ref:o,className:b("with-border","inner-wrap",r)},e),"CardContent"),ho=t(({children:e,ref:r,className:o,onClick:a,selected:i})=>React.createElement(n.Div,{ref:r,whileHover:"shine",whileTap:"shine",animate:i?"selected":"rest",variants:F,onClick:a,className:b("chip","with-border","inner-wrap",o)},e),"ClickableCardContent"),xo=t(({children:e,className:r})=>React.createElement(c,{margin:"none",className:b("inner-wrap","with-description",r)},e),"CardDescription"),bo=t(({onClick:e,src:r,alt:o,title:a,summary:i,className:s,sourceUrl:m,imageSize:d="medium",displaySource:x=false,withBorder:k,isFullSize:D=false,blurDataURL:J})=>React.createElement(z.ClickableContent,{onClick:e,className:b("article-card",D?"full-size":"",s)},React.createElement(c,{margin:"none",className:b("img-wrap")},m==null||!x?React.createElement(V,{blurDataURL:J,src:r,sizes:d,alt:o??`${r} \uC774\uBBF8\uC9C0\uC77C \uC218\uB3C4 \uC788\uC74C`,className:b("thumbnail"),withBorder:k}):React.createElement(V.WithSourceUrl,{sizes:d,withBorder:k,sourceUrl:m,src:r,alt:o??`${r} \uC774\uBBF8\uC9C0\uC77C \uC218\uB3C4 \uC788\uC74C`,className:b("thumbnail")})),React.createElement(c,null,React.createElement(c,{margin:"sm",applyMargin:"bottom"},React.createElement(f,{className:b("bold")},a),React.createElement(N,null)),i)),"CardWithImage");z.Content=go;z.ClickableContent=ho;z.Description=xo;z.WithCoverImage=bo;var wo=z;var st={};var mt=l.bind(st),dt=t(({children:e,className:r,...o})=>React.createElement("div",{className:mt("skeleton",r),...o},e),"Skeleton"),yo=t(({children:e,className:r,...o})=>React.createElement("div",{className:mt("skeleton",r),...o},e),"SkeletonImage");dt.Image=yo;var pt=dt;export{Wt as Accordion,ae as AnimatedButton,ae as AnimatedText,wo as Card,ar as Carousel,ee as Chip,ke as ChipMarker,c as Container,N as Divider,Se as Headings,T as Icon,ze as Link,Ar as List,nt as MenuToggle,X as MotionSlideUp,E as NoStyleButton,re as ParticleBackground,P as ParticleField,Ve as RotatingBlur,pt as Skeleton,Pr as SplashScreen,Ge as Switch,f as Text,qr as TextFillAnimation,Je as TextUnderLineAnimation,V as TripieImage};

package/dist/font.cjs

@@ -0,0 +1 @@
+'use strict';var r=require('next/font/local');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var t=r__default.default({src:[{path:"./static/fonts/MaruBuri-Regular.woff2",style:"normal"}]}),a=t;module.exports=a;

package/dist/font.js

@@ -0,0 +1 @@
+import r from'next/font/local';var t=r({src:[{path:"./static/fonts/MaruBuri-Regular.woff2",style:"normal"}]}),a=t;export{a as default};

package/dist/hooks/index.cjs

@@ -0,0 +1 @@
+'use strict';var react=require('react'),usehooksTs=require('usehooks-ts');var a=Object.defineProperty;var t=(s,e)=>a(s,"name",{value:e,configurable:true});var O="(prefers-color-scheme: dark)",n={DARK:"dark",LIGHT:"light"},R=t(()=>{let s=usehooksTs.useMediaQuery(O),[e,r]=usehooksTs.useLocalStorage("tripie-app-theme",n.DARK);return react.useEffect(()=>{let o=document?.documentElement;e==null?o.dataset.theme=s?n.DARK:n.LIGHT:o.dataset.theme=e;},[e,s]),{mode:e,toggle:t(()=>{r(o=>o===n.DARK?n.LIGHT:n.DARK);},"toggle"),setMode:t(o=>r(o),"setMode")}},"useAppTheme");var C=t((...s)=>{let[e]=react.useState(s),[r,o]=react.useState(e[0]);return [r,t(l=>{if(l!=null)o(r[l]);else {let m=e.filter(p=>p!==r);o(m[0]);}},"toggleState")]},"useCycle");var c={OPEN:true,CLOSE:false},K=t(()=>{let[s,e]=react.useState(c.CLOSE);return {isOpen:s,toggle:t(()=>{e(r=>!r);},"toggle"),open:t(()=>e(c.OPEN),"open"),close:t(()=>e(c.CLOSE),"close")}},"useDrawer");exports.useAppTheme=R;exports.useCycle=C;exports.useDrawer=K;

package/dist/hooks/index.js

@@ -0,0 +1 @@
+import {useEffect,useState}from'react';import {useMediaQuery,useLocalStorage}from'usehooks-ts';var a=Object.defineProperty;var t=(s,e)=>a(s,"name",{value:e,configurable:true});var O="(prefers-color-scheme: dark)",n={DARK:"dark",LIGHT:"light"},R=t(()=>{let s=useMediaQuery(O),[e,r]=useLocalStorage("tripie-app-theme",n.DARK);return useEffect(()=>{let o=document?.documentElement;e==null?o.dataset.theme=s?n.DARK:n.LIGHT:o.dataset.theme=e;},[e,s]),{mode:e,toggle:t(()=>{r(o=>o===n.DARK?n.LIGHT:n.DARK);},"toggle"),setMode:t(o=>r(o),"setMode")}},"useAppTheme");var C=t((...s)=>{let[e]=useState(s),[r,o]=useState(e[0]);return [r,t(l=>{if(l!=null)o(r[l]);else {let m=e.filter(p=>p!==r);o(m[0]);}},"toggleState")]},"useCycle");var c={OPEN:true,CLOSE:false},K=t(()=>{let[s,e]=useState(c.CLOSE);return {isOpen:s,toggle:t(()=>{e(r=>!r);},"toggle"),open:t(()=>e(c.OPEN),"open"),close:t(()=>e(c.CLOSE),"close")}},"useDrawer");export{R as useAppTheme,C as useCycle,K as useDrawer};

package/dist/hooks/useAppTheme.cjs

@@ -0,0 +1 @@
+'use strict';var react=require('react'),usehooksTs=require('usehooks-ts');var c=Object.defineProperty;var r=(s,e)=>c(s,"name",{value:e,configurable:true});var l="(prefers-color-scheme: dark)",o={DARK:"dark",LIGHT:"light"},E=r(()=>{let s=usehooksTs.useMediaQuery(l),[e,m]=usehooksTs.useLocalStorage("tripie-app-theme",o.DARK);return react.useEffect(()=>{let t=document?.documentElement;e==null?t.dataset.theme=s?o.DARK:o.LIGHT:t.dataset.theme=e;},[e,s]),{mode:e,toggle:r(()=>{m(t=>t===o.DARK?o.LIGHT:o.DARK);},"toggle"),setMode:r(t=>m(t),"setMode")}},"useAppTheme");exports.useAppTheme=E;

package/dist/hooks/useAppTheme.js

@@ -0,0 +1 @@
+import {useEffect}from'react';import {useMediaQuery,useLocalStorage}from'usehooks-ts';var c=Object.defineProperty;var r=(s,e)=>c(s,"name",{value:e,configurable:true});var l="(prefers-color-scheme: dark)",o={DARK:"dark",LIGHT:"light"},E=r(()=>{let s=useMediaQuery(l),[e,m]=useLocalStorage("tripie-app-theme",o.DARK);return useEffect(()=>{let t=document?.documentElement;e==null?t.dataset.theme=s?o.DARK:o.LIGHT:t.dataset.theme=e;},[e,s]),{mode:e,toggle:r(()=>{m(t=>t===o.DARK?o.LIGHT:o.DARK);},"toggle"),setMode:r(t=>m(t),"setMode")}},"useAppTheme");export{E as useAppTheme};

package/dist/hooks/useCycle.cjs

@@ -0,0 +1 @@
+'use strict';var react=require('react');var i=Object.defineProperty;var o=(e,t)=>i(e,"name",{value:t,configurable:true});var S=o((...e)=>{let[t]=react.useState(e),[s,r]=react.useState(t[0]);return [s,o(l=>{if(l!=null)r(s[l]);else {let c=t.filter(u=>u!==s);r(c[0]);}},"toggleState")]},"useCycle");exports.useCycle=S;

package/dist/hooks/useCycle.js

@@ -0,0 +1 @@
+import {useState}from'react';var i=Object.defineProperty;var o=(e,t)=>i(e,"name",{value:t,configurable:true});var S=o((...e)=>{let[t]=useState(e),[s,r]=useState(t[0]);return [s,o(l=>{if(l!=null)r(s[l]);else {let c=t.filter(u=>u!==s);r(c[0]);}},"toggleState")]},"useCycle");export{S as useCycle};

package/dist/hooks/useDrawer.cjs

@@ -0,0 +1 @@
+'use strict';var react=require('react');var r=Object.defineProperty;var t=(s,e)=>r(s,"name",{value:e,configurable:true});var o={OPEN:true,CLOSE:false},p=t(()=>{let[s,e]=react.useState(o.CLOSE);return {isOpen:s,toggle:t(()=>{e(n=>!n);},"toggle"),open:t(()=>e(o.OPEN),"open"),close:t(()=>e(o.CLOSE),"close")}},"useDrawer");exports.useDrawer=p;

package/dist/hooks/useDrawer.js

@@ -0,0 +1 @@
+import {useState}from'react';var r=Object.defineProperty;var t=(s,e)=>r(s,"name",{value:e,configurable:true});var o={OPEN:true,CLOSE:false},p=t(()=>{let[s,e]=useState(o.CLOSE);return {isOpen:s,toggle:t(()=>{e(n=>!n);},"toggle"),open:t(()=>e(o.OPEN),"open"),close:t(()=>e(o.CLOSE),"close")}},"useDrawer");export{p as useDrawer};

package/dist/index.cjs

@@ -0,0 +1,2 @@
+'use strict';var xt=require('classnames/bind'),framerMotion=require('framer-motion'),react=require('react'),usehooksTs=require('usehooks-ts'),navigation=require('next/navigation'),reactIntersectionObserver=require('react-intersection-observer'),zr=require('next/link'),wo=require('next/image');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var xt__default=/*#__PURE__*/_interopDefault(xt);var zr__default=/*#__PURE__*/_interopDefault(zr);var wo__default=/*#__PURE__*/_interopDefault(wo);var ht=Object.defineProperty;var t=(e,r)=>ht(e,"name",{value:r,configurable:true});var l=xt__default.default;var bt={Div:framerMotion.motion.div,Button:framerMotion.motion.button,Section:framerMotion.motion.section,Span:framerMotion.motion.span,Li:framerMotion.motion.li,Ul:framerMotion.motion.ul,Img:framerMotion.motion.img,Path:framerMotion.motion.path,Nav:framerMotion.motion.nav},n=bt;var Rt="(prefers-color-scheme: dark)",T={DARK:"dark",LIGHT:"light"},_o=t(()=>{let e=usehooksTs.useMediaQuery(Rt),[r,o]=usehooksTs.useLocalStorage("tripie-app-theme",T.DARK);return react.useEffect(()=>{let a=document?.documentElement;r==null?a.dataset.theme=e?T.DARK:T.LIGHT:a.dataset.theme=r;},[r,e]),{mode:r,toggle:t(()=>{o(a=>a===T.DARK?T.LIGHT:T.DARK);},"toggle"),setMode:t(a=>o(a),"setMode")}},"useAppTheme");var F=t((...e)=>{let[r]=react.useState(e),[o,a]=react.useState(r[0]);return [o,t(c=>{if(c!=null)a(o[c]);else {let m=r.filter(d=>d!==o);a(m[0]);}},"toggleState")]},"useCycle");var q={OPEN:true,CLOSE:false},Xo=t(()=>{let[e,r]=react.useState(q.CLOSE);return {isOpen:e,toggle:t(()=>{r(o=>!o);},"toggle"),open:t(()=>r(q.OPEN),"open"),close:t(()=>r(q.CLOSE),"close")}},"useDrawer");var Nt={0:"#ffffff",30:"#d5ffcc40",40:"#858585",50:"#d3ffca",100:"#102b1f",200:"#0f0f0f",300:"#d3ffca40",400:"#232323",500:"#080807",600:"#22261e",700:"#141712",800:"#333333",1e5:"#08080700"},p=Nt;var pe={rest:{boxShadow:"none"},glow:{boxShadow:[`-2px 0px 10px 0px ${p[50]}`,`2px 0px 10px 0px ${p[50]}`,`0px 2px 10px 0px ${p[50]}`],transition:{ease:"circInOut"}}},B={rest:{boxShadow:"none"},selected:{backgroundColor:p[100],borderColor:p[300]},shine:{backgroundColor:p[100],borderColor:p[300]}},fe={DETAILS:{closed:t(()=>({height:"0%",opacity:0}),"closed"),open:t(()=>({transform:{height:"100%"},transition:{duration:2,bounce:0,damping:2,stiffness:10}}),"open")},BUTTON:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open")},DIVIDER:{closed:t(()=>({backgroundColor:p[400]}),"closed"),open:t(()=>({backgroundColor:p[50],transition:{duration:.5,bounce:0}}),"open")}};var ue={};var Tt=l.bind(ue),It=t(({children:e,className:r,align:o="left",margin:a="m",applyMargin:i="all",preserveWhiteSpace:c=false,refs:m,...d})=>React.createElement("div",{ref:m,className:Tt("layout-fill-available",`align-${o}`,"container",i,a,c?"preserve-white-space":"",r),...d},e),"TripieContainer"),s=It;var Ct={hr1:"l",hr2:"m",hr3:"m",hr4:"sm",hr5:"xsm"},ge=Ct;var he={};var xe=l.bind(he),Z=t(({className:e,current:r,variants:o=fe.DIVIDER})=>React.createElement(n.Div,{variants:o,animate:r,className:xe("divider",e)}),"Divider"),At=t(({item:e})=>React.createElement(s,{applyMargin:"top-bottom",margin:ge[e.type]},React.createElement(Z,{className:xe("divider",`divider-${e.type}`)})),"ArticleDivider");Z.Article=At;var E=Z;var be={};var ee="https://placehold.co/600x600?text=NO IMAGE",ua="https://placehold.co/600x600?text=LOADING",Ot="dbzzletpw",Dt=`https://res.cloudinary.com/${Ot}/image/upload/`,Lt={ARROW:"v1743149708/arrow.avif",CHECK:"v1743150067/check.avif",X:"v1743150099/x.avif",REFRESH:"v1743150107/refresh.png",PLANE:"v1743150122/plane.png",CLOUD:"v1743150128/cloud.png",LOADING:"v1743150142/loading.png",TRAM:"v1743150147/tram.png",TRAIN:"v1743150152/train.png",WALK:"v1743150157/walk.png",SHIP:"v1743150164/ship.png",BUS:"v1743150170/bus.png",CAR:"v1743150175/car.png",FLAG:"v1743150180/flag.png",CURSOR:"v1743150185/cursor.avif",NEXT:"v1743150189/next.png",KAKAO:"v1743150194/kakao.png",GITHUB:"v1743150199/github.png"},g=t(e=>Dt+Lt[e],"ICON_RESOURCE");var v={DEFAULT:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open"),hover:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"hover")},ROTATE:{hover:t(()=>({rotate:"360deg",transition:{duration:1.2,bounce:.5}}),"hover")},NAVIGATE:t(e=>e==="back"?{closed:t(()=>({rotate:"-135deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{closed:t(()=>({rotate:"45deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"NAVIGATE"),REFRESH:t(e=>e==="redo"?{closed:t(()=>({rotate:"-135deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{closed:t(()=>({rotate:"45deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"REFRESH"),PLANE:{rotate:{rotate:"90deg"},fly:t(()=>({translateX:"100vw",transition:{repeat:1/0,duration:5,bounce:1}}),"fly")},CLOUD:{rest:t(()=>({opacity:`${Math.random()}`,translateX:`${Math.random()*1e3}rem`,translateY:`${Math.random()*100}px`}),"rest"),float:t(()=>({translateX:"-100%",delay:1,transition:{decelerate:2,repeat:1/0,duration:8,bounce:1}}),"float")},CURSOR:{initial:t(()=>({translateY:"-10px"}),"initial"),hover:t(()=>({pointerEvents:"none",translateX:"-50px",translateY:"-5px",transition:{decelerate:2,duration:.5,bounce:0}}),"hover")},SCROLL:t(e=>e?{initial:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"initial"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{initial:t(()=>({rotate:"-180deg",transition:{duration:.1,bounce:1}}),"initial"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"SCROLL")};var u=l.bind(be),h=t(({className:e,onTapStart:r,src:o=g("ARROW"),animate:a,sizes:i="icon",variants:c=v.DEFAULT,transition:m})=>React.createElement(n.Img,{onTapStart:r,className:u(i,e),variants:c,transition:m,animate:a,src:o,alt:`${o} icon`}),"Icon"),Ht=t(({className:e,direction:r="back",src:o,sizes:a="icon",animate:i,disabled:c,onTapStart:m,navigateUrl:d,variants:x=v.NAVIGATE(r),transition:k})=>{let D=navigation.useRouter(),Q=t(({direction:gt})=>{if(d!=null)return D.replace(d);gt==="back"?D.back():D.forward();},"onNavigate");return React.createElement(n.Button,{disabled:c,onTapStart:t(()=>{m!=null?m():Q({direction:r});},"onTapStart"),whileTap:"hover",whileHover:"hover",className:u(a,e),variants:x,transition:k,initial:"closed",animate:i},React.createElement("img",{src:g("ARROW"),alt:o+"\uBC84\uD2BC",className:u("icon-image")}))},"NavigateIcon"),Ut=t(({className:e,onTapStart:r,animate:o,transition:a,sizes:i="icon"})=>React.createElement(n.Div,{onTapStart:r,whileTap:"hover",whileHover:"hover",className:u(i,e),variants:v.REFRESH("undo"),transition:a,initial:"closed",animate:o},React.createElement("img",{src:g("REFRESH"),alt:"\uC0C8\uB85C\uACE0\uCE68 \uBC84\uD2BC",className:u("icon-image")})),"RefreshIcon"),jt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{variants:v.PLANE,animate:"fly",initial:"rotate",src:g("PLANE"),alt:"plane icon",className:u(r,"plane",e)}),"PlaneIcon"),_t=t(({index:e=0,sizes:r="icon"})=>React.createElement(n.Img,{variants:v.CLOUD,initial:{opacity:`${.2}`,translateX:`${80*(Math.random()*(e+1))}vw`,translateY:`${Math.random()*100}px`},animate:{translateX:"-100vw"},transition:{decelerate:2,repeat:1/0,duration:35,bounce:0,delay:e*.1},src:g("CLOUD"),className:u(r),alt:"cloud icon"}),"CloudIcon"),Vt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{animate:{rotate:"360deg"},transition:{repeat:1/0,duration:10,bounce:0},src:g("LOADING"),className:u(r,e),alt:"loading icon"}),"LoadingIcon"),Ft=t(({hovered:e="",className:r,transition:o,sizes:a="icon"})=>React.createElement(n.Img,{variants:v.CURSOR,src:g("CURSOR"),initial:"initial",animate:e,transition:o,alt:"cursor icon",className:u(a,r)}),"CursorIcon"),Bt=t(({hovered:e="",className:r,next:o=true,transition:a,onTapStart:i,sizes:c="icon"})=>React.createElement(n.Img,{variants:v.SCROLL(o),onTapStart:i,src:g("NEXT"),initial:"initial",animate:e,alt:"next icon",transition:a,className:u(c,o?"next":"prev",r)}),"ScrollIcon"),$t=t(({active:e=false,type:r="FLAG",className:o,sizes:a="icon"})=>React.createElement(n.Img,{animate:e?{rotate:[0,10,-10,0]}:{rotate:0},transition:e?{repeat:1/0,repeatType:"loop",duration:.8,ease:"easeInOut"}:{},className:u(a,o),src:g(r),alt:`${r} \uC544\uC774\uCF58`}),"TransportIcon"),Gt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{className:u(r,e),src:g("X"),alt:"X \uC544\uC774\uCF58"}),"XIcon"),Pt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{className:u(r,e),src:g("CHECK"),alt:"\uCCB4\uD06C \uC544\uC774\uCF58"}),"CheckIcon"),Xt=t(({className:e,sizes:r="icon",src:o=g("GITHUB")})=>React.createElement(n.Img,{className:u(r,e),variants:v.ROTATE,src:o,alt:"oauth \uC544\uC774\uCF58"}),"AuthIcon");h.Navigate=Ht;h.Refresh=Ut;h.Plane=jt;h.Cloud=_t;h.Loading=Vt;h.Transport=$t;h.Cursor=Ft;h.Scroll=Bt;h.X=Gt;h.Auth=Xt;h.Check=Pt;var I=h;var we={};var te={DETAILS:{closed:t(()=>({height:"0%",opacity:0,display:"none"}),"closed"),open:t(()=>({transform:{height:"fit-content"},transition:{duration:2,bounce:0,damping:2,stiffness:10}}),"open")},BUTTON:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open")},DIVIDER:{closed:t(()=>({backgroundColor:p[400]}),"closed"),open:t(()=>({backgroundColor:p[50],transition:{duration:.5,bounce:0}}),"open")}};var L=l.bind(we),M=react.createContext({current:"closed",cycle:t(()=>null,"cycle")}),H=t(({children:e,className:r})=>{let[o,a]=F("closed","open"),i=react.useMemo(()=>({current:o,cycle:a}),[o]);return React.createElement(M.Provider,{value:i},React.createElement(n.Div,{className:L("accordion",r)},e))},"Accordion"),Jt=t(({className:e})=>{let{current:r}=react.useContext(M);return React.createElement(E,{current:r,className:L(e)})},"AccordionDivider"),Qt=t(({children:e})=>{let{cycle:r}=react.useContext(M);return React.createElement(n.Div,{className:L("accordion-header"),whileHover:{cursor:"pointer"},onTapStart:t(()=>r(),"onTapStart")},e)},"AccordionHeader"),qt=t(({src:e,className:r,sizes:o="icon"})=>{let{current:a}=react.useContext(M);return React.createElement(I,{src:e,sizes:o,variants:te.BUTTON,animate:a,className:L(r)})},"AccordionIcon"),Zt=t(({children:e})=>{let{current:r}=react.useContext(M);return React.createElement(n.Div,{variants:te.DETAILS,animate:r,className:L("accordion-body")},e)},"AccordionBody");H.Divider=Jt;H.Icon=qt;H.Header=Qt;H.Body=Zt;var er=H;var ve={};var rr=l.bind(ve),or=t(({action:e,children:r,name:o="no-style-button",type:a="button",className:i})=>React.createElement("button",{type:a,name:o,onClick:e,className:rr("clear-btn",i)},r),"NoStyleButton"),N=or;var ye={};var y=l.bind(ye),Ee=t(({items:e,className:r})=>{let[o,a]=react.useState(0),i=react.useRef(null),c=react.useCallback(m=>{let d=o;a(x=>m==="prev"?(d=x!=0?x-1:0,d):m==="next"?(d=x!=e.length-1?x+1:e.length-1,d):x),i?.current?.children?.[d]!=null&&i.current.children?.[d].scrollIntoView({behavior:"smooth",block:"nearest"});},[i,o]);return React.createElement(s,{margin:"none",className:y("carousel")},e.length>1&&o!=0?React.createElement(N,{name:"previous",action:t(()=>c("prev"),"action")},React.createElement(I.Scroll,{className:y("scroll-icon","next-icon"),next:false})):null,React.createElement(s,{margin:"none",className:y("flex-items","carousel-inner")},React.createElement(s,{margin:"none",className:y("insta-like-carousel-container",r),refs:i},e.map((m,d)=>React.createElement(cr,{key:`carousel-item-${m?.key}`,index:d,setFocusedIndex:a,focusedIndex:o},m)))),e.length>1&&o!=e.length-1?React.createElement(N,{name:"next",action:t(()=>c("next"),"action")},React.createElement(I.Scroll,{className:y("scroll-icon","prev-icon")})):null)},"Carousel"),cr=t(({children:e,className:r,index:o,setFocusedIndex:a,focusedIndex:i,threshold:c=.6})=>{let{ref:m,inView:d}=reactIntersectionObserver.useInView({threshold:c,triggerOnce:false});return react.useEffect(()=>{d&&o!=i&&a(o);},[d,i]),react.useEffect(()=>{!d&&o!=i&&a(i);},[d,i]),React.createElement(s,{margin:"none",refs:m,className:y("insta-like-carousel-item",i==o?"focused":"",r)},e)},"CarouselItem"),mr=t(({children:e,className:r})=>React.createElement(s,{margin:"none",className:y("carousel")},React.createElement(s,{margin:"none",className:y("flex-items","carousel-inner")},React.createElement(s,{margin:"none",className:y("insta-like-carousel-container",r)},e))),"ControlledCarousel");Ee.Controlled=mr;var dr=Ee;var Ne={};var G=l.bind(Ne),ke=t(({children:e,className:r,onClick:o,selected:a,disabled:i=false})=>React.createElement(n.Button,{whileHover:"shine",whileTap:"shine",disabled:i,animate:a?"selected":"rest",variants:B,onClick:o,className:G("chip","with-border",r)},e),"Chip"),fr=t(({children:e,current:r,className:o,onClick:a,type:i="button"})=>React.createElement(n.Button,{initial:"rest",className:G("wrap","with-border",r==="on"?"selected":"chip",o),variants:pe,whileHover:"glow",onClick:a,type:i},React.createElement("span",{className:G("accented",r==="on"?"selected":"chip")},e),React.createElement(n.Span,{className:G("glow"),animate:{rotate:360},transition:{type:"tween",duration:2,ease:"linear",repeat:1/0}})),"AccentedChip");ke.Accented=fr;var re=ke;var Te={};var hr=l.bind(Te),xr=t(({className:e,children:r,selected:o})=>{let a=react.useMemo(()=>+r.split("-")[1]+1,[r]);return React.createElement(re,{className:hr("marker",e),selected:o},a)},"ChipMarker"),Ie=xr;var Ce={};var P={FLICK_TEXT:{rest:{opacity:1,y:"0"},hover:{opacity:1,y:"-3rem",transition:{bounce:0}}},TEXT:{rest:{opacity:1,y:"2rem"},hover:{opacity:1,y:"-2rem",transition:{bounce:0}}},TITLE:t((e,r)=>({rest:{opacity:1,y:e,duration:.5},hover:{opacity:1,y:r,transition:{duration:.5}}}),"TITLE"),SLIDE:t(e=>({rest:t(()=>({}),"rest"),fly:t(()=>({translateX:"100vw",transition:{repeat:1/0,duration:e,bounce:1}}),"fly")}),"SLIDE")};var R=l.bind(Ce),C=t(({children:e,className:r,size:o="default",bold:a=false,...i})=>{let c=`${e}`.split(`
+`).map((m,d)=>React.createElement("span",{className:R("text",a?"bold":"",o,r),key:d+m,...i},m));return React.createElement(React.Fragment,null,c)},"Text"),wr=t(({children:e,className:r,bold:o,size:a="default",...i})=>React.createElement("span",{className:R("text","accented",a,o?"bold":"",r),...i},e),"AccentedText"),vr=t(({children:e,className:r})=>React.createElement(n.Span,{className:R("flick",r),variants:P.TEXT},e),"FlickText"),Se=t(({children:e,className:r})=>React.createElement(n.Span,{className:R("flick",r),variants:P.FLICK_TEXT},e),"FlickText2"),yr=t(({children:e,className:r,disabled:o=false,otherChild:a=e,withBorder:i=false,animate:c="rest",action:m})=>React.createElement(n.Div,{className:R("animated-text",i&&"with-border",r),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:c,onTap:m},React.createElement(Se,null,e),React.createElement(s,{applyMargin:"top"}," "),React.createElement(Se,{className:R("hovered")},a)),"AnimatedText"),Rr=t(({children:e,className:r})=>React.createElement(s,{className:R("box"),margin:"none"},e.split("").map((o,a)=>React.createElement(n.Span,{key:a+o,className:R("box",r),animate:{y:[-5,0]},transition:{delay:a*.1,duration:.5,repeat:1/0,repeatType:"reverse"}},o))),"JumpingText"),Er=t(({children:e,className:r,transition:o,animate:a="fly",duration:i=5})=>React.createElement(n.Div,{className:R(r),initial:"rest",animate:a,transition:o,variants:P.SLIDE(i)},e),"SlidingText");C.Accented=wr;C.Slide=Er;C.Animated=yr;C.Flick=vr;C.Jump=Rr;var f=C;var Ae={};var S=l.bind(Ae),A=t(({children:e,className:r})=>React.createElement(f,{className:S("default",r)},e),"Heading"),kr=t(({children:e,className:r})=>React.createElement("h1",{className:S("h1",r)},e),"H1"),Tr=t(({children:e,className:r})=>React.createElement("h2",{className:S("h2",r)},e),"H2"),Ir=t(({children:e,className:r})=>React.createElement("h3",{className:S("h3",r)},e),"H3"),Cr=t(({children:e,className:r})=>React.createElement("h4",{className:S("h4",r)},e),"H4"),Sr=t(({children:e,className:r})=>React.createElement("h4",{className:S("headline",r)},e),"Headline");A.Headline=Sr;A.H1=kr;A.H2=Tr;A.H3=Ir;A.H4=Cr;var ze=A;var Oe={};var Or=l.bind(Oe);function Dr({children:e,className:r,href:o,role:a,size:i="default",...c}){return React.createElement(zr__default.default,{href:o,className:Or("link",r),role:a,...c},React.createElement(f,{bold:true,size:i},e))}t(Dr,"UnstyledLink");var De=Dr;var Le={};var U=l.bind(Le),oe=t(({children:e,className:r,rowView:o=false})=>React.createElement(s,{margin:"m",className:U(r),applyMargin:"top-bottom"},React.createElement("ul",{className:U("list",o?"row-view":"")},e)),"List"),Mr=t(({children:e,justifyContent:r="flex-start",alignItems:o="normal",gap:a="default",className:i})=>React.createElement("li",{className:U("list-item",`justify-content-${r}`,`align-items-${o}`,`gap-${a}`,i)},e),"ListItem"),Hr=t(({children:e,className:r})=>React.createElement(s,{margin:"m",className:U(r),applyMargin:"top-bottom"},React.createElement("ul",{className:U("list","wrap")},e)),"GridList");oe.Item=Mr;oe.Grid=Hr;var Ur=oe;var _r={hidden:{opacity:0,y:50},visible:{opacity:1,y:0}},Vr=t(({duration:e=1,delay:r=0,replays:o=true,children:a,className:i})=>React.createElement(reactIntersectionObserver.InView,null,({inView:c,ref:m})=>React.createElement(n.Div,{animate:c?"visible":"hidden",ref:m,variants:_r,transition:{duration:e,delay:r,damping:2,stiffness:10,replays:o},className:i},a)),"MotionSlideUp"),X=Vr;var Me={};var Br=l.bind(Me),$r=t(({x:e,y:r,duration:o=.5})=>React.createElement(n.Div,{initial:{opacity:0,x:0,y:0},animate:{opacity:1,x:e,y:r},transition:{repeat:1/0,repeatType:"mirror",duration:o},className:Br("particle")}),"Particles"),He=$r;var Ue={};var Pr=l.bind(Ue),Xr=Array.from({length:50},()=>({x:Math.random()*1e3-500,y:Math.random()*1e3-500,duration:Math.random()*10+5})),Kr=t(()=>React.createElement("div",{className:Pr("particle-field")},Xr.map((e,r)=>React.createElement(He,{key:`${r}-${e.x}-${e.y}-${e.duration}`,x:e.x,y:e.y,duration:e.duration}))),"ParticleField"),K=Kr;var je={};var _e=l.bind(je);function ae({children:e}){return React.createElement(s,{className:_e("background"),margin:"none"},React.createElement(s,{className:_e("gradient-bottom"),margin:"none"}),e,React.createElement(K,null))}t(ae,"ParticleBackground");var Ve={};var W=l.bind(Ve),Jr=t(({className:e})=>React.createElement(n.Div,{className:W("pie","rotating-blur",e),initial:{rotate:0},animate:{scale:[1,1.2,1.5,1.2,1],rotate:360},transition:{duration:5,times:[0,.25,.5,.75,1],repeat:1/0,ease:"linear"}},React.createElement(n.Div,{className:W("segment","segment-1")}),React.createElement(n.Div,{className:W("segment","segment-2")}),React.createElement(n.Div,{className:W("segment","segment-3")})),"RotatingBlur"),Fe=Jr;var Be={};var $e=l.bind(Be),Ge=t(({children:e,className:r})=>React.createElement(n.Div,{className:$e("splash-full-screen",r),initial:{opacity:1,y:0},animate:{opacity:1,y:"-120%"},transition:{duration:.8,delay:1}},React.createElement(s,{align:"center"},e)),"SplashScreen"),qr=t(({children:e,className:r})=>React.createElement(n.Div,{className:$e("splash-full-screen",r),initial:{opacity:1,y:0}},React.createElement(s,{align:"center"},e)),"ControlledSplashScreen");Ge.Controlled=qr;var Zr=Ge;var Pe={};var Y={BACKGROUND:{off:t(()=>({backgroundColor:p[40],borderColor:p[400]}),"off"),on:t(()=>({backgroundColor:p[50],borderColor:p[50]}),"on")},BUTTON:{off:t(()=>({x:"150%",backgroundColor:p[40]}),"off"),on:t(()=>({x:"30%",backgroundColor:p[50]}),"on")},TEXT:{off:t(()=>({x:"0%"}),"off"),on:t(()=>({x:"200%",color:p[50]}),"on")}};var J=l.bind(Pe),to=t(({current:e,cycle:r,className:o,text:a})=>React.createElement(n.Div,{className:J("switch",o),animate:e,onTapStart:t(()=>r(),"onTapStart")},React.createElement(n.Div,{className:J("background"),variants:Y.BACKGROUND,transition:{ease:"easeInOut"}}),React.createElement(n.Div,{className:J("button"),variants:Y.BUTTON,transition:{ease:"easeInOut"}}),React.createElement(n.Div,{className:J("switch-text"),variants:Y.TEXT,transition:{ease:"easeInOut"}},a)),"Switch"),Xe=to;var Ke={};var z=l.bind(Ke),Ye=t(({text:e,baseColor:r,endColor:o=p[0],duration:a=1,delay:i=0,replays:c=true})=>React.createElement(reactIntersectionObserver.InView,null,({inView:m,ref:d})=>React.createElement(s,{margin:"none",className:z("animation",r==null?"default":""),ref:d},React.createElement("span",{className:z("wrap")},e,React.createElement(n.Span,{className:z("text"),style:{color:r??o},animate:m?"visible":"hidden",initial:{width:"0%"},variants:{visible:{width:"100%"},hidden:{width:"0%"}},transition:{baseColor:r,endColor:o,duration:a,delay:i,replays:c}},e)))),"TextFillAnimation"),oo=t(({children:e,repeat:r=1,duration:o=1})=>React.createElement(reactIntersectionObserver.InView,null,({inView:a,ref:i})=>React.createElement("div",{className:z("animation","pre-title","default"),ref:i},React.createElement("span",{className:z("wrap")},e,React.createElement(n.Span,{className:z("text","title"),animate:a?"visible":"hidden",initial:{width:"0%"},variants:{visible:{width:"100%"},hidden:{width:"0%"}},transition:{repeat:r,duration:o}},e)))),"TitleTextFillAnimation");Ye.Title=oo;var ao=Ye;var Je={};var ie={DIVIDER:{closed:t(()=>({x:"0%",width:"0%",translateY:"-10px",backgroundColor:"transparent"}),"closed"),open:t(()=>({x:"0%",backgroundColor:p[50],width:"100%",transition:{damping:10,stiffness:100,duration:.5}}),"open")}};var Qe=l.bind(Je),no=t(({children:e,onClick:r,className:o})=>React.createElement(n.Div,{className:Qe("wrap",o),onClick:r,variants:ie,whileHover:"open",whileTap:"open"},e,React.createElement(E,{variants:ie.DIVIDER,className:Qe("divider")})),"TextUnderLineAnimation"),qe=no;var Ze={};var j=l.bind(Ze),et=t(({children:e,className:r,disabled:o=false,type:a="button",otherChild:i=e,withBorder:c=false,onClick:m,animate:d="rest",withMinWidth:x=false,selected:k=false})=>React.createElement(n.Button,{disabled:o,onTap:m,type:a,className:j("button",c&&"with-border",x&&"min",r,k?"selected":""),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:d},React.createElement(f.Flick,null,e),React.createElement("span",{className:j("gap")}," "),React.createElement(f.Flick,{className:j("hovered")},i)),"AnimatedButton"),so=t(({children:e,className:r,disabled:o=false,otherChild:a=e,withBorder:i=false,animate:c="rest",withMinWidth:m=false})=>React.createElement(n.Div,{className:j("button",i&&"with-border",m&&"min",r),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:c},React.createElement(f.Flick,null,e),React.createElement(s,{applyMargin:"top"}," "),React.createElement(f.Flick,{className:j("hovered")},a)),"AnimatedText");et.Text=so;var ne=et;var tt={};var rt={};var ot={open:{y:0,opacity:1,transition:{y:{stiffness:1e3,velocity:-100}}},closed:{y:50,opacity:0,transition:{y:{stiffness:1e3}}}};var po=l.bind(rt),fo=t(({children:e})=>React.createElement(n.Li,{className:po("menu-item"),variants:ot,whileHover:{scale:1.1},whileTap:{scale:.95}},e),"MenuItem"),at=fo;var it={};var nt={open:{opacity:1,display:"inline-block",transition:{staggerChildren:.07,delayChildren:.2}},closed:{opacity:0,display:"none",transition:{staggerChildren:.05,staggerDirection:-1}}};var go=l.bind(it),ho=t(({children:e})=>React.createElement(n.Ul,{className:go("navigation"),variants:nt},e),"MenuList"),lt=ho;var se=l.bind(tt),le=t(e=>React.createElement(n.Path,{fill:"transparent",strokeWidth:"1",stroke:p[0],strokeLinecap:"round",...e}),"Path"),xo=t(({toggle:e})=>React.createElement(N,{action:t(()=>e(),"action"),className:se("menu-toggle")},React.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",className:se("svg")},React.createElement(le,{variants:{closed:{d:"M 2 2.5 L 20 2.5"},open:{d:"M 3 16.5 L 17 2.5"}}}),React.createElement(le,{d:"M 2 9.423 L 20 9.423",variants:{closed:{opacity:1},open:{opacity:0}},transition:{duration:.1}}),React.createElement(le,{variants:{closed:{d:"M 2 16.346 L 20 16.346"},open:{d:"M 3 2.5 L 17 16.346"}}}))),"ToggleButton"),ce=t(({className:e,children:r="",initial:o=false})=>{let[a,i]=F(o,true);return React.createElement(n.Nav,{className:se("nav",e),initial:o,animate:a?"open":"closed"},React.createElement(s,{margin:"none"},r),React.createElement(xo,{toggle:i}))},"MenuToggle");ce.Item=at;ce.List=lt;var st=ce;var ct={};var _=l.bind(ct),me=t(({alt:e,src:r,refs:o,sizes:a="default",className:i,withBorder:c=true,blurDataURL:m,fill:d=true})=>React.createElement(s,{margin:"none",className:_("tripie-image","img-wrap",a,c&&"with-border",i)},m==null?React.createElement("img",{className:_("tripie-image","img-wrap",a,c&&"with-border"),src:r??ee,alt:`${e}\uC758 \uC774\uBBF8\uC9C0\uC77C \uC218 \uC788\uC74C`}):React.createElement(wo__default.default,{src:r??ee,className:_("tripie-image","img-wrap",a,c&&"with-border"),alt:e,sizes:"(min-width:640px) 50vw, 100vw",placeholder:"blur",fill:d,blurDataURL:m,ref:o})),"TripieImage"),vo=t(({alt:e,src:r,refs:o,className:a,sizes:i="medium",sourceUrl:c,withBorder:m=true,blurDataURL:d})=>React.createElement(s,{margin:"none",className:_("img-wrap",m??"with-border",a)},React.createElement(me,{src:r,alt:e,refs:o,sizes:i,blurDataURL:d}),React.createElement(f,{className:_("source-url","img-source")},`\uCD9C\uCC98 ${c}`)),"ImageWithSourceUrl");me.WithSourceUrl=vo;var V=me;var mt={};var b=l.bind(mt),O=t(({duration:e,replays:r,delay:o=.3,children:a,className:i})=>React.createElement(X,{delay:o,duration:e,replays:r,className:b("with-border","outer-wrap",i)},React.createElement(s,{margin:"none",className:b("noise-contents-contrast")},a),React.createElement("div",{className:b("noise")})),"Card"),Ro=t(({children:e,className:r,ref:o})=>React.createElement(s,{margin:"none",ref:o,className:b("with-border","inner-wrap",r)},e),"CardContent"),Eo=t(({children:e,ref:r,className:o,onClick:a,selected:i})=>React.createElement(n.Div,{ref:r,whileHover:"shine",whileTap:"shine",animate:i?"selected":"rest",variants:B,onClick:a,className:b("chip","with-border","inner-wrap",o)},e),"ClickableCardContent"),No=t(({children:e,className:r})=>React.createElement(s,{margin:"none",className:b("inner-wrap","with-description",r)},e),"CardDescription"),ko=t(({onClick:e,src:r,alt:o,title:a,summary:i,className:c,sourceUrl:m,imageSize:d="medium",displaySource:x=false,withBorder:k,isFullSize:D=false,blurDataURL:Q})=>React.createElement(O.ClickableContent,{onClick:e,className:b("article-card",D?"full-size":"",c)},React.createElement(s,{margin:"none",className:b("img-wrap")},m==null||!x?React.createElement(V,{blurDataURL:Q,src:r,sizes:d,alt:o??`${r} \uC774\uBBF8\uC9C0\uC77C \uC218\uB3C4 \uC788\uC74C`,className:b("thumbnail"),withBorder:k}):React.createElement(V.WithSourceUrl,{sizes:d,withBorder:k,sourceUrl:m,src:r,alt:o??`${r} \uC774\uBBF8\uC9C0\uC77C \uC218\uB3C4 \uC788\uC74C`,className:b("thumbnail")})),React.createElement(s,null,React.createElement(s,{margin:"sm",applyMargin:"bottom"},React.createElement(f,{className:b("bold")},a),React.createElement(E,null)),i)),"CardWithImage");O.Content=Ro;O.ClickableContent=Eo;O.Description=No;O.WithCoverImage=ko;var To=O;var dt={};var pt=l.bind(dt),ft=t(({children:e,className:r,...o})=>React.createElement("div",{className:pt("skeleton",r),...o},e),"Skeleton"),Co=t(({children:e,className:r,...o})=>React.createElement("div",{className:pt("skeleton",r),...o},e),"SkeletonImage");ft.Image=Co;var ut=ft;exports.ACCORDIAN_VARIANTS=fe;exports.Accordion=er;exports.AnimatedButton=ne;exports.AnimatedText=ne;exports.CLOUDINARY_ICON_URL=Dt;exports.COLORS=Nt;exports.Card=To;exports.Carousel=dr;exports.Chip=re;exports.ChipMarker=Ie;exports.Container=s;exports.Divider=E;exports.GLOW_VARIANT=pe;exports.Headings=ze;exports.ICON_RESOURCE=g;exports.Icon=I;exports.LOADING_IMG=ua;exports.Link=De;exports.List=Ur;exports.MenuToggle=st;exports.MotionSlideUp=X;exports.NoStyleButton=N;exports.PLACEHOLDER=ee;exports.ParticleBackground=ae;exports.ParticleField=K;exports.RESOURCE=Lt;exports.RotatingBlur=Fe;exports.SHINE_VARIANT=B;exports.Skeleton=ut;exports.SplashScreen=Zr;exports.Switch=Xe;exports.Text=f;exports.TextFillAnimation=ao;exports.TextUnderLineAnimation=qe;exports.TripieImage=V;exports.useAppTheme=_o;exports.useCycle=F;exports.useDrawer=Xo;

package/dist/index.js

@@ -1,2 +1,2 @@
-'use strict';var xt=require('classnames/bind'),framerMotion=require('framer-motion'),react=require('react'),usehooksTs=require('usehooks-ts'),navigation=require('next/navigation'),reactIntersectionObserver=require('react-intersection-observer'),zr=require('next/link'),wo=require('next/image');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var xt__default=/*#__PURE__*/_interopDefault(xt);var zr__default=/*#__PURE__*/_interopDefault(zr);var wo__default=/*#__PURE__*/_interopDefault(wo);var ht=Object.defineProperty;var t=(e,r)=>ht(e,"name",{value:r,configurable:true});var l=xt__default.default;var bt={Div:framerMotion.motion.div,Button:framerMotion.motion.button,Section:framerMotion.motion.section,Span:framerMotion.motion.span,Li:framerMotion.motion.li,Ul:framerMotion.motion.ul,Img:framerMotion.motion.img,Path:framerMotion.motion.path,Nav:framerMotion.motion.nav},n=bt;var Rt="(prefers-color-scheme: dark)",T={DARK:"dark",LIGHT:"light"},_o=t(()=>{let e=usehooksTs.useMediaQuery(Rt),[r,o]=usehooksTs.useLocalStorage("tripie-app-theme",T.DARK);return react.useEffect(()=>{let a=document?.documentElement;r==null?a.dataset.theme=e?T.DARK:T.LIGHT:a.dataset.theme=r;},[r,e]),{mode:r,toggle:t(()=>{o(a=>a===T.DARK?T.LIGHT:T.DARK);},"toggle"),setMode:t(a=>o(a),"setMode")}},"useAppTheme");var F=t((...e)=>{let[r]=react.useState(e),[o,a]=react.useState(r[0]);return [o,t(c=>{if(c!=null)a(o[c]);else {let m=r.filter(d=>d!==o);a(m[0]);}},"toggleState")]},"useCycle");var q={OPEN:true,CLOSE:false},Xo=t(()=>{let[e,r]=react.useState(q.CLOSE);return {isOpen:e,toggle:t(()=>{r(o=>!o);},"toggle"),open:t(()=>r(q.OPEN),"open"),close:t(()=>r(q.CLOSE),"close")}},"useDrawer");var Nt={0:"#ffffff",30:"#d5ffcc40",40:"#858585",50:"#d3ffca",100:"#102b1f",200:"#0f0f0f",300:"#d3ffca40",400:"#232323",500:"#080807",600:"#22261e",700:"#141712",800:"#333333",1e5:"#08080700"},p=Nt;var pe={rest:{boxShadow:"none"},glow:{boxShadow:[`-2px 0px 10px 0px ${p[50]}`,`2px 0px 10px 0px ${p[50]}`,`0px 2px 10px 0px ${p[50]}`],transition:{ease:"circInOut"}}},B={rest:{boxShadow:"none"},selected:{backgroundColor:p[100],borderColor:p[300]},shine:{backgroundColor:p[100],borderColor:p[300]}},fe={DETAILS:{closed:t(()=>({height:"0%",opacity:0}),"closed"),open:t(()=>({transform:{height:"100%"},transition:{duration:2,bounce:0,damping:2,stiffness:10}}),"open")},BUTTON:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open")},DIVIDER:{closed:t(()=>({backgroundColor:p[400]}),"closed"),open:t(()=>({backgroundColor:p[50],transition:{duration:.5,bounce:0}}),"open")}};var ue={};var Tt=l.bind(ue),It=t(({children:e,className:r,align:o="left",margin:a="m",applyMargin:i="all",preserveWhiteSpace:c=false,refs:m,...d})=>React.createElement("div",{ref:m,className:Tt("layout-fill-available",`align-${o}`,"container",i,a,c?"preserve-white-space":"",r),...d},e),"TripieContainer"),s=It;var Ct={hr1:"l",hr2:"m",hr3:"m",hr4:"sm",hr5:"xsm"},ge=Ct;var he={};var xe=l.bind(he),Z=t(({className:e,current:r,variants:o=fe.DIVIDER})=>React.createElement(n.Div,{variants:o,animate:r,className:xe("divider",e)}),"Divider"),At=t(({item:e})=>React.createElement(s,{applyMargin:"top-bottom",margin:ge[e.type]},React.createElement(Z,{className:xe("divider",`divider-${e.type}`)})),"ArticleDivider");Z.Article=At;var E=Z;var be={};var ee="https://placehold.co/600x600?text=NO IMAGE",ba="https://placehold.co/600x600?text=LOADING",Ot="dbzzletpw",Dt=`https://res.cloudinary.com/${Ot}/image/upload/`,Lt={ARROW:"v1743149708/arrow.avif",CHECK:"v1743150067/check.avif",X:"v1743150099/x.avif",REFRESH:"v1743150107/refresh.png",PLANE:"v1743150122/plane.png",CLOUD:"v1743150128/cloud.png",LOADING:"v1743150142/loading.png",TRAM:"v1743150147/tram.png",TRAIN:"v1743150152/train.png",WALK:"v1743150157/walk.png",SHIP:"v1743150164/ship.png",BUS:"v1743150170/bus.png",CAR:"v1743150175/car.png",FLAG:"v1743150180/flag.png",CURSOR:"v1743150185/cursor.avif",NEXT:"v1743150189/next.png",KAKAO:"v1743150194/kakao.png",GITHUB:"v1743150199/github.png"},g=t(e=>Dt+Lt[e],"ICON_RESOURCE");var v={DEFAULT:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open"),hover:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"hover")},ROTATE:{hover:t(()=>({rotate:"360deg",transition:{duration:1.2,bounce:.5}}),"hover")},NAVIGATE:t(e=>e==="back"?{closed:t(()=>({rotate:"-135deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{closed:t(()=>({rotate:"45deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"NAVIGATE"),REFRESH:t(e=>e==="redo"?{closed:t(()=>({rotate:"-135deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{closed:t(()=>({rotate:"45deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"REFRESH"),PLANE:{rotate:{rotate:"90deg"},fly:t(()=>({translateX:"100vw",transition:{repeat:1/0,duration:5,bounce:1}}),"fly")},CLOUD:{rest:t(()=>({opacity:`${Math.random()}`,translateX:`${Math.random()*1e3}rem`,translateY:`${Math.random()*100}px`}),"rest"),float:t(()=>({translateX:"-100%",delay:1,transition:{decelerate:2,repeat:1/0,duration:8,bounce:1}}),"float")},CURSOR:{initial:t(()=>({translateY:"-10px"}),"initial"),hover:t(()=>({pointerEvents:"none",translateX:"-50px",translateY:"-5px",transition:{decelerate:2,duration:.5,bounce:0}}),"hover")},SCROLL:t(e=>e?{initial:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"initial"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{initial:t(()=>({rotate:"-180deg",transition:{duration:.1,bounce:1}}),"initial"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"SCROLL")};var u=l.bind(be),h=t(({className:e,onTapStart:r,src:o=g("ARROW"),animate:a,sizes:i="icon",variants:c=v.DEFAULT,transition:m})=>React.createElement(n.Img,{onTapStart:r,className:u(i,e),variants:c,transition:m,animate:a,src:o,alt:`${o} icon`}),"Icon"),Ht=t(({className:e,direction:r="back",src:o,sizes:a="icon",animate:i,disabled:c,onTapStart:m,navigateUrl:d,variants:x=v.NAVIGATE(r),transition:k})=>{let D=navigation.useRouter(),Q=t(({direction:gt})=>{if(d!=null)return D.replace(d);gt==="back"?D.back():D.forward();},"onNavigate");return React.createElement(n.Button,{disabled:c,onTapStart:t(()=>{m!=null?m():Q({direction:r});},"onTapStart"),whileTap:"hover",whileHover:"hover",className:u(a,e),variants:x,transition:k,initial:"closed",animate:i},React.createElement("img",{src:g("ARROW"),alt:o+"\uBC84\uD2BC",className:u("icon-image")}))},"NavigateIcon"),Ut=t(({className:e,onTapStart:r,animate:o,transition:a,sizes:i="icon"})=>React.createElement(n.Div,{onTapStart:r,whileTap:"hover",whileHover:"hover",className:u(i,e),variants:v.REFRESH("undo"),transition:a,initial:"closed",animate:o},React.createElement("img",{src:g("REFRESH"),alt:"\uC0C8\uB85C\uACE0\uCE68 \uBC84\uD2BC",className:u("icon-image")})),"RefreshIcon"),jt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{variants:v.PLANE,animate:"fly",initial:"rotate",src:g("PLANE"),alt:"plane icon",className:u(r,"plane",e)}),"PlaneIcon"),_t=t(({index:e=0,sizes:r="icon"})=>React.createElement(n.Img,{variants:v.CLOUD,initial:{opacity:`${.2}`,translateX:`${80*(Math.random()*(e+1))}vw`,translateY:`${Math.random()*100}px`},animate:{translateX:"-100vw"},transition:{decelerate:2,repeat:1/0,duration:35,bounce:0,delay:e*.1},src:g("CLOUD"),className:u(r),alt:"cloud icon"}),"CloudIcon"),Vt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{animate:{rotate:"360deg"},transition:{repeat:1/0,duration:10,bounce:0},src:g("LOADING"),className:u(r,e),alt:"loading icon"}),"LoadingIcon"),Ft=t(({hovered:e="",className:r,transition:o,sizes:a="icon"})=>React.createElement(n.Img,{variants:v.CURSOR,src:g("CURSOR"),initial:"initial",animate:e,transition:o,alt:"cursor icon",className:u(a,r)}),"CursorIcon"),Bt=t(({hovered:e="",className:r,next:o=true,transition:a,onTapStart:i,sizes:c="icon"})=>React.createElement(n.Img,{variants:v.SCROLL(o),onTapStart:i,src:g("NEXT"),initial:"initial",animate:e,alt:"next icon",transition:a,className:u(c,o?"next":"prev",r)}),"ScrollIcon"),$t=t(({active:e=false,type:r="FLAG",className:o,sizes:a="icon"})=>React.createElement(n.Img,{animate:e?{rotate:[0,10,-10,0]}:{rotate:0},transition:e?{repeat:1/0,repeatType:"loop",duration:.8,ease:"easeInOut"}:{},className:u(a,o),src:g(r),alt:`${r} \uC544\uC774\uCF58`}),"TransportIcon"),Gt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{className:u(r,e),src:g("X"),alt:"X \uC544\uC774\uCF58"}),"XIcon"),Pt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{className:u(r,e),src:g("CHECK"),alt:"\uCCB4\uD06C \uC544\uC774\uCF58"}),"CheckIcon"),Xt=t(({className:e,sizes:r="icon",src:o=g("GITHUB")})=>React.createElement(n.Img,{className:u(r,e),variants:v.ROTATE,src:o,alt:"oauth \uC544\uC774\uCF58"}),"AuthIcon");h.Navigate=Ht;h.Refresh=Ut;h.Plane=jt;h.Cloud=_t;h.Loading=Vt;h.Transport=$t;h.Cursor=Ft;h.Scroll=Bt;h.X=Gt;h.Auth=Xt;h.Check=Pt;var I=h;var we={};var te={DETAILS:{closed:t(()=>({height:"0%",opacity:0,display:"none"}),"closed"),open:t(()=>({transform:{height:"fit-content"},transition:{duration:2,bounce:0,damping:2,stiffness:10}}),"open")},BUTTON:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open")},DIVIDER:{closed:t(()=>({backgroundColor:p[400]}),"closed"),open:t(()=>({backgroundColor:p[50],transition:{duration:.5,bounce:0}}),"open")}};var L=l.bind(we),M=react.createContext({current:"closed",cycle:t(()=>null,"cycle")}),H=t(({children:e,className:r})=>{let[o,a]=F("closed","open"),i=react.useMemo(()=>({current:o,cycle:a}),[o]);return React.createElement(M.Provider,{value:i},React.createElement(n.Div,{className:L("accordion",r)},e))},"Accordion"),Jt=t(({className:e})=>{let{current:r}=react.useContext(M);return React.createElement(E,{current:r,className:L(e)})},"AccordionDivider"),Qt=t(({children:e})=>{let{cycle:r}=react.useContext(M);return React.createElement(n.Div,{className:L("accordion-header"),whileHover:{cursor:"pointer"},onTapStart:t(()=>r(),"onTapStart")},e)},"AccordionHeader"),qt=t(({src:e,className:r,sizes:o="icon"})=>{let{current:a}=react.useContext(M);return React.createElement(I,{src:e,sizes:o,variants:te.BUTTON,animate:a,className:L(r)})},"AccordionIcon"),Zt=t(({children:e})=>{let{current:r}=react.useContext(M);return React.createElement(n.Div,{variants:te.DETAILS,animate:r,className:L("accordion-body")},e)},"AccordionBody");H.Divider=Jt;H.Icon=qt;H.Header=Qt;H.Body=Zt;var er=H;var ve={};var rr=l.bind(ve),or=t(({action:e,children:r,name:o="no-style-button",type:a="button",className:i})=>React.createElement("button",{type:a,name:o,onClick:e,className:rr("clear-btn",i)},r),"NoStyleButton"),N=or;var ye={};var y=l.bind(ye),Ee=t(({items:e,className:r})=>{let[o,a]=react.useState(0),i=react.useRef(null),c=react.useCallback(m=>{let d=o;a(x=>m==="prev"?(d=x!=0?x-1:0,d):m==="next"?(d=x!=e.length-1?x+1:e.length-1,d):x),i?.current?.children?.[d]!=null&&i.current.children?.[d].scrollIntoView({behavior:"smooth",block:"nearest"});},[i,o]);return React.createElement(s,{margin:"none",className:y("carousel")},e.length>1&&o!=0?React.createElement(N,{name:"previous",action:t(()=>c("prev"),"action")},React.createElement(I.Scroll,{className:y("scroll-icon","next-icon"),next:false})):null,React.createElement(s,{margin:"none",className:y("flex-items","carousel-inner")},React.createElement(s,{margin:"none",className:y("insta-like-carousel-container",r),refs:i},e.map((m,d)=>React.createElement(cr,{key:`carousel-item-${m?.key}`,index:d,setFocusedIndex:a,focusedIndex:o},m)))),e.length>1&&o!=e.length-1?React.createElement(N,{name:"next",action:t(()=>c("next"),"action")},React.createElement(I.Scroll,{className:y("scroll-icon","prev-icon")})):null)},"Carousel"),cr=t(({children:e,className:r,index:o,setFocusedIndex:a,focusedIndex:i,threshold:c=.6})=>{let{ref:m,inView:d}=reactIntersectionObserver.useInView({threshold:c,triggerOnce:false});return react.useEffect(()=>{d&&o!=i&&a(o);},[d,i]),react.useEffect(()=>{!d&&o!=i&&a(i);},[d,i]),React.createElement(s,{margin:"none",refs:m,className:y("insta-like-carousel-item",i==o?"focused":"",r)},e)},"CarouselItem"),mr=t(({children:e,className:r})=>React.createElement(s,{margin:"none",className:y("carousel")},React.createElement(s,{margin:"none",className:y("flex-items","carousel-inner")},React.createElement(s,{margin:"none",className:y("insta-like-carousel-container",r)},e))),"ControlledCarousel");Ee.Controlled=mr;var dr=Ee;var Ne={};var G=l.bind(Ne),ke=t(({children:e,className:r,onClick:o,selected:a,disabled:i=false})=>React.createElement(n.Button,{whileHover:"shine",whileTap:"shine",disabled:i,animate:a?"selected":"rest",variants:B,onClick:o,className:G("chip","with-border",r)},e),"Chip"),fr=t(({children:e,current:r,className:o,onClick:a,type:i="button"})=>React.createElement(n.Button,{initial:"rest",className:G("wrap","with-border",r==="on"?"selected":"chip",o),variants:pe,whileHover:"glow",onClick:a,type:i},React.createElement("span",{className:G("accented",r==="on"?"selected":"chip")},e),React.createElement(n.Span,{className:G("glow"),animate:{rotate:360},transition:{type:"tween",duration:2,ease:"linear",repeat:1/0}})),"AccentedChip");ke.Accented=fr;var re=ke;var Te={};var hr=l.bind(Te),xr=t(({className:e,children:r,selected:o})=>{let a=react.useMemo(()=>+r.split("-")[1]+1,[r]);return React.createElement(re,{className:hr("marker",e),selected:o},a)},"ChipMarker"),Ie=xr;var Ce={};var P={FLICK_TEXT:{rest:{opacity:1,y:"0"},hover:{opacity:1,y:"-3rem",transition:{bounce:0}}},TEXT:{rest:{opacity:1,y:"2rem"},hover:{opacity:1,y:"-2rem",transition:{bounce:0}}},TITLE:t((e,r)=>({rest:{opacity:1,y:e,duration:.5},hover:{opacity:1,y:r,transition:{duration:.5}}}),"TITLE"),SLIDE:t(e=>({rest:t(()=>({}),"rest"),fly:t(()=>({translateX:"100vw",transition:{repeat:1/0,duration:e,bounce:1}}),"fly")}),"SLIDE")};var R=l.bind(Ce),C=t(({children:e,className:r,size:o="default",bold:a=false,...i})=>{let c=`${e}`.split(`
-`).map((m,d)=>React.createElement("span",{className:R("text",a?"bold":"",o,r),key:d+m,...i},m));return React.createElement(React.Fragment,null,c)},"Text"),wr=t(({children:e,className:r,bold:o,size:a="default",...i})=>React.createElement("span",{className:R("text","accented",a,o?"bold":"",r),...i},e),"AccentedText"),vr=t(({children:e,className:r})=>React.createElement(n.Span,{className:R("flick",r),variants:P.TEXT},e),"FlickText"),Se=t(({children:e,className:r})=>React.createElement(n.Span,{className:R("flick",r),variants:P.FLICK_TEXT},e),"FlickText2"),yr=t(({children:e,className:r,disabled:o=false,otherChild:a=e,withBorder:i=false,animate:c="rest",action:m})=>React.createElement(n.Div,{className:R("animated-text",i&&"with-border",r),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:c,onTap:m},React.createElement(Se,null,e),React.createElement(s,{applyMargin:"top"}," "),React.createElement(Se,{className:R("hovered")},a)),"AnimatedText"),Rr=t(({children:e,className:r})=>React.createElement(s,{className:R("box"),margin:"none"},e.split("").map((o,a)=>React.createElement(n.Span,{key:a+o,className:R("box",r),animate:{y:[-5,0]},transition:{delay:a*.1,duration:.5,repeat:1/0,repeatType:"reverse"}},o))),"JumpingText"),Er=t(({children:e,className:r,transition:o,animate:a="fly",duration:i=5})=>React.createElement(n.Div,{className:R(r),initial:"rest",animate:a,transition:o,variants:P.SLIDE(i)},e),"SlidingText");C.Accented=wr;C.Slide=Er;C.Animated=yr;C.Flick=vr;C.Jump=Rr;var f=C;var Ae={};var S=l.bind(Ae),A=t(({children:e,className:r})=>React.createElement(f,{className:S("default",r)},e),"Heading"),kr=t(({children:e,className:r})=>React.createElement("h1",{className:S("h1",r)},e),"H1"),Tr=t(({children:e,className:r})=>React.createElement("h2",{className:S("h2",r)},e),"H2"),Ir=t(({children:e,className:r})=>React.createElement("h3",{className:S("h3",r)},e),"H3"),Cr=t(({children:e,className:r})=>React.createElement("h4",{className:S("h4",r)},e),"H4"),Sr=t(({children:e,className:r})=>React.createElement("h4",{className:S("headline",r)},e),"Headline");A.Headline=Sr;A.H1=kr;A.H2=Tr;A.H3=Ir;A.H4=Cr;var ze=A;var Oe={};var Or=l.bind(Oe);function Dr({children:e,className:r,href:o,role:a,size:i="default",...c}){return React.createElement(zr__default.default,{href:o,className:Or("link",r),role:a,...c},React.createElement(f,{bold:true,size:i},e))}t(Dr,"UnstyledLink");var De=Dr;var Le={};var U=l.bind(Le),oe=t(({children:e,className:r,rowView:o=false})=>React.createElement(s,{margin:"m",className:U(r),applyMargin:"top-bottom"},React.createElement("ul",{className:U("list",o?"row-view":"")},e)),"List"),Mr=t(({children:e,justifyContent:r="flex-start",alignItems:o="normal",gap:a="default",className:i})=>React.createElement("li",{className:U("list-item",`justify-content-${r}`,`align-items-${o}`,`gap-${a}`,i)},e),"ListItem"),Hr=t(({children:e,className:r})=>React.createElement(s,{margin:"m",className:U(r),applyMargin:"top-bottom"},React.createElement("ul",{className:U("list","wrap")},e)),"GridList");oe.Item=Mr;oe.Grid=Hr;var Ur=oe;var _r={hidden:{opacity:0,y:50},visible:{opacity:1,y:0}},Vr=t(({duration:e=1,delay:r=0,replays:o=true,children:a,className:i})=>React.createElement(reactIntersectionObserver.InView,null,({inView:c,ref:m})=>React.createElement(n.Div,{animate:c?"visible":"hidden",ref:m,variants:_r,transition:{duration:e,delay:r,damping:2,stiffness:10,replays:o},className:i},a)),"MotionSlideUp"),X=Vr;var Me={};var Br=l.bind(Me),$r=t(({x:e,y:r,duration:o=.5})=>React.createElement(n.Div,{initial:{opacity:0,x:0,y:0},animate:{opacity:1,x:e,y:r},transition:{repeat:1/0,repeatType:"mirror",duration:o},className:Br("particle")}),"Particles"),He=$r;var Ue={};var Pr=l.bind(Ue),Xr=Array.from({length:50},()=>({x:Math.random()*1e3-500,y:Math.random()*1e3-500,duration:Math.random()*10+5})),Kr=t(()=>React.createElement("div",{className:Pr("particle-field")},Xr.map((e,r)=>React.createElement(He,{key:`${r}-${e.x}-${e.y}-${e.duration}`,x:e.x,y:e.y,duration:e.duration}))),"ParticleField"),K=Kr;var je={};var _e=l.bind(je);function ae({children:e}){return React.createElement(s,{className:_e("background"),margin:"none"},React.createElement(s,{className:_e("gradient-bottom"),margin:"none"}),e,React.createElement(K,null))}t(ae,"ParticleBackground");var Ve={};var W=l.bind(Ve),Jr=t(({className:e})=>React.createElement(n.Div,{className:W("pie","rotating-blur",e),initial:{rotate:0},animate:{scale:[1,1.2,1.5,1.2,1],rotate:360},transition:{duration:5,times:[0,.25,.5,.75,1],repeat:1/0,ease:"linear"}},React.createElement(n.Div,{className:W("segment","segment-1")}),React.createElement(n.Div,{className:W("segment","segment-2")}),React.createElement(n.Div,{className:W("segment","segment-3")})),"RotatingBlur"),Fe=Jr;var Be={};var $e=l.bind(Be),Ge=t(({children:e,className:r})=>React.createElement(n.Div,{className:$e("splash-full-screen",r),initial:{opacity:1,y:0},animate:{opacity:1,y:"-120%"},transition:{duration:.8,delay:1}},React.createElement(s,{align:"center"},e)),"SplashScreen"),qr=t(({children:e,className:r})=>React.createElement(n.Div,{className:$e("splash-full-screen",r),initial:{opacity:1,y:0}},React.createElement(s,{align:"center"},e)),"ControlledSplashScreen");Ge.Controlled=qr;var Zr=Ge;var Pe={};var Y={BACKGROUND:{off:t(()=>({backgroundColor:p[40],borderColor:p[400]}),"off"),on:t(()=>({backgroundColor:p[50],borderColor:p[50]}),"on")},BUTTON:{off:t(()=>({x:"150%",backgroundColor:p[40]}),"off"),on:t(()=>({x:"30%",backgroundColor:p[50]}),"on")},TEXT:{off:t(()=>({x:"0%"}),"off"),on:t(()=>({x:"200%",color:p[50]}),"on")}};var J=l.bind(Pe),to=t(({current:e,cycle:r,className:o,text:a})=>React.createElement(n.Div,{className:J("switch",o),animate:e,onTapStart:t(()=>r(),"onTapStart")},React.createElement(n.Div,{className:J("background"),variants:Y.BACKGROUND,transition:{ease:"easeInOut"}}),React.createElement(n.Div,{className:J("button"),variants:Y.BUTTON,transition:{ease:"easeInOut"}}),React.createElement(n.Div,{className:J("switch-text"),variants:Y.TEXT,transition:{ease:"easeInOut"}},a)),"Switch"),Xe=to;var Ke={};var z=l.bind(Ke),Ye=t(({text:e,baseColor:r,endColor:o=p[0],duration:a=1,delay:i=0,replays:c=true})=>React.createElement(reactIntersectionObserver.InView,null,({inView:m,ref:d})=>React.createElement(s,{margin:"none",className:z("animation",r==null?"default":""),ref:d},React.createElement("span",{className:z("wrap")},e,React.createElement(n.Span,{className:z("text"),style:{color:r??o},animate:m?"visible":"hidden",initial:{width:"0%"},variants:{visible:{width:"100%"},hidden:{width:"0%"}},transition:{baseColor:r,endColor:o,duration:a,delay:i,replays:c}},e)))),"TextFillAnimation"),oo=t(({children:e,repeat:r=1,duration:o=1})=>React.createElement(reactIntersectionObserver.InView,null,({inView:a,ref:i})=>React.createElement("div",{className:z("animation","pre-title","default"),ref:i},React.createElement("span",{className:z("wrap")},e,React.createElement(n.Span,{className:z("text","title"),animate:a?"visible":"hidden",initial:{width:"0%"},variants:{visible:{width:"100%"},hidden:{width:"0%"}},transition:{repeat:r,duration:o}},e)))),"TitleTextFillAnimation");Ye.Title=oo;var ao=Ye;var Je={};var ie={DIVIDER:{closed:t(()=>({x:"0%",width:"0%",translateY:"-10px",backgroundColor:"transparent"}),"closed"),open:t(()=>({x:"0%",backgroundColor:p[50],width:"100%",transition:{damping:10,stiffness:100,duration:.5}}),"open")}};var Qe=l.bind(Je),no=t(({children:e,onClick:r,className:o})=>React.createElement(n.Div,{className:Qe("wrap",o),onClick:r,variants:ie,whileHover:"open",whileTap:"open"},e,React.createElement(E,{variants:ie.DIVIDER,className:Qe("divider")})),"TextUnderLineAnimation"),qe=no;var Ze={};var j=l.bind(Ze),et=t(({children:e,className:r,disabled:o=false,type:a="button",otherChild:i=e,withBorder:c=false,onClick:m,animate:d="rest",withMinWidth:x=false,selected:k=false})=>React.createElement(n.Button,{disabled:o,onTap:m,type:a,className:j("button",c&&"with-border",x&&"min",r,k?"selected":""),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:d},React.createElement(f.Flick,null,e),React.createElement("span",{className:j("gap")}," "),React.createElement(f.Flick,{className:j("hovered")},i)),"AnimatedButton"),so=t(({children:e,className:r,disabled:o=false,otherChild:a=e,withBorder:i=false,animate:c="rest",withMinWidth:m=false})=>React.createElement(n.Div,{className:j("button",i&&"with-border",m&&"min",r),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:c},React.createElement(f.Flick,null,e),React.createElement(s,{applyMargin:"top"}," "),React.createElement(f.Flick,{className:j("hovered")},a)),"AnimatedText");et.Text=so;var ne=et;var tt={};var rt={};var ot={open:{y:0,opacity:1,transition:{y:{stiffness:1e3,velocity:-100}}},closed:{y:50,opacity:0,transition:{y:{stiffness:1e3}}}};var po=l.bind(rt),fo=t(({children:e})=>React.createElement(n.Li,{className:po("menu-item"),variants:ot,whileHover:{scale:1.1},whileTap:{scale:.95}},e),"MenuItem"),at=fo;var it={};var nt={open:{opacity:1,display:"inline-block",transition:{staggerChildren:.07,delayChildren:.2}},closed:{opacity:0,display:"none",transition:{staggerChildren:.05,staggerDirection:-1}}};var go=l.bind(it),ho=t(({children:e})=>React.createElement(n.Ul,{className:go("navigation"),variants:nt},e),"MenuList"),lt=ho;var se=l.bind(tt),le=t(e=>React.createElement(n.Path,{fill:"transparent",strokeWidth:"1",stroke:p[0],strokeLinecap:"round",...e}),"Path"),xo=t(({toggle:e})=>React.createElement(N,{action:t(()=>e(),"action"),className:se("menu-toggle")},React.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",className:se("svg")},React.createElement(le,{variants:{closed:{d:"M 2 2.5 L 20 2.5"},open:{d:"M 3 16.5 L 17 2.5"}}}),React.createElement(le,{d:"M 2 9.423 L 20 9.423",variants:{closed:{opacity:1},open:{opacity:0}},transition:{duration:.1}}),React.createElement(le,{variants:{closed:{d:"M 2 16.346 L 20 16.346"},open:{d:"M 3 2.5 L 17 16.346"}}}))),"ToggleButton"),ce=t(({className:e,children:r="",initial:o=false})=>{let[a,i]=F(o,true);return React.createElement(n.Nav,{className:se("nav",e),initial:o,animate:a?"open":"closed"},React.createElement(s,{margin:"none"},r),React.createElement(xo,{toggle:i}))},"MenuToggle");ce.Item=at;ce.List=lt;var st=ce;var ct={};var _=l.bind(ct),me=t(({alt:e,src:r,refs:o,sizes:a="default",className:i,withBorder:c=true,blurDataURL:m,fill:d=true})=>React.createElement(s,{margin:"none",className:_("tripie-image","img-wrap",a,c&&"with-border",i)},m==null?React.createElement("img",{className:_("tripie-image","img-wrap",a,c&&"with-border"),src:r??ee,alt:`${e}\uC758 \uC774\uBBF8\uC9C0\uC77C \uC218 \uC788\uC74C`}):React.createElement(wo__default.default,{src:r??ee,className:_("tripie-image","img-wrap",a,c&&"with-border"),alt:e,sizes:"(min-width:640px) 50vw, 100vw",placeholder:"blur",fill:d,blurDataURL:m,ref:o})),"TripieImage"),vo=t(({alt:e,src:r,refs:o,className:a,sizes:i="medium",sourceUrl:c,withBorder:m=true,blurDataURL:d})=>React.createElement(s,{margin:"none",className:_("img-wrap",m??"with-border",a)},React.createElement(me,{src:r,alt:e,refs:o,sizes:i,blurDataURL:d}),React.createElement(f,{className:_("source-url","img-source")},`\uCD9C\uCC98 ${c}`)),"ImageWithSourceUrl");me.WithSourceUrl=vo;var V=me;var mt={};var b=l.bind(mt),O=t(({duration:e,replays:r,delay:o=.3,children:a,className:i})=>React.createElement(X,{delay:o,duration:e,replays:r,className:b("with-border","outer-wrap",i)},React.createElement(s,{margin:"none",className:b("noise-contents-contrast")},a),React.createElement("div",{className:b("noise")})),"Card"),Ro=t(({children:e,className:r,ref:o})=>React.createElement(s,{margin:"none",ref:o,className:b("with-border","inner-wrap",r)},e),"CardContent"),Eo=t(({children:e,ref:r,className:o,onClick:a,selected:i})=>React.createElement(n.Div,{ref:r,whileHover:"shine",whileTap:"shine",animate:i?"selected":"rest",variants:B,onClick:a,className:b("chip","with-border","inner-wrap",o)},e),"ClickableCardContent"),No=t(({children:e,className:r})=>React.createElement(s,{margin:"none",className:b("inner-wrap","with-description",r)},e),"CardDescription"),ko=t(({onClick:e,src:r,alt:o,title:a,summary:i,className:c,sourceUrl:m,imageSize:d="medium",displaySource:x=false,withBorder:k,isFullSize:D=false,blurDataURL:Q})=>React.createElement(O.ClickableContent,{onClick:e,className:b("article-card",D?"full-size":"",c)},React.createElement(s,{margin:"none",className:b("img-wrap")},m==null||!x?React.createElement(V,{blurDataURL:Q,src:r,sizes:d,alt:o??`${r} \uC774\uBBF8\uC9C0\uC77C \uC218\uB3C4 \uC788\uC74C`,className:b("thumbnail"),withBorder:k}):React.createElement(V.WithSourceUrl,{sizes:d,withBorder:k,sourceUrl:m,src:r,alt:o??`${r} \uC774\uBBF8\uC9C0\uC77C \uC218\uB3C4 \uC788\uC74C`,className:b("thumbnail")})),React.createElement(s,null,React.createElement(s,{margin:"sm",applyMargin:"bottom"},React.createElement(f,{className:b("bold")},a),React.createElement(E,null)),i)),"CardWithImage");O.Content=Ro;O.ClickableContent=Eo;O.Description=No;O.WithCoverImage=ko;var To=O;var dt={};var pt=l.bind(dt),ft=t(({children:e,className:r,...o})=>React.createElement("div",{className:pt("skeleton",r),...o},e),"Skeleton"),Co=t(({children:e,className:r,...o})=>React.createElement("div",{className:pt("skeleton",r),...o},e),"SkeletonImage");ft.Image=Co;var ut=ft;exports.ACCORDIAN_VARIANTS=fe;exports.Accordion=er;exports.AnimatedButton=ne;exports.AnimatedText=ne;exports.CLOUDINARY_ICON_URL=Dt;exports.COLORS=Nt;exports.Card=To;exports.Carousel=dr;exports.Chip=re;exports.ChipMarker=Ie;exports.Container=s;exports.Divider=E;exports.GLOW_VARIANT=pe;exports.Headings=ze;exports.ICON_RESOURCE=g;exports.Icon=I;exports.LOADING_IMG=ba;exports.Link=De;exports.List=Ur;exports.MenuToggle=st;exports.MotionSlideUp=X;exports.NoStyleButton=N;exports.PLACEHOLDER=ee;exports.ParticleBackground=ae;exports.ParticleField=K;exports.RESOURCE=Lt;exports.RotatingBlur=Fe;exports.SHINE_VARIANT=B;exports.Skeleton=ut;exports.SplashScreen=Zr;exports.Switch=Xe;exports.Text=f;exports.TextFillAnimation=ao;exports.TextUnderLineAnimation=qe;exports.TripieImage=V;exports.useAppTheme=_o;exports.useCycle=F;exports.useDrawer=Xo;
+import xt from'classnames/bind';import {motion}from'framer-motion';import {createContext,useContext,useMemo,useState,useRef,useCallback,useEffect}from'react';import {useMediaQuery,useLocalStorage}from'usehooks-ts';import {useRouter}from'next/navigation';import {InView,useInView}from'react-intersection-observer';import zr from'next/link';import wo from'next/image';var ht=Object.defineProperty;var t=(e,r)=>ht(e,"name",{value:r,configurable:true});var l=xt;var bt={Div:motion.div,Button:motion.button,Section:motion.section,Span:motion.span,Li:motion.li,Ul:motion.ul,Img:motion.img,Path:motion.path,Nav:motion.nav},n=bt;var Rt="(prefers-color-scheme: dark)",T={DARK:"dark",LIGHT:"light"},_o=t(()=>{let e=useMediaQuery(Rt),[r,o]=useLocalStorage("tripie-app-theme",T.DARK);return useEffect(()=>{let a=document?.documentElement;r==null?a.dataset.theme=e?T.DARK:T.LIGHT:a.dataset.theme=r;},[r,e]),{mode:r,toggle:t(()=>{o(a=>a===T.DARK?T.LIGHT:T.DARK);},"toggle"),setMode:t(a=>o(a),"setMode")}},"useAppTheme");var F=t((...e)=>{let[r]=useState(e),[o,a]=useState(r[0]);return [o,t(c=>{if(c!=null)a(o[c]);else {let m=r.filter(d=>d!==o);a(m[0]);}},"toggleState")]},"useCycle");var q={OPEN:true,CLOSE:false},Xo=t(()=>{let[e,r]=useState(q.CLOSE);return {isOpen:e,toggle:t(()=>{r(o=>!o);},"toggle"),open:t(()=>r(q.OPEN),"open"),close:t(()=>r(q.CLOSE),"close")}},"useDrawer");var Nt={0:"#ffffff",30:"#d5ffcc40",40:"#858585",50:"#d3ffca",100:"#102b1f",200:"#0f0f0f",300:"#d3ffca40",400:"#232323",500:"#080807",600:"#22261e",700:"#141712",800:"#333333",1e5:"#08080700"},p=Nt;var pe={rest:{boxShadow:"none"},glow:{boxShadow:[`-2px 0px 10px 0px ${p[50]}`,`2px 0px 10px 0px ${p[50]}`,`0px 2px 10px 0px ${p[50]}`],transition:{ease:"circInOut"}}},B={rest:{boxShadow:"none"},selected:{backgroundColor:p[100],borderColor:p[300]},shine:{backgroundColor:p[100],borderColor:p[300]}},fe={DETAILS:{closed:t(()=>({height:"0%",opacity:0}),"closed"),open:t(()=>({transform:{height:"100%"},transition:{duration:2,bounce:0,damping:2,stiffness:10}}),"open")},BUTTON:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open")},DIVIDER:{closed:t(()=>({backgroundColor:p[400]}),"closed"),open:t(()=>({backgroundColor:p[50],transition:{duration:.5,bounce:0}}),"open")}};var ue={};var Tt=l.bind(ue),It=t(({children:e,className:r,align:o="left",margin:a="m",applyMargin:i="all",preserveWhiteSpace:c=false,refs:m,...d})=>React.createElement("div",{ref:m,className:Tt("layout-fill-available",`align-${o}`,"container",i,a,c?"preserve-white-space":"",r),...d},e),"TripieContainer"),s=It;var Ct={hr1:"l",hr2:"m",hr3:"m",hr4:"sm",hr5:"xsm"},ge=Ct;var he={};var xe=l.bind(he),Z=t(({className:e,current:r,variants:o=fe.DIVIDER})=>React.createElement(n.Div,{variants:o,animate:r,className:xe("divider",e)}),"Divider"),At=t(({item:e})=>React.createElement(s,{applyMargin:"top-bottom",margin:ge[e.type]},React.createElement(Z,{className:xe("divider",`divider-${e.type}`)})),"ArticleDivider");Z.Article=At;var E=Z;var be={};var ee="https://placehold.co/600x600?text=NO IMAGE",ua="https://placehold.co/600x600?text=LOADING",Ot="dbzzletpw",Dt=`https://res.cloudinary.com/${Ot}/image/upload/`,Lt={ARROW:"v1743149708/arrow.avif",CHECK:"v1743150067/check.avif",X:"v1743150099/x.avif",REFRESH:"v1743150107/refresh.png",PLANE:"v1743150122/plane.png",CLOUD:"v1743150128/cloud.png",LOADING:"v1743150142/loading.png",TRAM:"v1743150147/tram.png",TRAIN:"v1743150152/train.png",WALK:"v1743150157/walk.png",SHIP:"v1743150164/ship.png",BUS:"v1743150170/bus.png",CAR:"v1743150175/car.png",FLAG:"v1743150180/flag.png",CURSOR:"v1743150185/cursor.avif",NEXT:"v1743150189/next.png",KAKAO:"v1743150194/kakao.png",GITHUB:"v1743150199/github.png"},g=t(e=>Dt+Lt[e],"ICON_RESOURCE");var v={DEFAULT:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open"),hover:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"hover")},ROTATE:{hover:t(()=>({rotate:"360deg",transition:{duration:1.2,bounce:.5}}),"hover")},NAVIGATE:t(e=>e==="back"?{closed:t(()=>({rotate:"-135deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{closed:t(()=>({rotate:"45deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"NAVIGATE"),REFRESH:t(e=>e==="redo"?{closed:t(()=>({rotate:"-135deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{closed:t(()=>({rotate:"45deg",transition:{duration:.1,bounce:1}}),"closed"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"REFRESH"),PLANE:{rotate:{rotate:"90deg"},fly:t(()=>({translateX:"100vw",transition:{repeat:1/0,duration:5,bounce:1}}),"fly")},CLOUD:{rest:t(()=>({opacity:`${Math.random()}`,translateX:`${Math.random()*1e3}rem`,translateY:`${Math.random()*100}px`}),"rest"),float:t(()=>({translateX:"-100%",delay:1,transition:{decelerate:2,repeat:1/0,duration:8,bounce:1}}),"float")},CURSOR:{initial:t(()=>({translateY:"-10px"}),"initial"),hover:t(()=>({pointerEvents:"none",translateX:"-50px",translateY:"-5px",transition:{decelerate:2,duration:.5,bounce:0}}),"hover")},SCROLL:t(e=>e?{initial:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"initial"),hover:t(()=>({rotate:"-90deg",transition:{duration:.1,bounce:1}}),"hover")}:{initial:t(()=>({rotate:"-180deg",transition:{duration:.1,bounce:1}}),"initial"),hover:t(()=>({rotate:"0deg",transition:{duration:.1,bounce:1}}),"hover")},"SCROLL")};var u=l.bind(be),h=t(({className:e,onTapStart:r,src:o=g("ARROW"),animate:a,sizes:i="icon",variants:c=v.DEFAULT,transition:m})=>React.createElement(n.Img,{onTapStart:r,className:u(i,e),variants:c,transition:m,animate:a,src:o,alt:`${o} icon`}),"Icon"),Ht=t(({className:e,direction:r="back",src:o,sizes:a="icon",animate:i,disabled:c,onTapStart:m,navigateUrl:d,variants:x=v.NAVIGATE(r),transition:k})=>{let D=useRouter(),Q=t(({direction:gt})=>{if(d!=null)return D.replace(d);gt==="back"?D.back():D.forward();},"onNavigate");return React.createElement(n.Button,{disabled:c,onTapStart:t(()=>{m!=null?m():Q({direction:r});},"onTapStart"),whileTap:"hover",whileHover:"hover",className:u(a,e),variants:x,transition:k,initial:"closed",animate:i},React.createElement("img",{src:g("ARROW"),alt:o+"\uBC84\uD2BC",className:u("icon-image")}))},"NavigateIcon"),Ut=t(({className:e,onTapStart:r,animate:o,transition:a,sizes:i="icon"})=>React.createElement(n.Div,{onTapStart:r,whileTap:"hover",whileHover:"hover",className:u(i,e),variants:v.REFRESH("undo"),transition:a,initial:"closed",animate:o},React.createElement("img",{src:g("REFRESH"),alt:"\uC0C8\uB85C\uACE0\uCE68 \uBC84\uD2BC",className:u("icon-image")})),"RefreshIcon"),jt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{variants:v.PLANE,animate:"fly",initial:"rotate",src:g("PLANE"),alt:"plane icon",className:u(r,"plane",e)}),"PlaneIcon"),_t=t(({index:e=0,sizes:r="icon"})=>React.createElement(n.Img,{variants:v.CLOUD,initial:{opacity:`${.2}`,translateX:`${80*(Math.random()*(e+1))}vw`,translateY:`${Math.random()*100}px`},animate:{translateX:"-100vw"},transition:{decelerate:2,repeat:1/0,duration:35,bounce:0,delay:e*.1},src:g("CLOUD"),className:u(r),alt:"cloud icon"}),"CloudIcon"),Vt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{animate:{rotate:"360deg"},transition:{repeat:1/0,duration:10,bounce:0},src:g("LOADING"),className:u(r,e),alt:"loading icon"}),"LoadingIcon"),Ft=t(({hovered:e="",className:r,transition:o,sizes:a="icon"})=>React.createElement(n.Img,{variants:v.CURSOR,src:g("CURSOR"),initial:"initial",animate:e,transition:o,alt:"cursor icon",className:u(a,r)}),"CursorIcon"),Bt=t(({hovered:e="",className:r,next:o=true,transition:a,onTapStart:i,sizes:c="icon"})=>React.createElement(n.Img,{variants:v.SCROLL(o),onTapStart:i,src:g("NEXT"),initial:"initial",animate:e,alt:"next icon",transition:a,className:u(c,o?"next":"prev",r)}),"ScrollIcon"),$t=t(({active:e=false,type:r="FLAG",className:o,sizes:a="icon"})=>React.createElement(n.Img,{animate:e?{rotate:[0,10,-10,0]}:{rotate:0},transition:e?{repeat:1/0,repeatType:"loop",duration:.8,ease:"easeInOut"}:{},className:u(a,o),src:g(r),alt:`${r} \uC544\uC774\uCF58`}),"TransportIcon"),Gt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{className:u(r,e),src:g("X"),alt:"X \uC544\uC774\uCF58"}),"XIcon"),Pt=t(({className:e,sizes:r="icon"})=>React.createElement(n.Img,{className:u(r,e),src:g("CHECK"),alt:"\uCCB4\uD06C \uC544\uC774\uCF58"}),"CheckIcon"),Xt=t(({className:e,sizes:r="icon",src:o=g("GITHUB")})=>React.createElement(n.Img,{className:u(r,e),variants:v.ROTATE,src:o,alt:"oauth \uC544\uC774\uCF58"}),"AuthIcon");h.Navigate=Ht;h.Refresh=Ut;h.Plane=jt;h.Cloud=_t;h.Loading=Vt;h.Transport=$t;h.Cursor=Ft;h.Scroll=Bt;h.X=Gt;h.Auth=Xt;h.Check=Pt;var I=h;var we={};var te={DETAILS:{closed:t(()=>({height:"0%",opacity:0,display:"none"}),"closed"),open:t(()=>({transform:{height:"fit-content"},transition:{duration:2,bounce:0,damping:2,stiffness:10}}),"open")},BUTTON:{closed:t(()=>({}),"closed"),open:t(()=>({rotate:"45deg",transition:{duration:.5,bounce:0}}),"open")},DIVIDER:{closed:t(()=>({backgroundColor:p[400]}),"closed"),open:t(()=>({backgroundColor:p[50],transition:{duration:.5,bounce:0}}),"open")}};var L=l.bind(we),M=createContext({current:"closed",cycle:t(()=>null,"cycle")}),H=t(({children:e,className:r})=>{let[o,a]=F("closed","open"),i=useMemo(()=>({current:o,cycle:a}),[o]);return React.createElement(M.Provider,{value:i},React.createElement(n.Div,{className:L("accordion",r)},e))},"Accordion"),Jt=t(({className:e})=>{let{current:r}=useContext(M);return React.createElement(E,{current:r,className:L(e)})},"AccordionDivider"),Qt=t(({children:e})=>{let{cycle:r}=useContext(M);return React.createElement(n.Div,{className:L("accordion-header"),whileHover:{cursor:"pointer"},onTapStart:t(()=>r(),"onTapStart")},e)},"AccordionHeader"),qt=t(({src:e,className:r,sizes:o="icon"})=>{let{current:a}=useContext(M);return React.createElement(I,{src:e,sizes:o,variants:te.BUTTON,animate:a,className:L(r)})},"AccordionIcon"),Zt=t(({children:e})=>{let{current:r}=useContext(M);return React.createElement(n.Div,{variants:te.DETAILS,animate:r,className:L("accordion-body")},e)},"AccordionBody");H.Divider=Jt;H.Icon=qt;H.Header=Qt;H.Body=Zt;var er=H;var ve={};var rr=l.bind(ve),or=t(({action:e,children:r,name:o="no-style-button",type:a="button",className:i})=>React.createElement("button",{type:a,name:o,onClick:e,className:rr("clear-btn",i)},r),"NoStyleButton"),N=or;var ye={};var y=l.bind(ye),Ee=t(({items:e,className:r})=>{let[o,a]=useState(0),i=useRef(null),c=useCallback(m=>{let d=o;a(x=>m==="prev"?(d=x!=0?x-1:0,d):m==="next"?(d=x!=e.length-1?x+1:e.length-1,d):x),i?.current?.children?.[d]!=null&&i.current.children?.[d].scrollIntoView({behavior:"smooth",block:"nearest"});},[i,o]);return React.createElement(s,{margin:"none",className:y("carousel")},e.length>1&&o!=0?React.createElement(N,{name:"previous",action:t(()=>c("prev"),"action")},React.createElement(I.Scroll,{className:y("scroll-icon","next-icon"),next:false})):null,React.createElement(s,{margin:"none",className:y("flex-items","carousel-inner")},React.createElement(s,{margin:"none",className:y("insta-like-carousel-container",r),refs:i},e.map((m,d)=>React.createElement(cr,{key:`carousel-item-${m?.key}`,index:d,setFocusedIndex:a,focusedIndex:o},m)))),e.length>1&&o!=e.length-1?React.createElement(N,{name:"next",action:t(()=>c("next"),"action")},React.createElement(I.Scroll,{className:y("scroll-icon","prev-icon")})):null)},"Carousel"),cr=t(({children:e,className:r,index:o,setFocusedIndex:a,focusedIndex:i,threshold:c=.6})=>{let{ref:m,inView:d}=useInView({threshold:c,triggerOnce:false});return useEffect(()=>{d&&o!=i&&a(o);},[d,i]),useEffect(()=>{!d&&o!=i&&a(i);},[d,i]),React.createElement(s,{margin:"none",refs:m,className:y("insta-like-carousel-item",i==o?"focused":"",r)},e)},"CarouselItem"),mr=t(({children:e,className:r})=>React.createElement(s,{margin:"none",className:y("carousel")},React.createElement(s,{margin:"none",className:y("flex-items","carousel-inner")},React.createElement(s,{margin:"none",className:y("insta-like-carousel-container",r)},e))),"ControlledCarousel");Ee.Controlled=mr;var dr=Ee;var Ne={};var G=l.bind(Ne),ke=t(({children:e,className:r,onClick:o,selected:a,disabled:i=false})=>React.createElement(n.Button,{whileHover:"shine",whileTap:"shine",disabled:i,animate:a?"selected":"rest",variants:B,onClick:o,className:G("chip","with-border",r)},e),"Chip"),fr=t(({children:e,current:r,className:o,onClick:a,type:i="button"})=>React.createElement(n.Button,{initial:"rest",className:G("wrap","with-border",r==="on"?"selected":"chip",o),variants:pe,whileHover:"glow",onClick:a,type:i},React.createElement("span",{className:G("accented",r==="on"?"selected":"chip")},e),React.createElement(n.Span,{className:G("glow"),animate:{rotate:360},transition:{type:"tween",duration:2,ease:"linear",repeat:1/0}})),"AccentedChip");ke.Accented=fr;var re=ke;var Te={};var hr=l.bind(Te),xr=t(({className:e,children:r,selected:o})=>{let a=useMemo(()=>+r.split("-")[1]+1,[r]);return React.createElement(re,{className:hr("marker",e),selected:o},a)},"ChipMarker"),Ie=xr;var Ce={};var P={FLICK_TEXT:{rest:{opacity:1,y:"0"},hover:{opacity:1,y:"-3rem",transition:{bounce:0}}},TEXT:{rest:{opacity:1,y:"2rem"},hover:{opacity:1,y:"-2rem",transition:{bounce:0}}},TITLE:t((e,r)=>({rest:{opacity:1,y:e,duration:.5},hover:{opacity:1,y:r,transition:{duration:.5}}}),"TITLE"),SLIDE:t(e=>({rest:t(()=>({}),"rest"),fly:t(()=>({translateX:"100vw",transition:{repeat:1/0,duration:e,bounce:1}}),"fly")}),"SLIDE")};var R=l.bind(Ce),C=t(({children:e,className:r,size:o="default",bold:a=false,...i})=>{let c=`${e}`.split(`
+`).map((m,d)=>React.createElement("span",{className:R("text",a?"bold":"",o,r),key:d+m,...i},m));return React.createElement(React.Fragment,null,c)},"Text"),wr=t(({children:e,className:r,bold:o,size:a="default",...i})=>React.createElement("span",{className:R("text","accented",a,o?"bold":"",r),...i},e),"AccentedText"),vr=t(({children:e,className:r})=>React.createElement(n.Span,{className:R("flick",r),variants:P.TEXT},e),"FlickText"),Se=t(({children:e,className:r})=>React.createElement(n.Span,{className:R("flick",r),variants:P.FLICK_TEXT},e),"FlickText2"),yr=t(({children:e,className:r,disabled:o=false,otherChild:a=e,withBorder:i=false,animate:c="rest",action:m})=>React.createElement(n.Div,{className:R("animated-text",i&&"with-border",r),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:c,onTap:m},React.createElement(Se,null,e),React.createElement(s,{applyMargin:"top"}," "),React.createElement(Se,{className:R("hovered")},a)),"AnimatedText"),Rr=t(({children:e,className:r})=>React.createElement(s,{className:R("box"),margin:"none"},e.split("").map((o,a)=>React.createElement(n.Span,{key:a+o,className:R("box",r),animate:{y:[-5,0]},transition:{delay:a*.1,duration:.5,repeat:1/0,repeatType:"reverse"}},o))),"JumpingText"),Er=t(({children:e,className:r,transition:o,animate:a="fly",duration:i=5})=>React.createElement(n.Div,{className:R(r),initial:"rest",animate:a,transition:o,variants:P.SLIDE(i)},e),"SlidingText");C.Accented=wr;C.Slide=Er;C.Animated=yr;C.Flick=vr;C.Jump=Rr;var f=C;var Ae={};var S=l.bind(Ae),A=t(({children:e,className:r})=>React.createElement(f,{className:S("default",r)},e),"Heading"),kr=t(({children:e,className:r})=>React.createElement("h1",{className:S("h1",r)},e),"H1"),Tr=t(({children:e,className:r})=>React.createElement("h2",{className:S("h2",r)},e),"H2"),Ir=t(({children:e,className:r})=>React.createElement("h3",{className:S("h3",r)},e),"H3"),Cr=t(({children:e,className:r})=>React.createElement("h4",{className:S("h4",r)},e),"H4"),Sr=t(({children:e,className:r})=>React.createElement("h4",{className:S("headline",r)},e),"Headline");A.Headline=Sr;A.H1=kr;A.H2=Tr;A.H3=Ir;A.H4=Cr;var ze=A;var Oe={};var Or=l.bind(Oe);function Dr({children:e,className:r,href:o,role:a,size:i="default",...c}){return React.createElement(zr,{href:o,className:Or("link",r),role:a,...c},React.createElement(f,{bold:true,size:i},e))}t(Dr,"UnstyledLink");var De=Dr;var Le={};var U=l.bind(Le),oe=t(({children:e,className:r,rowView:o=false})=>React.createElement(s,{margin:"m",className:U(r),applyMargin:"top-bottom"},React.createElement("ul",{className:U("list",o?"row-view":"")},e)),"List"),Mr=t(({children:e,justifyContent:r="flex-start",alignItems:o="normal",gap:a="default",className:i})=>React.createElement("li",{className:U("list-item",`justify-content-${r}`,`align-items-${o}`,`gap-${a}`,i)},e),"ListItem"),Hr=t(({children:e,className:r})=>React.createElement(s,{margin:"m",className:U(r),applyMargin:"top-bottom"},React.createElement("ul",{className:U("list","wrap")},e)),"GridList");oe.Item=Mr;oe.Grid=Hr;var Ur=oe;var _r={hidden:{opacity:0,y:50},visible:{opacity:1,y:0}},Vr=t(({duration:e=1,delay:r=0,replays:o=true,children:a,className:i})=>React.createElement(InView,null,({inView:c,ref:m})=>React.createElement(n.Div,{animate:c?"visible":"hidden",ref:m,variants:_r,transition:{duration:e,delay:r,damping:2,stiffness:10,replays:o},className:i},a)),"MotionSlideUp"),X=Vr;var Me={};var Br=l.bind(Me),$r=t(({x:e,y:r,duration:o=.5})=>React.createElement(n.Div,{initial:{opacity:0,x:0,y:0},animate:{opacity:1,x:e,y:r},transition:{repeat:1/0,repeatType:"mirror",duration:o},className:Br("particle")}),"Particles"),He=$r;var Ue={};var Pr=l.bind(Ue),Xr=Array.from({length:50},()=>({x:Math.random()*1e3-500,y:Math.random()*1e3-500,duration:Math.random()*10+5})),Kr=t(()=>React.createElement("div",{className:Pr("particle-field")},Xr.map((e,r)=>React.createElement(He,{key:`${r}-${e.x}-${e.y}-${e.duration}`,x:e.x,y:e.y,duration:e.duration}))),"ParticleField"),K=Kr;var je={};var _e=l.bind(je);function ae({children:e}){return React.createElement(s,{className:_e("background"),margin:"none"},React.createElement(s,{className:_e("gradient-bottom"),margin:"none"}),e,React.createElement(K,null))}t(ae,"ParticleBackground");var Ve={};var W=l.bind(Ve),Jr=t(({className:e})=>React.createElement(n.Div,{className:W("pie","rotating-blur",e),initial:{rotate:0},animate:{scale:[1,1.2,1.5,1.2,1],rotate:360},transition:{duration:5,times:[0,.25,.5,.75,1],repeat:1/0,ease:"linear"}},React.createElement(n.Div,{className:W("segment","segment-1")}),React.createElement(n.Div,{className:W("segment","segment-2")}),React.createElement(n.Div,{className:W("segment","segment-3")})),"RotatingBlur"),Fe=Jr;var Be={};var $e=l.bind(Be),Ge=t(({children:e,className:r})=>React.createElement(n.Div,{className:$e("splash-full-screen",r),initial:{opacity:1,y:0},animate:{opacity:1,y:"-120%"},transition:{duration:.8,delay:1}},React.createElement(s,{align:"center"},e)),"SplashScreen"),qr=t(({children:e,className:r})=>React.createElement(n.Div,{className:$e("splash-full-screen",r),initial:{opacity:1,y:0}},React.createElement(s,{align:"center"},e)),"ControlledSplashScreen");Ge.Controlled=qr;var Zr=Ge;var Pe={};var Y={BACKGROUND:{off:t(()=>({backgroundColor:p[40],borderColor:p[400]}),"off"),on:t(()=>({backgroundColor:p[50],borderColor:p[50]}),"on")},BUTTON:{off:t(()=>({x:"150%",backgroundColor:p[40]}),"off"),on:t(()=>({x:"30%",backgroundColor:p[50]}),"on")},TEXT:{off:t(()=>({x:"0%"}),"off"),on:t(()=>({x:"200%",color:p[50]}),"on")}};var J=l.bind(Pe),to=t(({current:e,cycle:r,className:o,text:a})=>React.createElement(n.Div,{className:J("switch",o),animate:e,onTapStart:t(()=>r(),"onTapStart")},React.createElement(n.Div,{className:J("background"),variants:Y.BACKGROUND,transition:{ease:"easeInOut"}}),React.createElement(n.Div,{className:J("button"),variants:Y.BUTTON,transition:{ease:"easeInOut"}}),React.createElement(n.Div,{className:J("switch-text"),variants:Y.TEXT,transition:{ease:"easeInOut"}},a)),"Switch"),Xe=to;var Ke={};var z=l.bind(Ke),Ye=t(({text:e,baseColor:r,endColor:o=p[0],duration:a=1,delay:i=0,replays:c=true})=>React.createElement(InView,null,({inView:m,ref:d})=>React.createElement(s,{margin:"none",className:z("animation",r==null?"default":""),ref:d},React.createElement("span",{className:z("wrap")},e,React.createElement(n.Span,{className:z("text"),style:{color:r??o},animate:m?"visible":"hidden",initial:{width:"0%"},variants:{visible:{width:"100%"},hidden:{width:"0%"}},transition:{baseColor:r,endColor:o,duration:a,delay:i,replays:c}},e)))),"TextFillAnimation"),oo=t(({children:e,repeat:r=1,duration:o=1})=>React.createElement(InView,null,({inView:a,ref:i})=>React.createElement("div",{className:z("animation","pre-title","default"),ref:i},React.createElement("span",{className:z("wrap")},e,React.createElement(n.Span,{className:z("text","title"),animate:a?"visible":"hidden",initial:{width:"0%"},variants:{visible:{width:"100%"},hidden:{width:"0%"}},transition:{repeat:r,duration:o}},e)))),"TitleTextFillAnimation");Ye.Title=oo;var ao=Ye;var Je={};var ie={DIVIDER:{closed:t(()=>({x:"0%",width:"0%",translateY:"-10px",backgroundColor:"transparent"}),"closed"),open:t(()=>({x:"0%",backgroundColor:p[50],width:"100%",transition:{damping:10,stiffness:100,duration:.5}}),"open")}};var Qe=l.bind(Je),no=t(({children:e,onClick:r,className:o})=>React.createElement(n.Div,{className:Qe("wrap",o),onClick:r,variants:ie,whileHover:"open",whileTap:"open"},e,React.createElement(E,{variants:ie.DIVIDER,className:Qe("divider")})),"TextUnderLineAnimation"),qe=no;var Ze={};var j=l.bind(Ze),et=t(({children:e,className:r,disabled:o=false,type:a="button",otherChild:i=e,withBorder:c=false,onClick:m,animate:d="rest",withMinWidth:x=false,selected:k=false})=>React.createElement(n.Button,{disabled:o,onTap:m,type:a,className:j("button",c&&"with-border",x&&"min",r,k?"selected":""),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:d},React.createElement(f.Flick,null,e),React.createElement("span",{className:j("gap")}," "),React.createElement(f.Flick,{className:j("hovered")},i)),"AnimatedButton"),so=t(({children:e,className:r,disabled:o=false,otherChild:a=e,withBorder:i=false,animate:c="rest",withMinWidth:m=false})=>React.createElement(n.Div,{className:j("button",i&&"with-border",m&&"min",r),initial:"rest",whileHover:o?"rest":"hover",whileTap:o?"rest":"hover",animate:c},React.createElement(f.Flick,null,e),React.createElement(s,{applyMargin:"top"}," "),React.createElement(f.Flick,{className:j("hovered")},a)),"AnimatedText");et.Text=so;var ne=et;var tt={};var rt={};var ot={open:{y:0,opacity:1,transition:{y:{stiffness:1e3,velocity:-100}}},closed:{y:50,opacity:0,transition:{y:{stiffness:1e3}}}};var po=l.bind(rt),fo=t(({children:e})=>React.createElement(n.Li,{className:po("menu-item"),variants:ot,whileHover:{scale:1.1},whileTap:{scale:.95}},e),"MenuItem"),at=fo;var it={};var nt={open:{opacity:1,display:"inline-block",transition:{staggerChildren:.07,delayChildren:.2}},closed:{opacity:0,display:"none",transition:{staggerChildren:.05,staggerDirection:-1}}};var go=l.bind(it),ho=t(({children:e})=>React.createElement(n.Ul,{className:go("navigation"),variants:nt},e),"MenuList"),lt=ho;var se=l.bind(tt),le=t(e=>React.createElement(n.Path,{fill:"transparent",strokeWidth:"1",stroke:p[0],strokeLinecap:"round",...e}),"Path"),xo=t(({toggle:e})=>React.createElement(N,{action:t(()=>e(),"action"),className:se("menu-toggle")},React.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",className:se("svg")},React.createElement(le,{variants:{closed:{d:"M 2 2.5 L 20 2.5"},open:{d:"M 3 16.5 L 17 2.5"}}}),React.createElement(le,{d:"M 2 9.423 L 20 9.423",variants:{closed:{opacity:1},open:{opacity:0}},transition:{duration:.1}}),React.createElement(le,{variants:{closed:{d:"M 2 16.346 L 20 16.346"},open:{d:"M 3 2.5 L 17 16.346"}}}))),"ToggleButton"),ce=t(({className:e,children:r="",initial:o=false})=>{let[a,i]=F(o,true);return React.createElement(n.Nav,{className:se("nav",e),initial:o,animate:a?"open":"closed"},React.createElement(s,{margin:"none"},r),React.createElement(xo,{toggle:i}))},"MenuToggle");ce.Item=at;ce.List=lt;var st=ce;var ct={};var _=l.bind(ct),me=t(({alt:e,src:r,refs:o,sizes:a="default",className:i,withBorder:c=true,blurDataURL:m,fill:d=true})=>React.createElement(s,{margin:"none",className:_("tripie-image","img-wrap",a,c&&"with-border",i)},m==null?React.createElement("img",{className:_("tripie-image","img-wrap",a,c&&"with-border"),src:r??ee,alt:`${e}\uC758 \uC774\uBBF8\uC9C0\uC77C \uC218 \uC788\uC74C`}):React.createElement(wo,{src:r??ee,className:_("tripie-image","img-wrap",a,c&&"with-border"),alt:e,sizes:"(min-width:640px) 50vw, 100vw",placeholder:"blur",fill:d,blurDataURL:m,ref:o})),"TripieImage"),vo=t(({alt:e,src:r,refs:o,className:a,sizes:i="medium",sourceUrl:c,withBorder:m=true,blurDataURL:d})=>React.createElement(s,{margin:"none",className:_("img-wrap",m??"with-border",a)},React.createElement(me,{src:r,alt:e,refs:o,sizes:i,blurDataURL:d}),React.createElement(f,{className:_("source-url","img-source")},`\uCD9C\uCC98 ${c}`)),"ImageWithSourceUrl");me.WithSourceUrl=vo;var V=me;var mt={};var b=l.bind(mt),O=t(({duration:e,replays:r,delay:o=.3,children:a,className:i})=>React.createElement(X,{delay:o,duration:e,replays:r,className:b("with-border","outer-wrap",i)},React.createElement(s,{margin:"none",className:b("noise-contents-contrast")},a),React.createElement("div",{className:b("noise")})),"Card"),Ro=t(({children:e,className:r,ref:o})=>React.createElement(s,{margin:"none",ref:o,className:b("with-border","inner-wrap",r)},e),"CardContent"),Eo=t(({children:e,ref:r,className:o,onClick:a,selected:i})=>React.createElement(n.Div,{ref:r,whileHover:"shine",whileTap:"shine",animate:i?"selected":"rest",variants:B,onClick:a,className:b("chip","with-border","inner-wrap",o)},e),"ClickableCardContent"),No=t(({children:e,className:r})=>React.createElement(s,{margin:"none",className:b("inner-wrap","with-description",r)},e),"CardDescription"),ko=t(({onClick:e,src:r,alt:o,title:a,summary:i,className:c,sourceUrl:m,imageSize:d="medium",displaySource:x=false,withBorder:k,isFullSize:D=false,blurDataURL:Q})=>React.createElement(O.ClickableContent,{onClick:e,className:b("article-card",D?"full-size":"",c)},React.createElement(s,{margin:"none",className:b("img-wrap")},m==null||!x?React.createElement(V,{blurDataURL:Q,src:r,sizes:d,alt:o??`${r} \uC774\uBBF8\uC9C0\uC77C \uC218\uB3C4 \uC788\uC74C`,className:b("thumbnail"),withBorder:k}):React.createElement(V.WithSourceUrl,{sizes:d,withBorder:k,sourceUrl:m,src:r,alt:o??`${r} \uC774\uBBF8\uC9C0\uC77C \uC218\uB3C4 \uC788\uC74C`,className:b("thumbnail")})),React.createElement(s,null,React.createElement(s,{margin:"sm",applyMargin:"bottom"},React.createElement(f,{className:b("bold")},a),React.createElement(E,null)),i)),"CardWithImage");O.Content=Ro;O.ClickableContent=Eo;O.Description=No;O.WithCoverImage=ko;var To=O;var dt={};var pt=l.bind(dt),ft=t(({children:e,className:r,...o})=>React.createElement("div",{className:pt("skeleton",r),...o},e),"Skeleton"),Co=t(({children:e,className:r,...o})=>React.createElement("div",{className:pt("skeleton",r),...o},e),"SkeletonImage");ft.Image=Co;var ut=ft;export{fe as ACCORDIAN_VARIANTS,er as Accordion,ne as AnimatedButton,ne as AnimatedText,Dt as CLOUDINARY_ICON_URL,Nt as COLORS,To as Card,dr as Carousel,re as Chip,Ie as ChipMarker,s as Container,E as Divider,pe as GLOW_VARIANT,ze as Headings,g as ICON_RESOURCE,I as Icon,ua as LOADING_IMG,De as Link,Ur as List,st as MenuToggle,X as MotionSlideUp,N as NoStyleButton,ee as PLACEHOLDER,ae as ParticleBackground,K as ParticleField,Lt as RESOURCE,Fe as RotatingBlur,B as SHINE_VARIANT,ut as Skeleton,Zr as SplashScreen,Xe as Switch,f as Text,ao as TextFillAnimation,qe as TextUnderLineAnimation,V as TripieImage,_o as useAppTheme,F as useCycle,Xo as useDrawer};