@gdsc-dju/styled-components
Version:
GDSC-DJU Design System Component package for styled-components
2 lines (1 loc) • 25.7 kB
JavaScript
import n,{forwardRef as e,useState as t,useContext as r,useCallback as o,useEffect as i}from"react";import l,{css as a,useTheme as c,keyframes as s}from"styled-components";import{DarkModeContext as u,isColorToken as d,MenuContext as f}from"@gdsc-dju/styled-components-theme";function m(){return(m=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t,r=arguments[e];for(t in r)Object.prototype.hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n}).apply(this,arguments)}function p(n,e){if(null==n)return{};var t,r=function(n,e){if(null==n)return{};for(var t,r={},o=Object.keys(n),i=0;i<o.length;i++)t=o[i],0<=e.indexOf(t)||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols)for(var o=Object.getOwnPropertySymbols(n),i=0;i<o.length;i++)t=o[i],0<=e.indexOf(t)||Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t]);return r}function h(n,e){return e=e||n.slice(0),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function g(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],l=!0,a=!1;try{for(t=t.call(n);!(l=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);l=!0);}catch(n){a=!0,o=n}finally{try{l||null==t.return||t.return()}finally{if(a)throw o}}return i}}(n,e)||b(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(n){return function(n){if(Array.isArray(n))return v(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||b(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(n,e){var t;if(n)return"string"==typeof n?v(n,e):"Map"===(t="Object"===(t=Object.prototype.toString.call(n).slice(8,-1))&&n.constructor?n.constructor.name:t)||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(n,e):void 0}function v(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}var y,w,E,C,z,k,S,M,O,j,L,D,B,F,I,A,T,P,H,W,N,X,V,_,G,U,q,Z,J,K,Y,$,Q,R,nn,en,tn,rn,on,ln,an,cn,sn,un,dn,fn,mn,pn,hn,gn,xn,bn,vn,yn,wn,En,Cn,zn,kn,Sn,Mn=l.div(y=y||h(["\n width: 100%;\n display: flex;\n align-items: center;\n margin: 1px auto 0;\n height: fit-content;\n min-height: 50px;\n outline: none;\n appearance: none;\n border-radius: 10px;\n border: none;\n box-shadow: inset 0 0 0 1px ",";\n background: ",";\n cursor: auto;\n &:hover {\n box-shadow: inset 0 0 0 2px ",";\n ","\n }\n ","\n ","\n ","\n ","\n \n transition: 0.3s;\n"]),(function(n){return n.theme.colors.grey300}),(function(n){return n.theme.colors.background}),(function(n){return n.theme.colors.blue400}),(function(n){return n.hasError&&a(w=w||h(["\n box-shadow: inset 0 0 0 2px ",";\n "]),(function(n){return n.theme.colors.red600}))}),(function(n){return n.isFocused&&a(E=E||h(["\n box-shadow: inset 0 0 0 2px ",";\n "]),(function(n){return n.theme.colors.blue600}))}),(function(n){return n.isDisabled&&a(C=C||h(["\n box-shadow: none;\n "]))}),(function(n){return n.hasError&&a(z=z||h(["\n box-shadow: inset 0 0 0 2px ",";\n "]),(function(n){return n.theme.colors.red900}))}),(function(n){return n.borderless&&a(k=k||h(["\n box-shadow: none;\n &:hover {\n box-shadow: none;\n }\n "]))})),On=a(S=S||h(["\n box-sizing: border-box;\n padding: 0 18px;\n margin: 1px 0;\n border: none;\n border-radius: 10px;\n height: 48px;\n width: 100%;\n outline: none;\n flex-grow: 1;\n background: none;\n"])),jn=a(M=M||h(["\n font-size: ",";\n font-weight: ",";\n color: ",";\n &::placeholder {\n color: ",";\n }\n"]),(function(n){return n.theme.fontSizes.textL}),(function(n){return n.theme.fontWeights.regular}),(function(n){return n.theme.colors.grey800}),(function(n){return n.theme.colors.grey500})),Ln=["disabled","hasError","borderless"],Dn=l.input(O=O||h(["\n ","\n ","\n transition: all 0.3s ease-in-out;\n ","\n"]),On,jn,(function(n){return n.isDisabled&&a(j=j||h(["\n cursor: not-allowed;\n "]))})),Bn=e((function(e,r){var o=e.disabled,i=e.hasError,l=void 0!==(l=e.borderless)&&l,a=p(e,Ln),c=(e=g(t(!1),2))[0],s=e[1];return n.createElement(Mn,{hasError:i,isDisabled:o,isFocused:c,borderless:l},n.createElement(Dn,m({className:"formInput"},a,{disabled:o,ref:r,onFocus:function(n){var e;s(!0),null!=(e=a.onFocus)&&e.call(a,n)},onBlur:function(n){var e;s(!1),null!=(e=a.onBlur)&&e.call(a,n)}})))})),Fn=["disabled","hasError","className","borderless"],In=l.textarea(L=L||h(["\n ","\n ","\n padding: 18px 18px;\n min-height: 100px;\n max-height: 350px;\n font-family: sans-serif;\n flex-grow: 1;\n cursor: auto;\n resize: vertical;\n transition: all 0.3s ease-in-out;\n"]),On,jn),An=e((function(e,r){var o=e.disabled,i=e.hasError,l=void 0!==(l=(e.className,e.borderless))&&l,a=p(e,Fn),c=(e=g(t(!1),2))[0],s=e[1];return n.createElement(Mn,{hasError:i,isDisabled:o,isFocused:c,borderless:l},n.createElement(In,m({ref:r},a,{disabled:o,onFocus:function(n){var e;s(!0),null!=(e=a.onFocus)&&e.call(a,n)},onBlur:function(n){var e;s(!1),null!=(e=a.onBlur)&&e.call(a,n)}})))})),Tn=function(){return n.createElement("svg",{width:"96",height:"96",viewBox:"0 0 96 96",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M80 24H48L40 16H16C11.6 16 8.04 19.6 8.04 24L8 72C8 76.4 11.6 80 16 80H80C84.4 80 88 76.4 88 72V32C88 27.6 84.4 24 80 24ZM80 72H16V32H80V72Z",fill:"#6B7684"}))},Pn=["placeholder","disabled","hasError","borderless","onChange"],Hn=l.div(D=D||h(["\n height: 20px;\n width: 20px;\n margin: 0 -8px 0 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"])),Wn=l.div(B=B||h(["\n ","\n ","\n display: flex;\n align-items: center;\n cursor: pointer;\n overflow: hidden;\n"]),On,jn),Nn=e((function(e,r){var o=e.placeholder,i=e.disabled,l=e.hasError,a=void 0!==(a=e.borderless)&&a,c=e.onChange,s=(e=p(e,Pn),(o=g(t(o||"Choose a file"),2))[0]),u=o[1],d=document.getElementById("formInput");return n.createElement(Mn,{hasError:l,isDisabled:i,borderless:a,onClick:function(){d&&d.click()}},n.createElement(Hn,null,n.createElement(Tn,null)),n.createElement(Wn,null,s),n.createElement("input",m({},e,{id:"formInput",ref:r,disabled:i,type:"file",style:{display:"none"},onChange:function(n){n.target.files&&(u(n.target.files[0].name),c&&c(n))}})))})),Xn=["children","size"],Vn=l.div(F=F||h(["\n padding: 1px 10px;\n border-radius: 50px;\n margin-right: 6px;\n opacity: 0.6;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n white-space: nowrap;\n font-size: ",";\n cursor: pointer;\n user-select: none;\n ",";\n ",";\n ",";\n"]),(function(n){return n.theme.fontSizes.textS}),(function(n){return n.isDarkMode?a(I=I||h(["\n border: 1px solid ",";\n color: ",";\n opacity: 1;\n "]),(function(n){return n.theme.colors.grey900}),(function(n){return n.theme.colors.grey900})):a(A=A||h(["\n border: 1px solid ",";\n color: ",";\n opacity: 1;\n "]),(function(n){return n.theme.colors.grey900}),(function(n){return n.theme.colors.grey900}))}),(function(n){return"L"===n.size&&a(T=T||h(["\n font-size: ",";\n "]),(function(n){return n.theme.fontSizes.textL}))}),(function(n){return"S"===n.size&&a(P=P||h(["\n height: 17px;\n padding: 1px 10px;\n border-radius: 50px;\n margin-right: 6px;\n "]))})),_n=e((function(e,t){var o=e.children,i=void 0===(i=e.size)?"L":i,l=(e=p(e,Xn),r(u).isDarkMode);return n.createElement(Vn,m({isDarkMode:l,size:i,ref:t},e),o)})),Gn=["onChange","tags","maxTags","disabled","hasError","chip","borderless"],Un=l.input(H=H||h(["\n ","\n ","\n"]),On,jn),qn=l.div(W=W||h(["\n display: flex;\n align-items: center;\n padding-left: 18px;\n"])),Zn=e((function(e,r){var l=e.onChange,a=void 0===(c=e.tags)?[]:c,c=void 0===(c=e.maxTags)?3:c,s=e.disabled,u=e.hasError,d=void 0===(f=e.chip)?_n:f,f=void 0!==(f=e.borderless)&&f,h=p(e,Gn),b=(e=g(t(!1),2))[0],v=e[1],y=(e=g(t(a),2))[0],w=e[1],E=(e=g(t(""),2))[0],C=e[1],z=o((function(n){y&&""!==n&&!y.includes(n)&&(n=n.trim().split(" "),w([].concat(x(y),x(n))),C(""))}),[y]);e=o((function(n){"Backspace"===n.key&&""===E?w(y.slice(0,y.length-1)):E&&["Enter"].includes(n.key)&&(n.preventDefault(),z(E))}),[z,y,E]);return i((function(){y&&l(y)}),[y]),i((function(){w(a)}),[]),n.createElement(Mn,{isFocused:b,isDisabled:s,hasError:u,borderless:f},0<y.length&&n.createElement(qn,null,y.map((function(e,t){return n.createElement(d,{onClick:function(){var n,t;n=e,y&&(t=y.filter((function(e){return e!==n})),w(t))},key:e+t},e)}))),y.length<c&&n.createElement(Un,m({ref:r},h,{value:E,tabIndex:2,onKeyDown:e,onChange:function(n){C(n.target.value),n.target.value.includes(" ")&&z(n.target.value)},onFocus:function(n){var e;v(!0),null!=(e=h.onFocus)&&e.call(h,n)},onBlur:function(n){var e;v(!1),null!=(e=h.onBlur)&&e.call(h,n)}})))})),Jn=l.svg(N=N||h(["\n display: flex;\n align-items: center;\n justify-content: center;\n"])),Kn=l.path(X=X||h(["\n transition: 0.3s;\n"])),Yn=l.path(V=V||h(["\n ","\n transition: 0.3s;\n"]),(function(n){return n=n.isActive,a(n?_=_||h(["\n opacity: 0;\n "]):G=G||h(["\n opacity: 1;\n "]))})),$n=function(e){e=e.isMenuOpen;var t=c();return n.createElement(Jn,{width:"23",height:"23",viewBox:"0 0 23 23",fill:t.colors.grey900},n.createElement(Kn,{fill:t.colors.grey900,strokeWidth:"3",stroke:t.colors.grey900,strokeLinecap:"round",d:e?"M 3 19 L 17 3.5":"M 2 4 L 20 4"}),n.createElement(Yn,{fill:t.colors.grey900,strokeWidth:"3",stroke:t.colors.grey900,strokeLinecap:"round",d:"M 2 11 L 20 11",isActive:e}),n.createElement(Kn,{fill:t.colors.grey900,strokeWidth:"3",stroke:t.colors.grey900,strokeLinecap:"round",d:e?"M 3.5 3 L 17 19":"M 2 18.346 L 20 18.346"}))},Qn=l.div(U=U||h(["\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 91;\n transition: all 0.3s ease-out;\n backdrop-filter: saturate(60%) blur(2px);\n ",";\n"]),(function(n){return n=n.animate,a(n?q=q||h(["\n visibility: visible;\n opacity: 1;\n //transform: translateX(100vw);\n "]):Z=Z||h(["\n visibility: hidden;\n opacity: 0;\n //transform: translateX(-100vw);\n "]))})),Rn=l.div(J=J||h(["\n height: 100vh;\n width: 100vw;\n background: rgba(0, 0, 0, 0.2);\n"])),ne=function(e){var t=e.children,r=void 0!==(e=e.isMenuOpen)&&e;return i((function(){var n;document.body.style.cssText="\n position: fixed; \n top: -".concat(window.scrollY,"px;\n overflow-y: scroll;\n width: 100%;"),r||(n=document.body.style.top,document.body.style.cssText="",window.scrollTo(0,-1*parseInt(n||"0",10)))}),[r]),n.createElement(Qn,{animate:r},n.createElement(Rn,null,t))},ee=function(){var e=c();return n.createElement("svg",{className:"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-uqopch",focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24","data-testid":"DarkModeIcon",fill:e.colors.grey700},n.createElement("path",{d:"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z"}))},te=function(){var e=c();return n.createElement("svg",{className:"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-uqopch",focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24","data-testid":"LightModeIcon",fill:e.colors.grey700},n.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41l-1.06-1.06zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"}))},re=s(K=K||h(["\n 0% {\n transform: rotate(200deg);\n scale: 0.5;\n opacity: 0.5;\n }\n 100% {\n transform: rotate(360deg);\n scale: 1;\n opacity: 1;\n }\n"])),oe=l.button(Y=Y||h(["\n padding: 7px;\n width: 40px;\n height: 40px;\n background: transparent;\n border: 0 solid transparent;\n border-radius: 20px;\n cursor: pointer;\n &:hover {\n transition: 0.3s;\n background: ",";\n }\n"]),(function(n){return n.theme.colors.grey50})),ie=l.div($=$||h(["\n animation-fill-mode: forwards;\n animation: "," 0.6s ease-in-out;\n"]),(function(n){return n.isActive&&re})),le=function(){var e,o=(e=r(u)).isDarkMode,i=e.toggleTheme,l=(e=g(t(!1),2))[0],a=e[1];return n.createElement(oe,{name:"theme-toggle-button","aria-label":"theme-toggle-button",onClick:function(){a(!0),i()}},n.createElement(ie,{isActive:l,onAnimationEnd:function(){return a(!1)}},o?n.createElement(ee,null):n.createElement(te,null)))},ae=function(){return n.createElement("svg",{width:"40",height:"20",viewBox:"0 0 40 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("g",{clipPath:"url(#clip0_232_54)"},n.createElement("path",{d:"M28.309 10.7727C30.3776 9.58434 32.4401 8.38672 34.515 7.21164C34.9482 6.94458 35.4398 6.78678 35.9475 6.75181C36.4552 6.71684 36.9638 6.80574 37.4296 7.01087C37.8953 7.216 38.3043 7.53122 38.6212 7.92939C38.9382 8.32757 39.1536 8.7968 39.249 9.29669C39.3778 9.92377 39.3092 10.5754 39.0527 11.162C38.796 11.7485 38.364 12.2411 37.816 12.5722C34.097 14.7394 30.3684 16.889 26.6303 19.0207C26.1056 19.3383 25.4945 19.4832 24.8831 19.4349C24.2718 19.3866 23.6911 19.1476 23.2228 18.7516C22.7262 18.3857 22.3505 17.8796 22.144 17.2984C21.9375 16.7172 21.9097 16.0876 22.064 15.4904C22.2061 15.022 22.443 14.5877 22.7599 14.2145C23.0769 13.8414 23.4671 13.5374 23.9065 13.3214C25.3887 12.4943 26.8462 11.6233 28.3141 10.7717",fill:"#FABC05"}),n.createElement("path",{d:"M29.827 9.90895C27.7645 8.71131 25.6958 7.52396 23.6394 6.3151C23.1915 6.07342 22.8091 5.72652 22.5249 5.30428C22.2408 4.88205 22.0635 4.3971 22.0084 3.89117C21.9532 3.38524 22.0218 2.87347 22.2082 2.3999C22.3946 1.92634 22.6932 1.50516 23.0785 1.1726C23.5578 0.747685 24.1569 0.481737 24.7935 0.411348C25.4301 0.34096 26.0729 0.469591 26.6334 0.779542C30.3695 2.91679 34.0961 5.07076 37.813 7.24145C38.3501 7.53721 38.7807 7.994 39.0445 8.54745C39.3081 9.10092 39.3915 9.72314 39.2829 10.3266C39.2143 10.9395 38.9639 11.518 38.5639 11.9875C38.1639 12.457 37.6326 12.7962 37.0382 12.9612C36.5614 13.0724 36.0668 13.0843 35.5852 12.9963C35.1036 12.9082 34.6453 12.7221 34.2387 12.4494C32.7811 11.5794 31.2979 10.7524 29.826 9.90685",fill:"#109D58"}),n.createElement("path",{d:"M11.0232 9.06132C9.69928 9.81193 8.3758 10.5643 7.05265 11.3183C6.27882 11.7595 5.51727 12.216 4.73627 12.649C4.01565 13.0697 3.15738 13.1871 2.35029 12.9751C1.54319 12.763 0.853381 12.2391 0.432599 11.5184C0.0118163 10.7978 -0.105465 9.93955 0.106555 9.13245C0.318574 8.32536 0.842527 7.63555 1.56316 7.21477C5.25557 5.0625 8.9572 2.92799 12.668 0.811207C13.1829 0.493893 13.7832 0.343267 14.3868 0.379908C14.9904 0.416549 15.5681 0.63867 16.0408 1.01592C16.5563 1.38059 16.9497 1.89268 17.1688 2.48494C17.388 3.0772 17.423 3.72191 17.2691 4.3344C17.1548 4.67707 16.9936 5.00225 16.79 5.30066C16.416 5.73082 15.9832 6.10607 15.5044 6.41535C14.0284 7.32531 12.5197 8.18205 11.0232 9.05927",fill:"#E94436"}),n.createElement("path",{d:"M9.50761 9.9059C10.8212 10.6763 12.1349 11.4464 13.4484 12.2161C14.2171 12.6655 14.995 13.0995 15.7597 13.556C16.4705 13.9768 16.9873 14.6602 17.1985 15.4588C17.4096 16.2573 17.2982 17.107 16.8883 17.824C16.4783 18.5411 15.8027 19.0682 15.0074 19.2913C14.2121 19.5146 13.361 19.4159 12.6377 19.0169C8.92826 16.9014 5.22935 14.7645 1.54103 12.6061C1.00878 12.3187 0.578307 11.8738 0.308436 11.3324C0.0385658 10.791 -0.0575301 10.1795 0.0332833 9.58143C0.0918258 8.95278 0.339094 8.35655 0.742625 7.87101C1.14615 7.38545 1.68709 7.03327 2.29439 6.86071C2.64681 6.78902 3.00745 6.76628 3.36609 6.79316C3.9244 6.90156 4.4647 7.08798 4.97107 7.34692C6.49724 8.16579 7.99372 9.04914 9.50147 9.9059",fill:"#4385F3"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_232_54"},n.createElement("rect",{width:"40",height:"20",fill:"white"}))))},ce=["customLogo","title","pointColor"],se=l.div(Q=Q||h(["\n display: flex;\n align-items: center;\n font-size: ",";\n flex-direction: row;\n flex-wrap: wrap;\n gap: 4px;\n cursor: pointer;\n @media (max-width: ","px) {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n"]),(function(n){return n.theme.fontSizes.textXl}),(function(n){return n.theme.windowSizes.mobile})),ue=l.div(R=R||h(["\n display: flex;\n align-items: center;\n cursor: pointer;\n color: ",";\n font-size: ",";\n font-weight: ",";\n word-break: keep-all;\n margin-top: 2px;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */\n -ms-user-select: none; /* 인터넷익스플로러 */\n user-select: none;\n ","\n"]),(function(n){return n.theme.colors.grey600}),(function(n){return n.theme.fontSizes.textM}),(function(n){return n.theme.fontWeights.medium}),(function(n){var e=n.color;return e&&d(e)?a(nn=nn||h(["\n color: ",";\n "]),(function(n){return n.theme.colors[e]})):a(en=en||h(["\n color: ",";\n "]),e)})),de=l.div(tn=tn||h(["\n margin-left: 4px;\n font-weight: ",";\n font-size: ",";\n color: ",";\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */\n -ms-user-select: none; /* 인터넷익스플로러 */\n user-select: none;\n"]),(function(n){return n.theme.fontWeights.bold}),(function(n){return n.theme.fontSizes.textXxl}),(function(n){return n.theme.colors.grey800})),fe=l.div(rn=rn||h(["\n display: flex;\n align-items: center;\n flex-direction: row;\n gap: 4px;\n @media (max-width: ","px) {\n display: none;\n }\n"]),(function(n){return n.theme.windowSizes.mobile})),me=e((function(e,t){var r=e.customLogo,o=e.title,i=e.pointColor;e=p(e,ce);return n.createElement(n.Fragment,null,r?n.createElement(n.Fragment,null,r):n.createElement(se,m({ref:t},e),n.createElement(ae,null),n.createElement(fe,null,n.createElement(de,null,"GDSC"),o?n.createElement(n.Fragment,null,n.createElement(ue,null,"DJU"),n.createElement(ue,{color:i},o)):n.createElement(n.Fragment,null,n.createElement(ue,{color:i},"Daejin"),n.createElement(ue,{color:i},"Univ.")))))})),pe=l.nav(on=on||h(["\n height: 70px;\n position: fixed;\n top: 0;\n z-index: 90;\n background: ",";\n box-shadow: 0 4px 30px ",";\n width: 100vw;\n display: flex;\n"]),(function(n){return n.theme.colors.background}),(function(n){return n.theme.colors.boxShadow100})),he=l.div(ln=ln||h(["\n display: flex;\n height: 70px;\n width: 100vw;\n align-items: center;\n position: absolute;\n"])),ge=l.div(an=an||h(["\n width: 92%;\n margin: 0 auto;\n display: flex;\n position: relative;\n flex-direction: row;\n"])),xe=l.div(cn=cn||h(["\n width: 92%;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n"])),be=l.div(sn=sn||h(["\n display: flex;\n flex-direction: row;\n"])),ve=l.div(un=un||h(["\n display: flex;\n flex: 1;\n align-items: center;\n list-style: none;\n position: relative;\n"])),ye=l.ul(dn=dn||h(["\n margin-left: 20px;\n display: none;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 10px;\n @media (min-width: 800px) {\n display: flex;\n } ;\n"])),we=l.li(fn=fn||h(["\n display: flex;\n align-items: center;\n transition: all 0.2s ease-in-out;\n border-radius: 8px;\n padding: 10px 15px;\n list-style: none;\n font-size: ",";\n color: ",";\n text-decoration: none;\n text-transform: capitalize;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */\n -ms-user-select: none; /* 인터넷익스플로러 */\n user-select: none;\n &:first-child {\n margin-left: 16px;\n }\n cursor: pointer;\n ",";\n ",";\n"]),(function(n){return n.theme.fontSizes.textM}),(function(n){return n.theme.colors.grey700}),(function(n){var e=n.color;return e&&d(e)?a(mn=mn||h(["\n &:hover {\n color: ",";\n background-color: ",";\n backdrop-filter: blur(10px);\n text-decoration: none;\n }\n "]),(function(n){return n.theme.colors[e]}),(function(n){return n.theme.colors.grey100})):a(pn=pn||h(["\n &:hover {\n color: ",";\n background-color: ",";\n backdrop-filter: blur(10px);\n text-decoration: none;\n }\n "]),e,(function(n){return n.theme.colors.grey100}))}),(function(n){var e=n.active,t=n.color;return e&&t&&d(t)?a(hn=hn||h(["\n color: ",";\n "]),(function(n){return n.theme.colors[t]})):a(gn=gn||h(["\n color: ",";\n "]),t)})),Ee=l.div(xn=xn||h(["\n cursor: pointer;\n padding: 7px;\n ",";\n ",";\n ",";\n z-index: 999;\n display: flex;\n align-items: center;\n justify-content: center;\n ","\n"]),(function(n){return"left"===n.position&&a(bn=bn||h(["\n margin-right: 20px;\n @media (max-width: 600px) {\n margin-right: 20px;\n }\n "]))}),(function(n){return"left-mobile-only"===n.position&&a(vn=vn||h(["\n margin-right: 20px;\n "]))}),(function(n){return("right"===(n=n.position)||"right-mobile-only"===n)&&a(yn=yn||h(["\n margin-left: 0;\n "]))}),(function(n){return("left-mobile-only"===(n=n.position)||"right-mobile-only"===n)&&a(wn=wn||h(["\n @media (min-width: 800px) {\n display: none;\n }\n "]))})),Ce=function(e){function o(n){p&&p(n)}var l,a=e.routes,c=e.title,s=e.customLogo,u=void 0===(u=e.themeButtonActive)||u,d=void 0===(m=e.pointColor)?"blue900":m,m=void 0===(m=e.menuPosition)?"right":m,p=e.router,h=e.sideMenu,x=(e=e.rightElement,(l=g(t(),2))[0]),b=l[1],v=(l=r(f)).isMenuOpen,y=l.toggleMenu;return i((function(){b(location.pathname)}),[location.pathname]),n.createElement(pe,null,n.createElement(he,null,n.createElement(ge,null,("left"===m||"left-mobile-only"===m)&&n.createElement(Ee,{position:m,onClick:function(){return y()}},n.createElement($n,{isMenuOpen:v})),n.createElement(me,{title:c,onClick:function(){return o("/")},customLogo:s,pointColor:d}),n.createElement(ve,null,a&&n.createElement(ye,null,a.map((function(e){var t=null==x?void 0:x.includes(e.route);return n.createElement(we,{key:e.route,color:d,active:t,onClick:function(){return o(e.route)}},e.title)})))))),n.createElement(xe,null,n.createElement(be,null,e&&n.createElement(n.Fragment,null,e),u&&n.createElement(le,null),("right"===m||"right-mobile-only"===m)&&n.createElement(Ee,{position:m,onClick:y},n.createElement($n,{isMenuOpen:v})))),n.createElement(ne,{isMenuOpen:v,children:h}))},ze=l.a(En=En||h(["\n font-size: ",";\n font-weight: 600;\n margin-right: 20px;\n color: ",";\n cursor: pointer;\n white-space: nowrap;\n @media (max-width: ","px) {\n margin-top: 10px;\n }\n ","\n"]),(function(n){return n.theme.fontSizes.textL}),(function(n){return n.theme.colors.grey600}),(function(n){return n.theme.windowSizes.tablet}),(function(n){return n.google&&a(Cn=Cn||h(["\n font-size: ",";\n font-weight: 700;\n color: ",";\n "]),(function(n){return n.theme.fontSizes.textXl}),(function(n){return n.theme.colors.grey700}))})),ke=l.span(zn=zn||h(["\n display: inline-block;\n position: relative;\n font-size: ",";\n color: ",";\n white-space: nowrap;\n @media (max-width: ","px) {\n font-size: ",";\n }\n"]),(function(n){return n.theme.fontSizes.textM}),(function(n){return n.theme.colors.grey600}),(function(n){return n.theme.windowSizes.mobile}),(function(n){return n.theme.fontSizes.textS})),Se=l.div(kn=kn||h(["\n display: flex;\n bottom: 0;\n padding: 30px 40px;\n justify-content: space-between;\n width: 100vw;\n box-sizing: border-box;\n align-items: flex-end;\n background-color: rgba(0, 0, 0, 0.01);\n backdrop-filter: blur(10px);\n @media (max-width: ","px) {\n padding: 30px 20px;\n }\n"]),(function(n){return n.theme.windowSizes.mobile})),Me=l.div(Sn=Sn||h(["\n display: flex;\n align-items: center;\n flex-direction: row;\n flex: 1;\n @media (max-width: ","px) {\n height: 100%;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n }\n"]),(function(n){return n.theme.windowSizes.tablet})),Oe=function(e){var t=e.disable;e=e.pages;return n.createElement(n.Fragment,null,!(void 0!==t&&t)&&n.createElement(Se,null,n.createElement(Me,null,n.createElement(ze,{google:!0,href:"https://developers.google.com/"},"Google"),n.createElement(ze,{href:"https://developers.google.com/community-guidelines"},"Community guidelines"),e&&e.map((function(e){return n.createElement(ze,{key:e.text,href:e.link},e.text)}))),n.createElement(ke,null,"Copyright © ","GDSC Daejin")))};export{Nn as FileInput,Oe as Footer,Bn as Input,Ce as Navigation,Zn as TagInput,An as TextArea};