codn - npm Package Compare versions

Comparing version 6.1.0 to 6.2.0

dist/index.es.js

@@ -1,1 +0,1 @@
-import e,{useState as t,useRef as a,useEffect as o}from"react";import{createPortal as n}from"react-dom";function i(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}function r({width:t="11",height:a="20",active:o,iconColorExpanded:n="stroke-white",iconColorCollapse:i="stroke-blue"}){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 11 20"},e.createElement("path",{className:o?n:i,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M1.545 18.44l8.22-8.256-8.22-8.257"}))}function l({width:t="17",height:a="17",active:o,iconColorExpanded:n="stroke-blue",iconColorCollapse:i="stroke-black"}){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 17 17"},e.createElement("path",{className:o?n:i,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:""+(o?"M1.463 8.229h14":"M8.463 1.229v14 M1.463 8.229h14")}))}function s({expand:n="Your title",collapse:i="Your collapsed content",className:s="bg-white",boxStyle:d=!1,shadow:p=!0,headerStyle:c="text-15px font-600 text-black",headerStyleExpanded:m="text-15px font-600 text-blue pb-10px",iconColorExpanded:x,iconColorCollapse:u,circleExpand:h="rotate-90deg bg-blue",circleCollapse:f=(p?"shadow-small-gray-9":"")+" bg-white",collapseStyle:b="text-15px text-black text-left"}){const[w,g]=t(!1),k=a(null);o((()=>{k.current.style.maxHeight=w?`${k.current.scrollHeight}px`:"0px"}),[k,w]);const v=()=>{g(!w)};return e.createElement("div",{id:"accordion",role:"button",tabIndex:0,className:`cursor-pointer p-15px transition-all transition-duration-100ms ease overflow-x-hidden rounded-5px focus:outline-1px focus:outline-solid focus:text-blue-9 text-blue-9 border-1px border-solid border-gray-10 ${d?"py-20px mb-10px":""} ${s}\n      `,onClick:v,onKeyPress:v},e.createElement(e.Fragment,null,e.createElement("div",{className:"flex items-center"},e.createElement("h3",{className:`mb-0px ${w?m:c}`},n),e.createElement("span",{className:"ml-auto min-w-10px "+(w?"pb-10px":"pb-0px")},d?e.createElement("div",{className:"rounded-50per min-w-25px min-h-25px flex justify-center items-center transition-all transition-duration-200ms ease "+(w?`${h}`:`${f}`)},e.createElement(r,{active:w,width:"10",height:"12",iconColorExpanded:x,iconColorCollapse:u})):e.createElement(l,{active:w,width:"10",height:"10",iconColorExpanded:x,iconColorCollapse:u}))),e.createElement("div",{ref:k,className:"overflow-hidden transition-all transition-duration-300ms ease"},e.createElement("p",{className:`relative z-99 mb-0px ${b}`},i))))}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},d.apply(this,arguments)}function p({width:t="20",height:a="20"}){return e.createElement("svg",{className:"cursor-pointer",xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 20 20"},e.createElement("path",{className:"fill-gray",d:"M5.187 4.01A.833.833 0 004.01 5.187L8.822 10l-4.814 4.813a.835.835 0 101.179 1.178L10 11.178l4.813 4.813a.833.833 0 001.178-1.178L11.178 10l4.813-4.812a.833.833 0 00-1.178-1.179L10 8.822 5.187 4.008v.001z"}))}i("a,label,table{border:0;font:inherit;margin:0;padding:0;vertical-align:baseline}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box}*{margin:0}input{font:inherit}a:focus,input:focus{outline:none}::-moz-focus-inner,a::-moz-focus-inner,input::-moz-focus-inner{border:0}::-moz-focus-inner{border:0}.container{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:0;width:100%}.fade-in{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeIn{0%{opacity:0}45%{opacity:.33}to{opacity:1}}.fade-in-right{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}45%{opacity:.33}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fade-in-left{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}45%{opacity:.33}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.sans{font-family:-apple-system,BlinkMacSystemFont,Roboto,Arial,Helvetica Neue,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif}.text-10px{font-size:10px}.text-15px{font-size:15px}.text-20px{font-size:20px}.text-25px{font-size:25px}.text-30px{font-size:30px}.font-400{font-weight:400}.font-600{font-weight:600}.font-900{font-weight:900}.display-none{display:none}.block{display:block}.flex{display:flex}.table{display:table}.justify-center{justify-content:center}.items-center{align-items:center}.hover\\:bg-black:hover{background-color:#101010}.hover\\:bg-red-7:hover{background-color:#fdacac}.hover\\:text-white:hover{color:#fdfdfd}.to-yellow{--gradient-to-color:#f9cf06}.from-yellow-10{--gradient-from-color:#fffdf3;--gradient-color-merge:var(--gradient-from-color),var(--gradient-to-color)}.to-blue{--gradient-to-color:#066ef9}.from-blue-10{--gradient-from-color:#f3f8ff;--gradient-color-merge:var(--gradient-from-color),var(--gradient-to-color)}.gradient-to-right{background-image:linear-gradient(to right,var(--gradient-color-merge))}.text-blue{color:#066ef9}.text-purple{color:#8006f9}.text-black{color:#101010}.text-gray{color:#7d7d7d}.bg-blue{background-color:#066ef9}.focus\\:text-blue-9:focus,.text-blue-9{color:#dbeafe}.text-black-7{color:#656565}.text-gray-9{color:#eaeaea}.bg-red-9{background-color:#fedbdb}.bg-yellow-10{background-color:#fffdf3}.bg-blue-8{background-color:#c3dcfe}.bg-blue-10{background-color:#f3f8ff}.bg-gray-10{background-color:#f6f6f6}.bg-white{background-color:#fdfdfd}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.collapse{visibility:collapse}.top-0per{top:0}.top-50per{top:50%}.right-0per{right:0}.bottom-0per{bottom:0}.left-0per{left:0}.left-50per{left:50%}.z-1{z-index:1}.z-2{z-index:2}.z-99{z-index:99}.m-auto{margin:auto}.my-auto{margin-block:auto}.ml-auto{margin-left:auto}.w-35rem{width:35rem}.w-50rem{width:50rem}.w-60rem{width:60rem}.w-100per{width:100%}.w-50vw{width:50vw}.w-100vw{width:100vw}.max-w-90per{max-width:90%}.max-w-50vw{max-width:50vw}.min-w-10px{min-width:10px}.min-w-25px{min-width:25px}.min-w-30px{min-width:30px}.min-w-50px{min-width:50px}.min-w-50rem{min-width:50rem}.h-5px{height:5px}.h-50px{height:50px}.h-100per{height:100%}.h-100vh{height:100vh}.max-h-50vh{max-height:50vh}.max-h-75vh{max-height:75vh}.min-h-25px{min-height:25px}.min-h-50px{min-height:50px}.p-15px{padding:15px}.p-20px{padding:20px}.pb-0px{padding-bottom:0}.pb-10px{padding-bottom:10px}.pl-10px{padding-left:10px}.px-10px{padding-inline:10px}.px-20px{padding-inline:20px}.px-25px{padding-inline:25px}.py-10px{padding-block:10px}.py-20px{padding-block:20px}.py-50px{padding-block:50px}.m-10px{margin:10px}.m-20px{margin:20px}.mt-5px{margin-top:5px}.mt-20px{margin-top:20px}.mt-25px{margin-top:25px}.mr-5px{margin-right:5px}.mb-0px{margin-bottom:0}.mb-10px{margin-bottom:10px}.mb-20px{margin-bottom:20px}.my-50px{margin-block:50px}.ease{transition-timing-function:ease;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease}.animation-forwards{animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}.transition-all{transition-property:all}.animation-duration-300ms{animation-duration:.3s;-webkit-animation-duration:.3s}.animation-duration-500ms{animation-duration:.5s;-webkit-animation-duration:.5s}.animation-duration-800ms{animation-duration:.8s;-webkit-animation-duration:.8s}.transition-duration-100ms{transition-duration:.1s;-webkit-transition-duration:.1s}.transition-duration-200ms{transition-duration:.2s;-webkit-transition-duration:.2s}.transition-duration-300ms{transition-duration:.3s;-webkit-transition-duration:.3s}.shadow-small-black{box-shadow:5px 5px 10px -1px #101010;-webkit-box-shadow:5px 5px 10px -1px #101010;-moz-box-shadow:5px 5px 10px -1px #101010;-ms-box-shadow:5px 5px 10px -1px #101010}.shadow-small-black-2{box-shadow:5px 5px 10px -1px #282828;-webkit-box-shadow:5px 5px 10px -1px #282828;-moz-box-shadow:5px 5px 10px -1px #282828;-ms-box-shadow:5px 5px 10px -1px #282828}.shadow-small-gray{box-shadow:5px 5px 10px -1px #7d7d7d;-webkit-box-shadow:5px 5px 10px -1px #7d7d7d;-moz-box-shadow:5px 5px 10px -1px #7d7d7d;-ms-box-shadow:5px 5px 10px -1px #7d7d7d}.shadow-small-gray-9{box-shadow:5px 5px 10px -1px #eaeaea;-webkit-box-shadow:5px 5px 10px -1px #eaeaea;-moz-box-shadow:5px 5px 10px -1px #eaeaea;-ms-box-shadow:5px 5px 10px -1px #eaeaea}.opacity-0per{opacity:0}.opacity-100per{opacity:100%}.rotate-90deg{transform:rotate(90deg);-webkit-transform:rotate(90deg)}.translate-0per{transform:translate(0);-webkit-transform:translate(0)}.backdrop-blur-30px{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.border-solid,.focus\\:border-solid:focus{border-style:solid}.border-none{border-style:none}.focus\\:outline-solid:focus{outline-style:solid}.border-blue-9{border-color:#dbeafe}.border-black{border-color:#101010}.border-gray-10{border-color:#f6f6f6}.rounded-5px{border-radius:5px}.rounded-10px{border-radius:10px}.rounded-20px{border-radius:20px}.rounded-50per{border-radius:50%}.rounded-left-radius-5px{border-bottom-left-radius:5px;border-top-left-radius:5px}.border-1px,.focus\\:border-1px:focus{border-width:1px}.focus\\:outline-1px:focus{outline-width:1px}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.fill-yellow{fill:#f9cf06}.fill-black{fill:#101010}.fill-gray{fill:#7d7d7d}.stroke-white{stroke:#fdfdfd}.stroke-blue{stroke:#066ef9}.stroke-purple{stroke:#8006f9}.stroke-black{stroke:#101010}@media(max-width:480px){.sm\\:block{display:block}.sm\\:w-auto{width:auto}.sm\\:min-w-90vw{min-width:90vw}}@media(min-width:481px)and (max-width:768px){.md\\:w-auto{width:auto}.md\\:min-w-90vw{min-width:90vw}}");const c=({children:t,toggle:a,setToggle:i,className:r,backgroundAnimation:l="fade-in animation-duration-500ms animation-forwards",closeIcon:s=e.createElement(p,null),modalContentAnimation:d="fade-in animation-duration-500ms animation-forwards",useKeyInput:c=!0,shadow:x=!0})=>(!0===c&&o((()=>{const e=e=>{27===e.keyCode&&i()};window.addEventListener("keydown",e);const t=e=>{(e.ctrlKey||e.metaKey)&&"k"===e.key&&(e.preventDefault(),i(!0))};return document.addEventListener("keydown",t),()=>window.removeEventListener("keydown",e)||document.removeEventListener("keydown",t)}),[]),"undefined"!=typeof window&&n(e.createElement(e.Fragment,null,a&&e.createElement(e.Fragment,null,e.createElement("div",{onClick:i.bind(void 0,!1),className:`fixed left-0per top-0per bottom-0per right-0per backdrop-blur-30px text-black ${l}`,style:{backgroundColor:"rgba(16,16,16,0.75)"}}),e.createElement(m,{shadow:x,className:r,setToggle:i,closeIcon:s,modalContentAnimation:d},t))),document.querySelector("#modal-portal"))),m=({children:t,className:o,modalContentAnimation:n,closeIcon:i,shadow:r,setToggle:l,...s})=>{const p=a();return e.createElement("div",d({ref:p,tabIndex:0},s,{className:`text-black overflow-x-hidden fixed left-50per top-50per rounded-20px bg-white min-w-50rem max-w-50vw sm:min-w-90vw md:min-w-90vw max-h-75vh ${r?"shadow-small-black-2":""} ${o} ${n}`,style:{transform:"translate(-50%, -50%)"}}),e.createElement("div",{role:"button",tabIndex:0,onKeyPress:l.bind(void 0,!1),onClick:l.bind(void 0,!1),className:"absolute z-1 focus:outline-1px focus:outline-solid focus:outline-gray text-gray-9",style:{top:"20px",right:"20px"}},i),e.createElement("div",{className:"p-20px"},t))};c.Header=({children:t,className:a,...o})=>e.createElement("header",d({className:`text-20px font-bold mb-20px max-w-90per ${a}`},o),t),c.Body=({children:t,className:a,...o})=>e.createElement("div",d({className:`${a}`},o),t),c.Footer=({children:t,className:a,...o})=>e.createElement("footer",d({className:`mt-20px ${a}`},o),t);function x({required:t,id:a,label:o,value:n,setValue:i,htmlFor:r,maxLength:l,minLength:s,type:d="text",autofocus:p=!1,shadow:c=!0,ariaLabel:m="input-field"}){return e.createElement("div",{className:"relative"},e.createElement("input",{autoFocus:p,"aria-label":m,required:t,id:a,maxLength:l,minLength:s,type:d,onChange:e=>i(e.target.value),value:n,className:"greeninput border-none bg-white rounded-10px pl-10px text-15px h-50px w-100per border-blue-9 focus:border-1px focus:border-solid "+(c?"shadow-small-gray-9":"")}),e.createElement("label",{className:"w-100per placeholder-text pl-10px absolute top-0per right-0per bottom-0per left-0per flex items-center pointer-events-none w-100per h-50px",htmlFor:r},e.createElement("div",{className:"text translate-0per transition-all transition-duration-300ms text-black-7 text-15px"},o)))}function u({required:t,id:a,label:n,value:i,setValue:r,htmlFor:l,maxLength:s,type:d="text",autofocus:p=!1,shadow:c=!0,ariaLabel:m="textarea-field"}){p&&o((()=>{document.querySelector("[contenteditable]").focus()}),[]);return e.createElement("div",{className:"relative"},e.createElement("div",{tabIndex:p?1:0,"aria-label":m,autoFocus:p,spellCheck:"false",contentEditable:"true",required:t,id:a,maxLength:s,onKeyDown:s>=1?e=>{(e.target.outerText.length===s&&8!=e.keyCode||37===e.keyCode||38===e.keyCode||39===e.keyCode||40===e.keyCode||e.ctrlKey||e.metaKey)&&e.preventDefault()}:null,type:d,onInput:e=>r(e.currentTarget.textContent),value:i,className:"greeninput greentextarea border-none bg-white rounded-10px pl-10px text-15px h-50px w-100per border-blue-9 focus:border-1px focus:border-solid "+(c?"shadow-small-gray-9":"")}),e.createElement("label",{className:"placeholder-text pl-10px absolute top-0per right-0per bottom-0per left-0per flex items-center pointer-events-none w-100per h-50px",htmlFor:l},e.createElement("div",{className:"text translate-0per transition-all transition-duration-300ms text-black-7 text-15px"},n)))}function h({header:a="🍪 Our website uses cookies",shadow:n=!0,position:i="bottom-right",showButton:r=!0,buttonText:l="Accept",buttonStyle:s="mt-25px cursor-pointer flex py-10px px-25px min-w-50px font-bold transition-duration-200ms transition-all rounded-10px border-1px border-solid border-black my-auto text-center justify-center items-center m-auto text-15px text-black hover:bg-black hover:text-white",children:d}){const[p,c]=t(!0);o((()=>{"accepted"==(()=>{if("undefined"!=typeof window){const e=localStorage.getItem("cookie");if(e)return JSON.parse(e)}return""})()&&c(!1)}),[]);let m=("top-left"===i?"top-0per left-0per":"top-right"===i&&"top-0per right-0per")||"bottom-left"===i&&"bottom-0per left-0per"||"bottom-right"===i&&"bottom-0per right-0per";return e.createElement(e.Fragment,null,p&&e.createElement("div",{className:`fixed m-20px max-h-50vh w-50vw sm:w-auto md:w-auto bg-white z-99 rounded-10px overflow-scroll ${n?"shadow-small-gray":""} ${i&&m}`,id:"cookie-banner"},e.createElement("div",{className:"flex h-100per sm:block p-20px"},e.createElement("div",{className:"m-auto"},e.createElement("h3",{className:"text-25px font-600"},a),d||e.createElement("p",{className:"text-15px text-gray font-400"},"Our website use cookies. By continuing, we assume your permission to deploy cookies as detailed in our"," ",e.createElement("span",{className:"text-blue"},"Privacy Policy.")),r&&e.createElement("button",{onClick:()=>{localStorage.setItem("cookie",JSON.stringify("accepted")),c(!1)},id:"close-cookie",className:`${s}`},l)))))}function f({width:t="50",height:a="50",className:o="fill-black"}){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 50 50","aria-label":"close-toast"},e.createElement("mask",{id:"mask0_516351_1648",style:{maskType:"alpha"},width:"25",height:"25",x:"12",y:"12",maskUnits:"userSpaceOnUse"},e.createElement("path",{className:o,fillRule:"evenodd",d:"M32.709 35.941l-8.082-8.081-8.08 8.081a2.286 2.286 0 11-3.233-3.232l8.081-8.082-8.081-8.08a2.286 2.286 0 013.232-3.233l8.081 8.08 8.082-8.08a2.286 2.286 0 013.232 3.232l-8.081 8.081 8.081 8.082a2.286 2.286 0 11-3.232 3.232z",clipRule:"evenodd"})),e.createElement("g",{mask:"url(#mask0_516351_1648)"},e.createElement("path",{className:o,d:"M0 0H50V50H0z"})))}function b({width:t="50",height:a="50",className:o="fill-yellow"}){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 28 28"},e.createElement("path",{fill:"#FEF8DB",d:"M27.27 13.5c0 7.456-6.044 13.5-13.5 13.5S.27 20.956.27 13.5 6.314 0 13.77 0s13.5 6.044 13.5 13.5z"}),e.createElement("path",{fill:"#FEF8DB",d:"M2 27.5c-.96 0-1.46-.46-1.055-1.383a.84.84 0 01.14-.214l4.03-4.586c-.422-.241-1.412-2.16 0 0l7.035 4.016c.795.454 2.514 1.47 1.62 1.667L2 27.5z"}),e.createElement("mask",{id:"mask0_40_0",style:{maskType:"alpha"},width:"14",height:"12",x:"7",y:"7",maskUnits:"userSpaceOnUse"},e.createElement("path",{fill:"#F9CF06",fillRule:"evenodd",d:"M14.52 7.5a.6.6 0 00-1.04 0L7.591 17.7a.6.6 0 00.52.9h11.778a.6.6 0 00.52-.9l-5.89-10.2zm-1.32 2.908a.2.2 0 01.2-.208h1.2a.2.2 0 01.2.208l-.187 4.8a.2.2 0 01-.2.192h-.826a.2.2 0 01-.2-.192l-.187-4.8zM13.395 16c0-.11.09-.2.2-.2h.812c.11 0 .2.09.2.2v.8a.2.2 0 01-.2.2h-.812a.2.2 0 01-.2-.2V16z",clipRule:"evenodd"})),e.createElement("g",{mask:"url(#mask0_40_0)"},e.createElement("path",{fill:"#F9CF06",d:"M4 3H24V23H4z"})))}function w({width:t="28",height:a="28"}){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 28 28"},e.createElement("path",{fill:"#FEDBDB",d:"M27.27 13.5c0 7.456-6.044 13.5-13.5 13.5S.27 20.956.27 13.5 6.314 0 13.77 0s13.5 6.044 13.5 13.5z"}),e.createElement("path",{fill:"#FEDBDB",d:"M2 27.5c-.96 0-1.46-.46-1.055-1.383a.84.84 0 01.14-.214l4.03-4.586c-.422-.241-1.412-2.16 0 0l7.035 4.016c.795.454 2.514 1.47 1.62 1.667L2 27.5z"}),e.createElement("mask",{id:"mask0_40_0",style:{maskType:"alpha"},width:"13",height:"13",x:"7",y:"7",maskUnits:"userSpaceOnUse"},e.createElement("path",{fill:"#F90606",fillRule:"evenodd",d:"M13.5 19.2a5.7 5.7 0 100-11.4 5.7 5.7 0 000 11.4zm-2.956-7.58a.76.76 0 111.075-1.076l1.881 1.881 1.881-1.88a.76.76 0 111.075 1.074L14.575 13.5l1.88 1.88a.76.76 0 11-1.074 1.076l-1.88-1.881-1.882 1.88a.76.76 0 11-1.075-1.074l1.881-1.881-1.88-1.88z",clipRule:"evenodd"})),e.createElement("g",{mask:"url(#mask0_40_0)"},e.createElement("path",{fill:"#F90606",d:"M4 4H23V23H4z"})))}function g({width:t="50",height:a="50"}){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 28 28"},e.createElement("path",{fill:"#DBEAFE",d:"M27.27 13.5c0 7.456-6.044 13.5-13.5 13.5S.27 20.956.27 13.5 6.314 0 13.77 0s13.5 6.044 13.5 13.5z"}),e.createElement("path",{fill:"#DBEAFE",d:"M2 27.5c-.96 0-1.46-.46-1.055-1.383a.84.84 0 01.14-.214l4.03-4.586c-.422-.241-1.412-2.16 0 0l7.035 4.016c.795.454 2.514 1.47 1.62 1.667L2 27.5z"}),e.createElement("mask",{id:"mask0_40_0",style:{maskType:"alpha"},width:"14",height:"13",x:"7",y:"7",maskUnits:"userSpaceOnUse"},e.createElement("path",{fill:"#066EF9",fillRule:"evenodd",d:"M13.507 18.3c2.581 0 4.706-2.131 4.706-4.8 0-.25-.019-.497-.055-.737l1-1.015c.166.554.255 1.143.255 1.752 0 3.314-2.644 6-5.906 6-3.262 0-5.907-2.686-5.907-6s2.645-6 5.907-6c1.496 0 2.862.565 3.903 1.497l-.843.857a4.642 4.642 0 00-3.06-1.154c-2.582 0-4.707 2.131-4.707 4.8s2.125 4.8 4.707 4.8zm-3.07-5.102a.2.2 0 01.014-.277l.667-.623a.2.2 0 01.287.015l1.73 1.997 6.215-5.65a.2.2 0 01.287.018l.59.7a.2.2 0 01-.019.277l-6.704 6.096-.327.297a.2.2 0 01-.285-.017l-.29-.335-2.165-2.498z",clipRule:"evenodd"})),e.createElement("g",{mask:"url(#mask0_40_0)"},e.createElement("path",{fill:"#066EF9",d:"M4 3.5H24V23.5H4z"})))}i('.greeninput:focus+.placeholder-text .text,:not(.greeninput[value=""])+.placeholder-text .text{color:#101010;font-size:15px;font-weight:600;transform:translateY(-150%)}.greentextarea{-moz-appearance:textfield-multiline;-webkit-appearance:textarea;min-height:100px;overflow-x:hidden;padding-top:15px;resize:vertical}');const k=({text:n="test",header:i="header",icon:r="success",iconClass:l="bg-blue-8",progressColor:s="bg-blue",show:d=!1,shadow:p=!0,position:c="top-right",timeout:m=5e3,ariaLabel:x="toast-notification"})=>{const u=a("");o((()=>{null!=u.current.classList&&setTimeout((()=>{u.current.classList.remove("display-block"),u.current.classList.add("display-none")}),m)}),[d]);let h=("top-left"===c?"top-0per left-0per":"top-right"===c&&"top-0per right-0per")||"bottom-left"===c&&"bottom-0per left-0per"||"bottom-right"===c&&"bottom-0per right-0per",k=c.includes("right")?"fade-in-right animation-duration-300ms animation-forwards opacity-100per":"fade-in-left animation-duration-300ms animation-forwards opacity-100per",v="success"===r&&e.createElement(g,{height:"70",width:"70"})||"info"===r&&e.createElement(b,{height:"70",width:"70"})||"error"===r&&e.createElement(w,{height:"70",width:"70"});const[y,E]=t(0);return o((()=>{setTimeout((function(){E(100)}),10)}),[]),d?e.createElement("div",{"aria-label":x,style:{zIndex:99999},className:`fixed m-10px min-h-50px w-35rem rounded-5px bg-white opacity-0per ${p&&"shadow-small-black"} ${h} ${k}`,ref:u},e.createElement("div",{className:"flex"},e.createElement("button",{role:"button",className:"absolute top-0per right-0per mr-5px mt-5px",onClick:()=>{u.current.classList.remove("display-block"),u.current.classList.add("display-none")}},e.createElement(f,{width:"20",height:"20"})),e.createElement("div",{className:`flex justify-content items-center min-w-30px px-10px rounded-left-radius-5px ${l}`},v||r),e.createElement("div",{className:"block py-10px px-10px"},e.createElement("h3",{className:"text-15px font-600 mb-0px"},i),e.createElement("p",{className:"text-15px font-400 text-gray"},n))),e.createElement("div",{className:"w-100per h-5px"},e.createElement("div",{className:`relative z-2 h-100per ${s}`,style:{width:`${y}%`,transition:`width ${m}ms ease`,borderBottomLeftRadius:"5px"}}))):e.createElement(e.Fragment,null)};export{s as Accordion,h as CookieBanner,x as Input,c as Modal,u as TextArea,k as Toast};
+import e,{useState as t,useRef as a,useEffect as o}from"react";import{createPortal as n}from"react-dom";function i(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}function r({width:t="11",height:a="20",active:o,iconColorExpanded:n="stroke-white",iconColorCollapse:i="stroke-blue"}){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 11 20"},e.createElement("path",{className:o?n:i,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M1.545 18.44l8.22-8.256-8.22-8.257"}))}function l({width:t="17",height:a="17",active:o,iconColorExpanded:n="stroke-blue",iconColorCollapse:i="stroke-black"}){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 17 17"},e.createElement("path",{className:o?n:i,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:""+(o?"M1.463 8.229h14":"M8.463 1.229v14 M1.463 8.229h14")}))}function s({expand:n="Your title",collapse:i="Your collapsed content",className:s="bg-white",boxStyle:d=!1,shadow:p=!0,headerStyle:c="text-15px font-600 text-black",headerStyleExpanded:m="text-15px font-600 text-blue pb-10px",iconColorExpanded:x,iconColorCollapse:u,circleExpand:h="rotate-90deg bg-blue",circleCollapse:f=(p?"shadow-small-gray-9":"")+" bg-white",collapseStyle:b="text-15px text-black text-left"}){const[w,g]=t(!1),k=a(null);o((()=>{k.current.style.maxHeight=w?`${k.current.scrollHeight}px`:"0px"}),[k,w]);const v=()=>{g(!w)};return e.createElement("div",{id:"accordion",role:"button",tabIndex:0,className:`cursor-pointer p-15px transition-all transition-duration-100ms ease overflow-x-hidden rounded-5px focus:outline-1px focus:outline-solid focus:text-blue-9 text-blue-9 border-1px border-solid border-gray-10 ${d?"py-20px mb-10px":""} ${s}\n      `,onClick:v,onKeyPress:v},e.createElement(e.Fragment,null,e.createElement("div",{className:"flex items-center"},e.createElement("h3",{className:`mb-0px ${w?m:c}`},n),e.createElement("span",{className:"ml-auto min-w-10px "+(w?"pb-10px":"pb-0px")},d?e.createElement("div",{className:"rounded-50per min-w-25px min-h-25px flex justify-center items-center transition-all transition-duration-200ms ease "+(w?`${h}`:`${f}`)},e.createElement(r,{active:w,width:"10",height:"12",iconColorExpanded:x,iconColorCollapse:u})):e.createElement(l,{active:w,width:"10",height:"10",iconColorExpanded:x,iconColorCollapse:u}))),e.createElement("div",{ref:k,className:"overflow-hidden transition-all transition-duration-300ms ease"},e.createElement("p",{className:`relative z-99 mb-0px ${b}`},i))))}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},d.apply(this,arguments)}function p({width:t="20",height:a="20"}){return e.createElement("svg",{className:"cursor-pointer",xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 20 20"},e.createElement("path",{className:"fill-gray",d:"M5.187 4.01A.833.833 0 004.01 5.187L8.822 10l-4.814 4.813a.835.835 0 101.179 1.178L10 11.178l4.813 4.813a.833.833 0 001.178-1.178L11.178 10l4.813-4.812a.833.833 0 00-1.178-1.179L10 8.822 5.187 4.008v.001z"}))}i("a,label,table{border:0;font:inherit;margin:0;padding:0;vertical-align:baseline}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box}*{margin:0}input{font:inherit}a:focus,input:focus{outline:none}::-moz-focus-inner,a::-moz-focus-inner,input::-moz-focus-inner{border:0}::-moz-focus-inner{border:0}.container{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:0;width:100%}.fade-in{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeIn{0%{opacity:0}45%{opacity:.33}to{opacity:1}}.fade-in-right{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}45%{opacity:.33}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fade-in-left{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}45%{opacity:.33}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.sans{font-family:-apple-system,BlinkMacSystemFont,Roboto,Arial,Helvetica Neue,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif}.text-10px{font-size:10px}.text-15px{font-size:15px}.text-20px{font-size:20px}.text-25px{font-size:25px}.text-30px{font-size:30px}.font-400{font-weight:400}.font-600{font-weight:600}.font-900{font-weight:900}.display-none{display:none}.block{display:block}.flex{display:flex}.table{display:table}.justify-center{justify-content:center}.items-center{align-items:center}.hover\\:bg-black:hover{background-color:#101010}.hover\\:bg-red-7:hover{background-color:#fdacac}.hover\\:text-white:hover{color:#fdfdfd}.to-yellow{--gradient-to-color:#f9cf06}.from-yellow-10{--gradient-from-color:#fffdf3;--gradient-color-merge:var(--gradient-from-color),var(--gradient-to-color)}.to-blue{--gradient-to-color:#066ef9}.from-blue-10{--gradient-from-color:#f3f8ff;--gradient-color-merge:var(--gradient-from-color),var(--gradient-to-color)}.gradient-to-right{background-image:linear-gradient(to right,var(--gradient-color-merge))}.text-blue{color:#066ef9}.text-purple{color:#8006f9}.text-black{color:#101010}.text-gray{color:#7d7d7d}.bg-blue{background-color:#066ef9}.focus\\:text-blue-9:focus,.text-blue-9{color:#dbeafe}.text-black-7{color:#656565}.text-gray-9{color:#eaeaea}.bg-red-9{background-color:#fedbdb}.bg-yellow-10{background-color:#fffdf3}.bg-blue-8{background-color:#c3dcfe}.bg-blue-10{background-color:#f3f8ff}.bg-gray-10{background-color:#f6f6f6}.bg-white{background-color:#fdfdfd}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.collapse{visibility:collapse}.top-0per{top:0}.top-50per{top:50%}.right-0per{right:0}.bottom-0per{bottom:0}.left-0per{left:0}.left-50per{left:50%}.z-1{z-index:1}.z-2{z-index:2}.z-99{z-index:99}.m-auto{margin:auto}.my-auto{margin-block:auto}.ml-auto{margin-left:auto}.w-35rem{width:35rem}.w-50rem{width:50rem}.w-60rem{width:60rem}.w-100per{width:100%}.w-50vw{width:50vw}.w-100vw{width:100vw}.max-w-90per{max-width:90%}.max-w-50vw{max-width:50vw}.min-w-10px{min-width:10px}.min-w-25px{min-width:25px}.min-w-30px{min-width:30px}.min-w-50px{min-width:50px}.min-w-50rem{min-width:50rem}.h-5px{height:5px}.h-50px{height:50px}.h-100per{height:100%}.h-100vh{height:100vh}.max-h-50vh{max-height:50vh}.max-h-75vh{max-height:75vh}.min-h-25px{min-height:25px}.min-h-50px{min-height:50px}.p-15px{padding:15px}.p-20px{padding:20px}.pb-0px{padding-bottom:0}.pb-10px{padding-bottom:10px}.pl-10px{padding-left:10px}.px-10px{padding-inline:10px}.px-20px{padding-inline:20px}.px-25px{padding-inline:25px}.py-10px{padding-block:10px}.py-20px{padding-block:20px}.py-50px{padding-block:50px}.m-10px{margin:10px}.m-20px{margin:20px}.mt-5px{margin-top:5px}.mt-20px{margin-top:20px}.mt-25px{margin-top:25px}.mr-5px{margin-right:5px}.mb-0px{margin-bottom:0}.mb-10px{margin-bottom:10px}.mb-20px{margin-bottom:20px}.my-50px{margin-block:50px}.ease{transition-timing-function:ease;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease}.animation-forwards{animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}.transition-all{transition-property:all}.animation-duration-300ms{animation-duration:.3s;-webkit-animation-duration:.3s}.animation-duration-500ms{animation-duration:.5s;-webkit-animation-duration:.5s}.animation-duration-800ms{animation-duration:.8s;-webkit-animation-duration:.8s}.transition-duration-100ms{transition-duration:.1s;-webkit-transition-duration:.1s}.transition-duration-200ms{transition-duration:.2s;-webkit-transition-duration:.2s}.transition-duration-300ms{transition-duration:.3s;-webkit-transition-duration:.3s}.shadow-small-black{box-shadow:5px 5px 10px -1px #101010;-webkit-box-shadow:5px 5px 10px -1px #101010;-moz-box-shadow:5px 5px 10px -1px #101010;-ms-box-shadow:5px 5px 10px -1px #101010}.shadow-small-black-2{box-shadow:5px 5px 10px -1px #282828;-webkit-box-shadow:5px 5px 10px -1px #282828;-moz-box-shadow:5px 5px 10px -1px #282828;-ms-box-shadow:5px 5px 10px -1px #282828}.shadow-small-gray{box-shadow:5px 5px 10px -1px #7d7d7d;-webkit-box-shadow:5px 5px 10px -1px #7d7d7d;-moz-box-shadow:5px 5px 10px -1px #7d7d7d;-ms-box-shadow:5px 5px 10px -1px #7d7d7d}.shadow-small-gray-9{box-shadow:5px 5px 10px -1px #eaeaea;-webkit-box-shadow:5px 5px 10px -1px #eaeaea;-moz-box-shadow:5px 5px 10px -1px #eaeaea;-ms-box-shadow:5px 5px 10px -1px #eaeaea}.opacity-0per{opacity:0}.opacity-100per{opacity:100%}.rotate-90deg{transform:rotate(90deg);-webkit-transform:rotate(90deg)}.translate-0per{transform:translate(0);-webkit-transform:translate(0)}.backdrop-blur-30px{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.border-solid,.focus\\:border-solid:focus{border-style:solid}.border-none{border-style:none}.focus\\:outline-solid:focus{outline-style:solid}.border-blue-9{border-color:#dbeafe}.border-black{border-color:#101010}.border-gray-10{border-color:#f6f6f6}.rounded-5px{border-radius:5px}.rounded-10px{border-radius:10px}.rounded-20px{border-radius:20px}.rounded-50per{border-radius:50%}.rounded-left-radius-5px{border-bottom-left-radius:5px;border-top-left-radius:5px}.border-1px,.focus\\:border-1px:focus{border-width:1px}.focus\\:outline-1px:focus{outline-width:1px}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.fill-yellow{fill:#f9cf06}.fill-black{fill:#101010}.fill-gray{fill:#7d7d7d}.stroke-white{stroke:#fdfdfd}.stroke-blue{stroke:#066ef9}.stroke-purple{stroke:#8006f9}.stroke-black{stroke:#101010}@media(max-width:480px){.sm\\:block{display:block}.sm\\:w-auto{width:auto}.sm\\:min-w-90vw{min-width:90vw}}@media(min-width:481px)and (max-width:768px){.md\\:w-auto{width:auto}.md\\:min-w-90vw{min-width:90vw}}");const c=({children:t,toggle:a,setToggle:i,className:r,backgroundAnimation:l="fade-in animation-duration-500ms animation-forwards",closeIcon:s=e.createElement(p,null),modalContentAnimation:d="fade-in animation-duration-500ms animation-forwards",useKeyInput:c=!0,shadow:x=!0})=>(!0===c&&o((()=>{const e=e=>{27===e.keyCode&&i()};window.addEventListener("keydown",e);const t=e=>{(e.ctrlKey||e.metaKey)&&"k"===e.key&&(e.preventDefault(),i(!0))};return document.addEventListener("keydown",t),()=>window.removeEventListener("keydown",e)||document.removeEventListener("keydown",t)}),[]),"undefined"!=typeof window&&n(e.createElement(e.Fragment,null,a&&e.createElement(e.Fragment,null,e.createElement("div",{onClick:i.bind(void 0,!1),className:`fixed left-0per top-0per bottom-0per right-0per backdrop-blur-30px text-black ${l}`,style:{backgroundColor:"rgba(16,16,16,0.75)"}}),e.createElement(m,{shadow:x,className:r,setToggle:i,closeIcon:s,modalContentAnimation:d},t))),document.querySelector("#modal-portal"))),m=({children:t,className:o,modalContentAnimation:n,closeIcon:i,shadow:r,setToggle:l,...s})=>{const p=a();return e.createElement("div",d({ref:p,tabIndex:0},s,{className:`text-black overflow-x-hidden fixed left-50per top-50per rounded-20px bg-white min-w-50rem max-w-50vw sm:min-w-90vw md:min-w-90vw max-h-75vh ${r?"shadow-small-black-2":""} ${o} ${n}`,style:{transform:"translate(-50%, -50%)"}}),e.createElement("div",{role:"button",tabIndex:0,onKeyPress:l.bind(void 0,!1),onClick:l.bind(void 0,!1),className:"absolute z-1 focus:outline-1px focus:outline-solid focus:outline-gray text-gray-9",style:{top:"20px",right:"20px"}},i),e.createElement("div",{className:"p-20px"},t))};c.Header=({children:t,className:a,...o})=>e.createElement("header",d({className:`text-20px font-bold mb-20px max-w-90per ${a}`},o),t),c.Body=({children:t,className:a,...o})=>e.createElement("div",d({className:`${a}`},o),t),c.Footer=({children:t,className:a,...o})=>e.createElement("footer",d({className:`mt-20px ${a}`},o),t);function x({required:t,id:a,label:o,value:n,setValue:i,htmlFor:r,maxLength:l,minLength:s,type:d="text",autofocus:p=!1,shadow:c=!0,ariaLabel:m="input-field"}){return e.createElement("div",{className:"relative"},e.createElement("input",{autoFocus:p,"aria-label":m,required:t,id:a,maxLength:l,minLength:s,type:d,onChange:e=>i(e.target.value),value:n,className:"greeninput border-none bg-white rounded-10px pl-10px text-15px h-50px w-100per border-blue-9 focus:border-1px focus:border-solid "+(c?"shadow-small-gray-9":"")}),e.createElement("label",{className:"w-100per placeholder-text pl-10px absolute top-0per right-0per bottom-0per left-0per flex items-center pointer-events-none w-100per h-50px",htmlFor:r},e.createElement("div",{className:"text translate-0per transition-all transition-duration-300ms text-black-7 text-15px"},o)))}function u({required:t,id:a,label:n,value:i,setValue:r,htmlFor:l,maxLength:s,type:d="text",autofocus:p=!1,shadow:c=!0,ariaLabel:m="textarea-field"}){p&&o((()=>{document.querySelector("[contenteditable]").focus()}),[]);return e.createElement("div",{className:"relative"},e.createElement("div",{tabIndex:p?1:0,"aria-label":m,autoFocus:p,spellCheck:"false",contentEditable:"true",required:t,id:a,maxLength:s,onKeyDown:s>=1?e=>{(e.target.outerText.length===s&&8!=e.keyCode||37===e.keyCode||38===e.keyCode||39===e.keyCode||40===e.keyCode||e.ctrlKey||e.metaKey)&&e.preventDefault()}:null,type:d,onInput:e=>r(e.currentTarget.textContent),value:i,className:"greeninput greentextarea border-none bg-white rounded-10px pl-10px text-15px h-50px w-100per border-blue-9 focus:border-1px focus:border-solid "+(c?"shadow-small-gray-9":"")}),e.createElement("label",{className:"placeholder-text pl-10px absolute top-0per right-0per bottom-0per left-0per flex items-center pointer-events-none w-100per h-50px",htmlFor:l},e.createElement("div",{className:"text translate-0per transition-all transition-duration-300ms text-black-7 text-15px"},n)))}function h({header:a="🍪 Our website uses cookies",shadow:n=!0,position:i="bottom-right",showButton:r=!0,buttonText:l="Accept",buttonStyle:s="mt-25px cursor-pointer flex py-10px px-25px min-w-50px font-bold transition-duration-200ms transition-all rounded-10px border-1px border-solid border-black my-auto text-center justify-center items-center m-auto text-15px text-black hover:bg-black hover:text-white",children:d}){const[p,c]=t(!0);o((()=>{"accepted"==(()=>{if("undefined"!=typeof window){const e=localStorage.getItem("cookie");if(e)return JSON.parse(e)}return""})()&&c(!1)}),[]);let m=("top-left"===i?"top-0per left-0per":"top-right"===i&&"top-0per right-0per")||"bottom-left"===i&&"bottom-0per left-0per"||"bottom-right"===i&&"bottom-0per right-0per";return e.createElement(e.Fragment,null,p&&e.createElement("div",{className:`fixed m-20px max-h-50vh w-50vw sm:w-auto md:w-auto bg-white z-99 rounded-10px overflow-scroll ${n?"shadow-small-gray":""} ${i&&m}`,id:"cookie-banner"},e.createElement("div",{className:"flex h-100per sm:block p-20px"},e.createElement("div",{className:"m-auto"},e.createElement("h3",{className:"text-25px font-600"},a),d||e.createElement("p",{className:"text-15px text-gray font-400"},"Our website use cookies. By continuing, we assume your permission to deploy cookies as detailed in our"," ",e.createElement("span",{className:"text-blue"},"Privacy Policy.")),r&&e.createElement("button",{onClick:()=>{localStorage.setItem("cookie",JSON.stringify("accepted")),c(!1)},id:"close-cookie",className:`${s}`},l)))))}function f({width:t="50",height:a="50",className:o="fill-black"}){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 50 50","aria-label":"close-toast"},e.createElement("mask",{id:"mask0_516351_1648",style:{maskType:"alpha"},width:"25",height:"25",x:"12",y:"12",maskUnits:"userSpaceOnUse"},e.createElement("path",{className:o,fillRule:"evenodd",d:"M32.709 35.941l-8.082-8.081-8.08 8.081a2.286 2.286 0 11-3.233-3.232l8.081-8.082-8.081-8.08a2.286 2.286 0 013.232-3.233l8.081 8.08 8.082-8.08a2.286 2.286 0 013.232 3.232l-8.081 8.081 8.081 8.082a2.286 2.286 0 11-3.232 3.232z",clipRule:"evenodd"})),e.createElement("g",{mask:"url(#mask0_516351_1648)"},e.createElement("path",{className:o,d:"M0 0H50V50H0z"})))}function b({width:t="50",height:a="50",className:o="fill-yellow"}){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 28 28"},e.createElement("path",{fill:"#FEF8DB",d:"M27.27 13.5c0 7.456-6.044 13.5-13.5 13.5S.27 20.956.27 13.5 6.314 0 13.77 0s13.5 6.044 13.5 13.5z"}),e.createElement("path",{fill:"#FEF8DB",d:"M2 27.5c-.96 0-1.46-.46-1.055-1.383a.84.84 0 01.14-.214l4.03-4.586c-.422-.241-1.412-2.16 0 0l7.035 4.016c.795.454 2.514 1.47 1.62 1.667L2 27.5z"}),e.createElement("mask",{id:"mask0_40_0",style:{maskType:"alpha"},width:"14",height:"12",x:"7",y:"7",maskUnits:"userSpaceOnUse"},e.createElement("path",{fill:"#F9CF06",fillRule:"evenodd",d:"M14.52 7.5a.6.6 0 00-1.04 0L7.591 17.7a.6.6 0 00.52.9h11.778a.6.6 0 00.52-.9l-5.89-10.2zm-1.32 2.908a.2.2 0 01.2-.208h1.2a.2.2 0 01.2.208l-.187 4.8a.2.2 0 01-.2.192h-.826a.2.2 0 01-.2-.192l-.187-4.8zM13.395 16c0-.11.09-.2.2-.2h.812c.11 0 .2.09.2.2v.8a.2.2 0 01-.2.2h-.812a.2.2 0 01-.2-.2V16z",clipRule:"evenodd"})),e.createElement("g",{mask:"url(#mask0_40_0)"},e.createElement("path",{fill:"#F9CF06",d:"M4 3H24V23H4z"})))}function w({width:t="28",height:a="28"}){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 28 28"},e.createElement("path",{fill:"#FEDBDB",d:"M27.27 13.5c0 7.456-6.044 13.5-13.5 13.5S.27 20.956.27 13.5 6.314 0 13.77 0s13.5 6.044 13.5 13.5z"}),e.createElement("path",{fill:"#FEDBDB",d:"M2 27.5c-.96 0-1.46-.46-1.055-1.383a.84.84 0 01.14-.214l4.03-4.586c-.422-.241-1.412-2.16 0 0l7.035 4.016c.795.454 2.514 1.47 1.62 1.667L2 27.5z"}),e.createElement("mask",{id:"mask0_40_0",style:{maskType:"alpha"},width:"13",height:"13",x:"7",y:"7",maskUnits:"userSpaceOnUse"},e.createElement("path",{fill:"#F90606",fillRule:"evenodd",d:"M13.5 19.2a5.7 5.7 0 100-11.4 5.7 5.7 0 000 11.4zm-2.956-7.58a.76.76 0 111.075-1.076l1.881 1.881 1.881-1.88a.76.76 0 111.075 1.074L14.575 13.5l1.88 1.88a.76.76 0 11-1.074 1.076l-1.88-1.881-1.882 1.88a.76.76 0 11-1.075-1.074l1.881-1.881-1.88-1.88z",clipRule:"evenodd"})),e.createElement("g",{mask:"url(#mask0_40_0)"},e.createElement("path",{fill:"#F90606",d:"M4 4H23V23H4z"})))}function g({width:t="50",height:a="50"}){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:a,fill:"none",viewBox:"0 0 28 28"},e.createElement("path",{fill:"#DBEAFE",d:"M27.27 13.5c0 7.456-6.044 13.5-13.5 13.5S.27 20.956.27 13.5 6.314 0 13.77 0s13.5 6.044 13.5 13.5z"}),e.createElement("path",{fill:"#DBEAFE",d:"M2 27.5c-.96 0-1.46-.46-1.055-1.383a.84.84 0 01.14-.214l4.03-4.586c-.422-.241-1.412-2.16 0 0l7.035 4.016c.795.454 2.514 1.47 1.62 1.667L2 27.5z"}),e.createElement("mask",{id:"mask0_40_0",style:{maskType:"alpha"},width:"14",height:"13",x:"7",y:"7",maskUnits:"userSpaceOnUse"},e.createElement("path",{fill:"#066EF9",fillRule:"evenodd",d:"M13.507 18.3c2.581 0 4.706-2.131 4.706-4.8 0-.25-.019-.497-.055-.737l1-1.015c.166.554.255 1.143.255 1.752 0 3.314-2.644 6-5.906 6-3.262 0-5.907-2.686-5.907-6s2.645-6 5.907-6c1.496 0 2.862.565 3.903 1.497l-.843.857a4.642 4.642 0 00-3.06-1.154c-2.582 0-4.707 2.131-4.707 4.8s2.125 4.8 4.707 4.8zm-3.07-5.102a.2.2 0 01.014-.277l.667-.623a.2.2 0 01.287.015l1.73 1.997 6.215-5.65a.2.2 0 01.287.018l.59.7a.2.2 0 01-.019.277l-6.704 6.096-.327.297a.2.2 0 01-.285-.017l-.29-.335-2.165-2.498z",clipRule:"evenodd"})),e.createElement("g",{mask:"url(#mask0_40_0)"},e.createElement("path",{fill:"#066EF9",d:"M4 3.5H24V23.5H4z"})))}i('.greeninput:focus+.placeholder-text .text,:not(.greeninput[value=""])+.placeholder-text .text{color:#101010;font-size:15px;font-weight:600;transform:translateY(-150%)}.greentextarea{-moz-appearance:textfield-multiline;-webkit-appearance:textarea;min-height:100px;overflow-x:hidden;padding-top:15px;resize:vertical}');const k=({text:n="codn toast component",header:i="enter your title",icon:r="success",iconClass:l="bg-blue-8",progressColor:s="bg-blue",show:d=!1,shadow:p="shadow-small-black",position:c="top-right",timeout:m=5e3,ariaLabel:x="toast-notification"})=>{const u=a("");o((()=>{null!=u.current.classList&&setTimeout((()=>{u.current.classList.remove("display-block"),u.current.classList.add("display-none")}),m)}),[d]);let h=("top-left"===c?"top-0per left-0per":"top-right"===c&&"top-0per right-0per")||"bottom-left"===c&&"bottom-0per left-0per"||"bottom-right"===c&&"bottom-0per right-0per",k=c.includes("right")?"fade-in-right animation-duration-300ms animation-forwards opacity-100per":"fade-in-left animation-duration-300ms animation-forwards opacity-100per",v="success"===r&&e.createElement(g,{height:"70",width:"70"})||"info"===r&&e.createElement(b,{height:"70",width:"70"})||"error"===r&&e.createElement(w,{height:"70",width:"70"});const[y,E]=t(0);return o((()=>{setTimeout((function(){E(100)}),10)}),[]),d?e.createElement("div",{"aria-label":x,style:{zIndex:99999},className:`fixed m-10px min-h-50px w-35rem rounded-5px bg-white opacity-0per ${p} ${h} ${k}`,ref:u},e.createElement("div",{className:"flex"},e.createElement("button",{role:"button",className:"absolute top-0per right-0per mr-5px mt-5px",onClick:()=>{u.current.classList.remove("display-block"),u.current.classList.add("display-none")}},e.createElement(f,{width:"20",height:"20"})),e.createElement("div",{className:`flex justify-content items-center min-w-30px px-10px rounded-left-radius-5px ${l}`},v||r),e.createElement("div",{className:"block py-10px px-10px"},e.createElement("h3",{className:"text-15px font-600 mb-0px"},i),e.createElement("p",{className:"text-15px font-400 text-gray"},n))),e.createElement("div",{className:"w-100per h-5px"},e.createElement("div",{className:`relative z-2 h-100per ${s}`,style:{width:`${y}%`,transition:`width ${m}ms ease`,borderBottomLeftRadius:"5px"}}))):e.createElement(e.Fragment,null)};export{s as Accordion,h as CookieBanner,x as Input,c as Modal,u as TextArea,k as Toast};

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-dom");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e);function n(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}function i({width:e="11",height:t="20",active:a,iconColorExpanded:n="stroke-white",iconColorCollapse:i="stroke-blue"}){return o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 11 20"},o.default.createElement("path",{className:a?n:i,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M1.545 18.44l8.22-8.256-8.22-8.257"}))}function r({width:e="17",height:t="17",active:a,iconColorExpanded:n="stroke-blue",iconColorCollapse:i="stroke-black"}){return o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 17 17"},o.default.createElement("path",{className:a?n:i,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:""+(a?"M1.463 8.229h14":"M8.463 1.229v14 M1.463 8.229h14")}))}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},l.apply(this,arguments)}function d({width:e="20",height:t="20"}){return o.default.createElement("svg",{className:"cursor-pointer",xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 20 20"},o.default.createElement("path",{className:"fill-gray",d:"M5.187 4.01A.833.833 0 004.01 5.187L8.822 10l-4.814 4.813a.835.835 0 101.179 1.178L10 11.178l4.813 4.813a.833.833 0 001.178-1.178L11.178 10l4.813-4.812a.833.833 0 00-1.178-1.179L10 8.822 5.187 4.008v.001z"}))}n("a,label,table{border:0;font:inherit;margin:0;padding:0;vertical-align:baseline}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box}*{margin:0}input{font:inherit}a:focus,input:focus{outline:none}::-moz-focus-inner,a::-moz-focus-inner,input::-moz-focus-inner{border:0}::-moz-focus-inner{border:0}.container{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:0;width:100%}.fade-in{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeIn{0%{opacity:0}45%{opacity:.33}to{opacity:1}}.fade-in-right{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}45%{opacity:.33}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fade-in-left{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}45%{opacity:.33}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.sans{font-family:-apple-system,BlinkMacSystemFont,Roboto,Arial,Helvetica Neue,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif}.text-10px{font-size:10px}.text-15px{font-size:15px}.text-20px{font-size:20px}.text-25px{font-size:25px}.text-30px{font-size:30px}.font-400{font-weight:400}.font-600{font-weight:600}.font-900{font-weight:900}.display-none{display:none}.block{display:block}.flex{display:flex}.table{display:table}.justify-center{justify-content:center}.items-center{align-items:center}.hover\\:bg-black:hover{background-color:#101010}.hover\\:bg-red-7:hover{background-color:#fdacac}.hover\\:text-white:hover{color:#fdfdfd}.to-yellow{--gradient-to-color:#f9cf06}.from-yellow-10{--gradient-from-color:#fffdf3;--gradient-color-merge:var(--gradient-from-color),var(--gradient-to-color)}.to-blue{--gradient-to-color:#066ef9}.from-blue-10{--gradient-from-color:#f3f8ff;--gradient-color-merge:var(--gradient-from-color),var(--gradient-to-color)}.gradient-to-right{background-image:linear-gradient(to right,var(--gradient-color-merge))}.text-blue{color:#066ef9}.text-purple{color:#8006f9}.text-black{color:#101010}.text-gray{color:#7d7d7d}.bg-blue{background-color:#066ef9}.focus\\:text-blue-9:focus,.text-blue-9{color:#dbeafe}.text-black-7{color:#656565}.text-gray-9{color:#eaeaea}.bg-red-9{background-color:#fedbdb}.bg-yellow-10{background-color:#fffdf3}.bg-blue-8{background-color:#c3dcfe}.bg-blue-10{background-color:#f3f8ff}.bg-gray-10{background-color:#f6f6f6}.bg-white{background-color:#fdfdfd}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.collapse{visibility:collapse}.top-0per{top:0}.top-50per{top:50%}.right-0per{right:0}.bottom-0per{bottom:0}.left-0per{left:0}.left-50per{left:50%}.z-1{z-index:1}.z-2{z-index:2}.z-99{z-index:99}.m-auto{margin:auto}.my-auto{margin-block:auto}.ml-auto{margin-left:auto}.w-35rem{width:35rem}.w-50rem{width:50rem}.w-60rem{width:60rem}.w-100per{width:100%}.w-50vw{width:50vw}.w-100vw{width:100vw}.max-w-90per{max-width:90%}.max-w-50vw{max-width:50vw}.min-w-10px{min-width:10px}.min-w-25px{min-width:25px}.min-w-30px{min-width:30px}.min-w-50px{min-width:50px}.min-w-50rem{min-width:50rem}.h-5px{height:5px}.h-50px{height:50px}.h-100per{height:100%}.h-100vh{height:100vh}.max-h-50vh{max-height:50vh}.max-h-75vh{max-height:75vh}.min-h-25px{min-height:25px}.min-h-50px{min-height:50px}.p-15px{padding:15px}.p-20px{padding:20px}.pb-0px{padding-bottom:0}.pb-10px{padding-bottom:10px}.pl-10px{padding-left:10px}.px-10px{padding-inline:10px}.px-20px{padding-inline:20px}.px-25px{padding-inline:25px}.py-10px{padding-block:10px}.py-20px{padding-block:20px}.py-50px{padding-block:50px}.m-10px{margin:10px}.m-20px{margin:20px}.mt-5px{margin-top:5px}.mt-20px{margin-top:20px}.mt-25px{margin-top:25px}.mr-5px{margin-right:5px}.mb-0px{margin-bottom:0}.mb-10px{margin-bottom:10px}.mb-20px{margin-bottom:20px}.my-50px{margin-block:50px}.ease{transition-timing-function:ease;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease}.animation-forwards{animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}.transition-all{transition-property:all}.animation-duration-300ms{animation-duration:.3s;-webkit-animation-duration:.3s}.animation-duration-500ms{animation-duration:.5s;-webkit-animation-duration:.5s}.animation-duration-800ms{animation-duration:.8s;-webkit-animation-duration:.8s}.transition-duration-100ms{transition-duration:.1s;-webkit-transition-duration:.1s}.transition-duration-200ms{transition-duration:.2s;-webkit-transition-duration:.2s}.transition-duration-300ms{transition-duration:.3s;-webkit-transition-duration:.3s}.shadow-small-black{box-shadow:5px 5px 10px -1px #101010;-webkit-box-shadow:5px 5px 10px -1px #101010;-moz-box-shadow:5px 5px 10px -1px #101010;-ms-box-shadow:5px 5px 10px -1px #101010}.shadow-small-black-2{box-shadow:5px 5px 10px -1px #282828;-webkit-box-shadow:5px 5px 10px -1px #282828;-moz-box-shadow:5px 5px 10px -1px #282828;-ms-box-shadow:5px 5px 10px -1px #282828}.shadow-small-gray{box-shadow:5px 5px 10px -1px #7d7d7d;-webkit-box-shadow:5px 5px 10px -1px #7d7d7d;-moz-box-shadow:5px 5px 10px -1px #7d7d7d;-ms-box-shadow:5px 5px 10px -1px #7d7d7d}.shadow-small-gray-9{box-shadow:5px 5px 10px -1px #eaeaea;-webkit-box-shadow:5px 5px 10px -1px #eaeaea;-moz-box-shadow:5px 5px 10px -1px #eaeaea;-ms-box-shadow:5px 5px 10px -1px #eaeaea}.opacity-0per{opacity:0}.opacity-100per{opacity:100%}.rotate-90deg{transform:rotate(90deg);-webkit-transform:rotate(90deg)}.translate-0per{transform:translate(0);-webkit-transform:translate(0)}.backdrop-blur-30px{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.border-solid,.focus\\:border-solid:focus{border-style:solid}.border-none{border-style:none}.focus\\:outline-solid:focus{outline-style:solid}.border-blue-9{border-color:#dbeafe}.border-black{border-color:#101010}.border-gray-10{border-color:#f6f6f6}.rounded-5px{border-radius:5px}.rounded-10px{border-radius:10px}.rounded-20px{border-radius:20px}.rounded-50per{border-radius:50%}.rounded-left-radius-5px{border-bottom-left-radius:5px;border-top-left-radius:5px}.border-1px,.focus\\:border-1px:focus{border-width:1px}.focus\\:outline-1px:focus{outline-width:1px}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.fill-yellow{fill:#f9cf06}.fill-black{fill:#101010}.fill-gray{fill:#7d7d7d}.stroke-white{stroke:#fdfdfd}.stroke-blue{stroke:#066ef9}.stroke-purple{stroke:#8006f9}.stroke-black{stroke:#101010}@media(max-width:480px){.sm\\:block{display:block}.sm\\:w-auto{width:auto}.sm\\:min-w-90vw{min-width:90vw}}@media(min-width:481px)and (max-width:768px){.md\\:w-auto{width:auto}.md\\:min-w-90vw{min-width:90vw}}");const s=({children:a,toggle:n,setToggle:i,className:r,backgroundAnimation:l="fade-in animation-duration-500ms animation-forwards",closeIcon:s=o.default.createElement(d,null),modalContentAnimation:c="fade-in animation-duration-500ms animation-forwards",useKeyInput:m=!0,shadow:u=!0})=>(!0===m&&e.useEffect((()=>{const e=e=>{27===e.keyCode&&i()};window.addEventListener("keydown",e);const t=e=>{(e.ctrlKey||e.metaKey)&&"k"===e.key&&(e.preventDefault(),i(!0))};return document.addEventListener("keydown",t),()=>window.removeEventListener("keydown",e)||document.removeEventListener("keydown",t)}),[]),"undefined"!=typeof window&&t.createPortal(o.default.createElement(o.default.Fragment,null,n&&o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{onClick:i.bind(void 0,!1),className:`fixed left-0per top-0per bottom-0per right-0per backdrop-blur-30px text-black ${l}`,style:{backgroundColor:"rgba(16,16,16,0.75)"}}),o.default.createElement(p,{shadow:u,className:r,setToggle:i,closeIcon:s,modalContentAnimation:c},a))),document.querySelector("#modal-portal"))),p=({children:t,className:a,modalContentAnimation:n,closeIcon:i,shadow:r,setToggle:d,...s})=>{const p=e.useRef();return o.default.createElement("div",l({ref:p,tabIndex:0},s,{className:`text-black overflow-x-hidden fixed left-50per top-50per rounded-20px bg-white min-w-50rem max-w-50vw sm:min-w-90vw md:min-w-90vw max-h-75vh ${r?"shadow-small-black-2":""} ${a} ${n}`,style:{transform:"translate(-50%, -50%)"}}),o.default.createElement("div",{role:"button",tabIndex:0,onKeyPress:d.bind(void 0,!1),onClick:d.bind(void 0,!1),className:"absolute z-1 focus:outline-1px focus:outline-solid focus:outline-gray text-gray-9",style:{top:"20px",right:"20px"}},i),o.default.createElement("div",{className:"p-20px"},t))};s.Header=({children:e,className:t,...a})=>o.default.createElement("header",l({className:`text-20px font-bold mb-20px max-w-90per ${t}`},a),e),s.Body=({children:e,className:t,...a})=>o.default.createElement("div",l({className:`${t}`},a),e),s.Footer=({children:e,className:t,...a})=>o.default.createElement("footer",l({className:`mt-20px ${t}`},a),e);function c({width:e="50",height:t="50",className:a="fill-black"}){return o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 50 50","aria-label":"close-toast"},o.default.createElement("mask",{id:"mask0_516351_1648",style:{maskType:"alpha"},width:"25",height:"25",x:"12",y:"12",maskUnits:"userSpaceOnUse"},o.default.createElement("path",{className:a,fillRule:"evenodd",d:"M32.709 35.941l-8.082-8.081-8.08 8.081a2.286 2.286 0 11-3.233-3.232l8.081-8.082-8.081-8.08a2.286 2.286 0 013.232-3.233l8.081 8.08 8.082-8.08a2.286 2.286 0 013.232 3.232l-8.081 8.081 8.081 8.082a2.286 2.286 0 11-3.232 3.232z",clipRule:"evenodd"})),o.default.createElement("g",{mask:"url(#mask0_516351_1648)"},o.default.createElement("path",{className:a,d:"M0 0H50V50H0z"})))}function m({width:e="50",height:t="50",className:a="fill-yellow"}){return o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 28 28"},o.default.createElement("path",{fill:"#FEF8DB",d:"M27.27 13.5c0 7.456-6.044 13.5-13.5 13.5S.27 20.956.27 13.5 6.314 0 13.77 0s13.5 6.044 13.5 13.5z"}),o.default.createElement("path",{fill:"#FEF8DB",d:"M2 27.5c-.96 0-1.46-.46-1.055-1.383a.84.84 0 01.14-.214l4.03-4.586c-.422-.241-1.412-2.16 0 0l7.035 4.016c.795.454 2.514 1.47 1.62 1.667L2 27.5z"}),o.default.createElement("mask",{id:"mask0_40_0",style:{maskType:"alpha"},width:"14",height:"12",x:"7",y:"7",maskUnits:"userSpaceOnUse"},o.default.createElement("path",{fill:"#F9CF06",fillRule:"evenodd",d:"M14.52 7.5a.6.6 0 00-1.04 0L7.591 17.7a.6.6 0 00.52.9h11.778a.6.6 0 00.52-.9l-5.89-10.2zm-1.32 2.908a.2.2 0 01.2-.208h1.2a.2.2 0 01.2.208l-.187 4.8a.2.2 0 01-.2.192h-.826a.2.2 0 01-.2-.192l-.187-4.8zM13.395 16c0-.11.09-.2.2-.2h.812c.11 0 .2.09.2.2v.8a.2.2 0 01-.2.2h-.812a.2.2 0 01-.2-.2V16z",clipRule:"evenodd"})),o.default.createElement("g",{mask:"url(#mask0_40_0)"},o.default.createElement("path",{fill:"#F9CF06",d:"M4 3H24V23H4z"})))}function u({width:e="28",height:t="28"}){return o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 28 28"},o.default.createElement("path",{fill:"#FEDBDB",d:"M27.27 13.5c0 7.456-6.044 13.5-13.5 13.5S.27 20.956.27 13.5 6.314 0 13.77 0s13.5 6.044 13.5 13.5z"}),o.default.createElement("path",{fill:"#FEDBDB",d:"M2 27.5c-.96 0-1.46-.46-1.055-1.383a.84.84 0 01.14-.214l4.03-4.586c-.422-.241-1.412-2.16 0 0l7.035 4.016c.795.454 2.514 1.47 1.62 1.667L2 27.5z"}),o.default.createElement("mask",{id:"mask0_40_0",style:{maskType:"alpha"},width:"13",height:"13",x:"7",y:"7",maskUnits:"userSpaceOnUse"},o.default.createElement("path",{fill:"#F90606",fillRule:"evenodd",d:"M13.5 19.2a5.7 5.7 0 100-11.4 5.7 5.7 0 000 11.4zm-2.956-7.58a.76.76 0 111.075-1.076l1.881 1.881 1.881-1.88a.76.76 0 111.075 1.074L14.575 13.5l1.88 1.88a.76.76 0 11-1.074 1.076l-1.88-1.881-1.882 1.88a.76.76 0 11-1.075-1.074l1.881-1.881-1.88-1.88z",clipRule:"evenodd"})),o.default.createElement("g",{mask:"url(#mask0_40_0)"},o.default.createElement("path",{fill:"#F90606",d:"M4 4H23V23H4z"})))}function f({width:e="50",height:t="50"}){return o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 28 28"},o.default.createElement("path",{fill:"#DBEAFE",d:"M27.27 13.5c0 7.456-6.044 13.5-13.5 13.5S.27 20.956.27 13.5 6.314 0 13.77 0s13.5 6.044 13.5 13.5z"}),o.default.createElement("path",{fill:"#DBEAFE",d:"M2 27.5c-.96 0-1.46-.46-1.055-1.383a.84.84 0 01.14-.214l4.03-4.586c-.422-.241-1.412-2.16 0 0l7.035 4.016c.795.454 2.514 1.47 1.62 1.667L2 27.5z"}),o.default.createElement("mask",{id:"mask0_40_0",style:{maskType:"alpha"},width:"14",height:"13",x:"7",y:"7",maskUnits:"userSpaceOnUse"},o.default.createElement("path",{fill:"#066EF9",fillRule:"evenodd",d:"M13.507 18.3c2.581 0 4.706-2.131 4.706-4.8 0-.25-.019-.497-.055-.737l1-1.015c.166.554.255 1.143.255 1.752 0 3.314-2.644 6-5.906 6-3.262 0-5.907-2.686-5.907-6s2.645-6 5.907-6c1.496 0 2.862.565 3.903 1.497l-.843.857a4.642 4.642 0 00-3.06-1.154c-2.582 0-4.707 2.131-4.707 4.8s2.125 4.8 4.707 4.8zm-3.07-5.102a.2.2 0 01.014-.277l.667-.623a.2.2 0 01.287.015l1.73 1.997 6.215-5.65a.2.2 0 01.287.018l.59.7a.2.2 0 01-.019.277l-6.704 6.096-.327.297a.2.2 0 01-.285-.017l-.29-.335-2.165-2.498z",clipRule:"evenodd"})),o.default.createElement("g",{mask:"url(#mask0_40_0)"},o.default.createElement("path",{fill:"#066EF9",d:"M4 3.5H24V23.5H4z"})))}n('.greeninput:focus+.placeholder-text .text,:not(.greeninput[value=""])+.placeholder-text .text{color:#101010;font-size:15px;font-weight:600;transform:translateY(-150%)}.greentextarea{-moz-appearance:textfield-multiline;-webkit-appearance:textarea;min-height:100px;overflow-x:hidden;padding-top:15px;resize:vertical}');exports.Accordion=function({expand:t="Your title",collapse:a="Your collapsed content",className:n="bg-white",boxStyle:l=!1,shadow:d=!0,headerStyle:s="text-15px font-600 text-black",headerStyleExpanded:p="text-15px font-600 text-blue pb-10px",iconColorExpanded:c,iconColorCollapse:m,circleExpand:u="rotate-90deg bg-blue",circleCollapse:f=(d?"shadow-small-gray-9":"")+" bg-white",collapseStyle:x="text-15px text-black text-left"}){const[h,b]=e.useState(!1),w=e.useRef(null);e.useEffect((()=>{w.current.style.maxHeight=h?`${w.current.scrollHeight}px`:"0px"}),[w,h]);const g=()=>{b(!h)};return o.default.createElement("div",{id:"accordion",role:"button",tabIndex:0,className:`cursor-pointer p-15px transition-all transition-duration-100ms ease overflow-x-hidden rounded-5px focus:outline-1px focus:outline-solid focus:text-blue-9 text-blue-9 border-1px border-solid border-gray-10 ${l?"py-20px mb-10px":""} ${n}\n      `,onClick:g,onKeyPress:g},o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:"flex items-center"},o.default.createElement("h3",{className:`mb-0px ${h?p:s}`},t),o.default.createElement("span",{className:"ml-auto min-w-10px "+(h?"pb-10px":"pb-0px")},l?o.default.createElement("div",{className:"rounded-50per min-w-25px min-h-25px flex justify-center items-center transition-all transition-duration-200ms ease "+(h?`${u}`:`${f}`)},o.default.createElement(i,{active:h,width:"10",height:"12",iconColorExpanded:c,iconColorCollapse:m})):o.default.createElement(r,{active:h,width:"10",height:"10",iconColorExpanded:c,iconColorCollapse:m}))),o.default.createElement("div",{ref:w,className:"overflow-hidden transition-all transition-duration-300ms ease"},o.default.createElement("p",{className:`relative z-99 mb-0px ${x}`},a))))},exports.CookieBanner=function({header:t="🍪 Our website uses cookies",shadow:a=!0,position:n="bottom-right",showButton:i=!0,buttonText:r="Accept",buttonStyle:l="mt-25px cursor-pointer flex py-10px px-25px min-w-50px font-bold transition-duration-200ms transition-all rounded-10px border-1px border-solid border-black my-auto text-center justify-center items-center m-auto text-15px text-black hover:bg-black hover:text-white",children:d}){const[s,p]=e.useState(!0);e.useEffect((()=>{"accepted"==(()=>{if("undefined"!=typeof window){const e=localStorage.getItem("cookie");if(e)return JSON.parse(e)}return""})()&&p(!1)}),[]);let c=("top-left"===n?"top-0per left-0per":"top-right"===n&&"top-0per right-0per")||"bottom-left"===n&&"bottom-0per left-0per"||"bottom-right"===n&&"bottom-0per right-0per";return o.default.createElement(o.default.Fragment,null,s&&o.default.createElement("div",{className:`fixed m-20px max-h-50vh w-50vw sm:w-auto md:w-auto bg-white z-99 rounded-10px overflow-scroll ${a?"shadow-small-gray":""} ${n&&c}`,id:"cookie-banner"},o.default.createElement("div",{className:"flex h-100per sm:block p-20px"},o.default.createElement("div",{className:"m-auto"},o.default.createElement("h3",{className:"text-25px font-600"},t),d||o.default.createElement("p",{className:"text-15px text-gray font-400"},"Our website use cookies. By continuing, we assume your permission to deploy cookies as detailed in our"," ",o.default.createElement("span",{className:"text-blue"},"Privacy Policy.")),i&&o.default.createElement("button",{onClick:()=>{localStorage.setItem("cookie",JSON.stringify("accepted")),p(!1)},id:"close-cookie",className:`${l}`},r)))))},exports.Input=function({required:e,id:t,label:a,value:n,setValue:i,htmlFor:r,maxLength:l,minLength:d,type:s="text",autofocus:p=!1,shadow:c=!0,ariaLabel:m="input-field"}){return o.default.createElement("div",{className:"relative"},o.default.createElement("input",{autoFocus:p,"aria-label":m,required:e,id:t,maxLength:l,minLength:d,type:s,onChange:e=>i(e.target.value),value:n,className:"greeninput border-none bg-white rounded-10px pl-10px text-15px h-50px w-100per border-blue-9 focus:border-1px focus:border-solid "+(c?"shadow-small-gray-9":"")}),o.default.createElement("label",{className:"w-100per placeholder-text pl-10px absolute top-0per right-0per bottom-0per left-0per flex items-center pointer-events-none w-100per h-50px",htmlFor:r},o.default.createElement("div",{className:"text translate-0per transition-all transition-duration-300ms text-black-7 text-15px"},a)))},exports.Modal=s,exports.TextArea=function({required:t,id:a,label:n,value:i,setValue:r,htmlFor:l,maxLength:d,type:s="text",autofocus:p=!1,shadow:c=!0,ariaLabel:m="textarea-field"}){return p&&e.useEffect((()=>{document.querySelector("[contenteditable]").focus()}),[]),o.default.createElement("div",{className:"relative"},o.default.createElement("div",{tabIndex:p?1:0,"aria-label":m,autoFocus:p,spellCheck:"false",contentEditable:"true",required:t,id:a,maxLength:d,onKeyDown:d>=1?e=>{(e.target.outerText.length===d&&8!=e.keyCode||37===e.keyCode||38===e.keyCode||39===e.keyCode||40===e.keyCode||e.ctrlKey||e.metaKey)&&e.preventDefault()}:null,type:s,onInput:e=>r(e.currentTarget.textContent),value:i,className:"greeninput greentextarea border-none bg-white rounded-10px pl-10px text-15px h-50px w-100per border-blue-9 focus:border-1px focus:border-solid "+(c?"shadow-small-gray-9":"")}),o.default.createElement("label",{className:"placeholder-text pl-10px absolute top-0per right-0per bottom-0per left-0per flex items-center pointer-events-none w-100per h-50px",htmlFor:l},o.default.createElement("div",{className:"text translate-0per transition-all transition-duration-300ms text-black-7 text-15px"},n)))},exports.Toast=({text:t="test",header:a="header",icon:n="success",iconClass:i="bg-blue-8",progressColor:r="bg-blue",show:l=!1,shadow:d=!0,position:s="top-right",timeout:p=5e3,ariaLabel:x="toast-notification"})=>{const h=e.useRef("");e.useEffect((()=>{null!=h.current.classList&&setTimeout((()=>{h.current.classList.remove("display-block"),h.current.classList.add("display-none")}),p)}),[l]);let b=("top-left"===s?"top-0per left-0per":"top-right"===s&&"top-0per right-0per")||"bottom-left"===s&&"bottom-0per left-0per"||"bottom-right"===s&&"bottom-0per right-0per",w=s.includes("right")?"fade-in-right animation-duration-300ms animation-forwards opacity-100per":"fade-in-left animation-duration-300ms animation-forwards opacity-100per",g="success"===n&&o.default.createElement(f,{height:"70",width:"70"})||"info"===n&&o.default.createElement(m,{height:"70",width:"70"})||"error"===n&&o.default.createElement(u,{height:"70",width:"70"});const[k,v]=e.useState(0);return e.useEffect((()=>{setTimeout((function(){v(100)}),10)}),[]),l?o.default.createElement("div",{"aria-label":x,style:{zIndex:99999},className:`fixed m-10px min-h-50px w-35rem rounded-5px bg-white opacity-0per ${d&&"shadow-small-black"} ${b} ${w}`,ref:h},o.default.createElement("div",{className:"flex"},o.default.createElement("button",{role:"button",className:"absolute top-0per right-0per mr-5px mt-5px",onClick:()=>{h.current.classList.remove("display-block"),h.current.classList.add("display-none")}},o.default.createElement(c,{width:"20",height:"20"})),o.default.createElement("div",{className:`flex justify-content items-center min-w-30px px-10px rounded-left-radius-5px ${i}`},g||n),o.default.createElement("div",{className:"block py-10px px-10px"},o.default.createElement("h3",{className:"text-15px font-600 mb-0px"},a),o.default.createElement("p",{className:"text-15px font-400 text-gray"},t))),o.default.createElement("div",{className:"w-100per h-5px"},o.default.createElement("div",{className:`relative z-2 h-100per ${r}`,style:{width:`${k}%`,transition:`width ${p}ms ease`,borderBottomLeftRadius:"5px"}}))):o.default.createElement(o.default.Fragment,null)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-dom");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e);function n(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}function i({width:e="11",height:t="20",active:a,iconColorExpanded:n="stroke-white",iconColorCollapse:i="stroke-blue"}){return o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 11 20"},o.default.createElement("path",{className:a?n:i,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M1.545 18.44l8.22-8.256-8.22-8.257"}))}function r({width:e="17",height:t="17",active:a,iconColorExpanded:n="stroke-blue",iconColorCollapse:i="stroke-black"}){return o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 17 17"},o.default.createElement("path",{className:a?n:i,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:""+(a?"M1.463 8.229h14":"M8.463 1.229v14 M1.463 8.229h14")}))}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},l.apply(this,arguments)}function d({width:e="20",height:t="20"}){return o.default.createElement("svg",{className:"cursor-pointer",xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 20 20"},o.default.createElement("path",{className:"fill-gray",d:"M5.187 4.01A.833.833 0 004.01 5.187L8.822 10l-4.814 4.813a.835.835 0 101.179 1.178L10 11.178l4.813 4.813a.833.833 0 001.178-1.178L11.178 10l4.813-4.812a.833.833 0 00-1.178-1.179L10 8.822 5.187 4.008v.001z"}))}n("a,label,table{border:0;font:inherit;margin:0;padding:0;vertical-align:baseline}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box}*{margin:0}input{font:inherit}a:focus,input:focus{outline:none}::-moz-focus-inner,a::-moz-focus-inner,input::-moz-focus-inner{border:0}::-moz-focus-inner{border:0}.container{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:0;width:100%}.fade-in{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeIn{0%{opacity:0}45%{opacity:.33}to{opacity:1}}.fade-in-right{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}45%{opacity:.33}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fade-in-left{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}45%{opacity:.33}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.sans{font-family:-apple-system,BlinkMacSystemFont,Roboto,Arial,Helvetica Neue,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif}.text-10px{font-size:10px}.text-15px{font-size:15px}.text-20px{font-size:20px}.text-25px{font-size:25px}.text-30px{font-size:30px}.font-400{font-weight:400}.font-600{font-weight:600}.font-900{font-weight:900}.display-none{display:none}.block{display:block}.flex{display:flex}.table{display:table}.justify-center{justify-content:center}.items-center{align-items:center}.hover\\:bg-black:hover{background-color:#101010}.hover\\:bg-red-7:hover{background-color:#fdacac}.hover\\:text-white:hover{color:#fdfdfd}.to-yellow{--gradient-to-color:#f9cf06}.from-yellow-10{--gradient-from-color:#fffdf3;--gradient-color-merge:var(--gradient-from-color),var(--gradient-to-color)}.to-blue{--gradient-to-color:#066ef9}.from-blue-10{--gradient-from-color:#f3f8ff;--gradient-color-merge:var(--gradient-from-color),var(--gradient-to-color)}.gradient-to-right{background-image:linear-gradient(to right,var(--gradient-color-merge))}.text-blue{color:#066ef9}.text-purple{color:#8006f9}.text-black{color:#101010}.text-gray{color:#7d7d7d}.bg-blue{background-color:#066ef9}.focus\\:text-blue-9:focus,.text-blue-9{color:#dbeafe}.text-black-7{color:#656565}.text-gray-9{color:#eaeaea}.bg-red-9{background-color:#fedbdb}.bg-yellow-10{background-color:#fffdf3}.bg-blue-8{background-color:#c3dcfe}.bg-blue-10{background-color:#f3f8ff}.bg-gray-10{background-color:#f6f6f6}.bg-white{background-color:#fdfdfd}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.collapse{visibility:collapse}.top-0per{top:0}.top-50per{top:50%}.right-0per{right:0}.bottom-0per{bottom:0}.left-0per{left:0}.left-50per{left:50%}.z-1{z-index:1}.z-2{z-index:2}.z-99{z-index:99}.m-auto{margin:auto}.my-auto{margin-block:auto}.ml-auto{margin-left:auto}.w-35rem{width:35rem}.w-50rem{width:50rem}.w-60rem{width:60rem}.w-100per{width:100%}.w-50vw{width:50vw}.w-100vw{width:100vw}.max-w-90per{max-width:90%}.max-w-50vw{max-width:50vw}.min-w-10px{min-width:10px}.min-w-25px{min-width:25px}.min-w-30px{min-width:30px}.min-w-50px{min-width:50px}.min-w-50rem{min-width:50rem}.h-5px{height:5px}.h-50px{height:50px}.h-100per{height:100%}.h-100vh{height:100vh}.max-h-50vh{max-height:50vh}.max-h-75vh{max-height:75vh}.min-h-25px{min-height:25px}.min-h-50px{min-height:50px}.p-15px{padding:15px}.p-20px{padding:20px}.pb-0px{padding-bottom:0}.pb-10px{padding-bottom:10px}.pl-10px{padding-left:10px}.px-10px{padding-inline:10px}.px-20px{padding-inline:20px}.px-25px{padding-inline:25px}.py-10px{padding-block:10px}.py-20px{padding-block:20px}.py-50px{padding-block:50px}.m-10px{margin:10px}.m-20px{margin:20px}.mt-5px{margin-top:5px}.mt-20px{margin-top:20px}.mt-25px{margin-top:25px}.mr-5px{margin-right:5px}.mb-0px{margin-bottom:0}.mb-10px{margin-bottom:10px}.mb-20px{margin-bottom:20px}.my-50px{margin-block:50px}.ease{transition-timing-function:ease;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease}.animation-forwards{animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}.transition-all{transition-property:all}.animation-duration-300ms{animation-duration:.3s;-webkit-animation-duration:.3s}.animation-duration-500ms{animation-duration:.5s;-webkit-animation-duration:.5s}.animation-duration-800ms{animation-duration:.8s;-webkit-animation-duration:.8s}.transition-duration-100ms{transition-duration:.1s;-webkit-transition-duration:.1s}.transition-duration-200ms{transition-duration:.2s;-webkit-transition-duration:.2s}.transition-duration-300ms{transition-duration:.3s;-webkit-transition-duration:.3s}.shadow-small-black{box-shadow:5px 5px 10px -1px #101010;-webkit-box-shadow:5px 5px 10px -1px #101010;-moz-box-shadow:5px 5px 10px -1px #101010;-ms-box-shadow:5px 5px 10px -1px #101010}.shadow-small-black-2{box-shadow:5px 5px 10px -1px #282828;-webkit-box-shadow:5px 5px 10px -1px #282828;-moz-box-shadow:5px 5px 10px -1px #282828;-ms-box-shadow:5px 5px 10px -1px #282828}.shadow-small-gray{box-shadow:5px 5px 10px -1px #7d7d7d;-webkit-box-shadow:5px 5px 10px -1px #7d7d7d;-moz-box-shadow:5px 5px 10px -1px #7d7d7d;-ms-box-shadow:5px 5px 10px -1px #7d7d7d}.shadow-small-gray-9{box-shadow:5px 5px 10px -1px #eaeaea;-webkit-box-shadow:5px 5px 10px -1px #eaeaea;-moz-box-shadow:5px 5px 10px -1px #eaeaea;-ms-box-shadow:5px 5px 10px -1px #eaeaea}.opacity-0per{opacity:0}.opacity-100per{opacity:100%}.rotate-90deg{transform:rotate(90deg);-webkit-transform:rotate(90deg)}.translate-0per{transform:translate(0);-webkit-transform:translate(0)}.backdrop-blur-30px{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.border-solid,.focus\\:border-solid:focus{border-style:solid}.border-none{border-style:none}.focus\\:outline-solid:focus{outline-style:solid}.border-blue-9{border-color:#dbeafe}.border-black{border-color:#101010}.border-gray-10{border-color:#f6f6f6}.rounded-5px{border-radius:5px}.rounded-10px{border-radius:10px}.rounded-20px{border-radius:20px}.rounded-50per{border-radius:50%}.rounded-left-radius-5px{border-bottom-left-radius:5px;border-top-left-radius:5px}.border-1px,.focus\\:border-1px:focus{border-width:1px}.focus\\:outline-1px:focus{outline-width:1px}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.fill-yellow{fill:#f9cf06}.fill-black{fill:#101010}.fill-gray{fill:#7d7d7d}.stroke-white{stroke:#fdfdfd}.stroke-blue{stroke:#066ef9}.stroke-purple{stroke:#8006f9}.stroke-black{stroke:#101010}@media(max-width:480px){.sm\\:block{display:block}.sm\\:w-auto{width:auto}.sm\\:min-w-90vw{min-width:90vw}}@media(min-width:481px)and (max-width:768px){.md\\:w-auto{width:auto}.md\\:min-w-90vw{min-width:90vw}}");const s=({children:a,toggle:n,setToggle:i,className:r,backgroundAnimation:l="fade-in animation-duration-500ms animation-forwards",closeIcon:s=o.default.createElement(d,null),modalContentAnimation:c="fade-in animation-duration-500ms animation-forwards",useKeyInput:m=!0,shadow:u=!0})=>(!0===m&&e.useEffect((()=>{const e=e=>{27===e.keyCode&&i()};window.addEventListener("keydown",e);const t=e=>{(e.ctrlKey||e.metaKey)&&"k"===e.key&&(e.preventDefault(),i(!0))};return document.addEventListener("keydown",t),()=>window.removeEventListener("keydown",e)||document.removeEventListener("keydown",t)}),[]),"undefined"!=typeof window&&t.createPortal(o.default.createElement(o.default.Fragment,null,n&&o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{onClick:i.bind(void 0,!1),className:`fixed left-0per top-0per bottom-0per right-0per backdrop-blur-30px text-black ${l}`,style:{backgroundColor:"rgba(16,16,16,0.75)"}}),o.default.createElement(p,{shadow:u,className:r,setToggle:i,closeIcon:s,modalContentAnimation:c},a))),document.querySelector("#modal-portal"))),p=({children:t,className:a,modalContentAnimation:n,closeIcon:i,shadow:r,setToggle:d,...s})=>{const p=e.useRef();return o.default.createElement("div",l({ref:p,tabIndex:0},s,{className:`text-black overflow-x-hidden fixed left-50per top-50per rounded-20px bg-white min-w-50rem max-w-50vw sm:min-w-90vw md:min-w-90vw max-h-75vh ${r?"shadow-small-black-2":""} ${a} ${n}`,style:{transform:"translate(-50%, -50%)"}}),o.default.createElement("div",{role:"button",tabIndex:0,onKeyPress:d.bind(void 0,!1),onClick:d.bind(void 0,!1),className:"absolute z-1 focus:outline-1px focus:outline-solid focus:outline-gray text-gray-9",style:{top:"20px",right:"20px"}},i),o.default.createElement("div",{className:"p-20px"},t))};s.Header=({children:e,className:t,...a})=>o.default.createElement("header",l({className:`text-20px font-bold mb-20px max-w-90per ${t}`},a),e),s.Body=({children:e,className:t,...a})=>o.default.createElement("div",l({className:`${t}`},a),e),s.Footer=({children:e,className:t,...a})=>o.default.createElement("footer",l({className:`mt-20px ${t}`},a),e);function c({width:e="50",height:t="50",className:a="fill-black"}){return o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 50 50","aria-label":"close-toast"},o.default.createElement("mask",{id:"mask0_516351_1648",style:{maskType:"alpha"},width:"25",height:"25",x:"12",y:"12",maskUnits:"userSpaceOnUse"},o.default.createElement("path",{className:a,fillRule:"evenodd",d:"M32.709 35.941l-8.082-8.081-8.08 8.081a2.286 2.286 0 11-3.233-3.232l8.081-8.082-8.081-8.08a2.286 2.286 0 013.232-3.233l8.081 8.08 8.082-8.08a2.286 2.286 0 013.232 3.232l-8.081 8.081 8.081 8.082a2.286 2.286 0 11-3.232 3.232z",clipRule:"evenodd"})),o.default.createElement("g",{mask:"url(#mask0_516351_1648)"},o.default.createElement("path",{className:a,d:"M0 0H50V50H0z"})))}function m({width:e="50",height:t="50",className:a="fill-yellow"}){return o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 28 28"},o.default.createElement("path",{fill:"#FEF8DB",d:"M27.27 13.5c0 7.456-6.044 13.5-13.5 13.5S.27 20.956.27 13.5 6.314 0 13.77 0s13.5 6.044 13.5 13.5z"}),o.default.createElement("path",{fill:"#FEF8DB",d:"M2 27.5c-.96 0-1.46-.46-1.055-1.383a.84.84 0 01.14-.214l4.03-4.586c-.422-.241-1.412-2.16 0 0l7.035 4.016c.795.454 2.514 1.47 1.62 1.667L2 27.5z"}),o.default.createElement("mask",{id:"mask0_40_0",style:{maskType:"alpha"},width:"14",height:"12",x:"7",y:"7",maskUnits:"userSpaceOnUse"},o.default.createElement("path",{fill:"#F9CF06",fillRule:"evenodd",d:"M14.52 7.5a.6.6 0 00-1.04 0L7.591 17.7a.6.6 0 00.52.9h11.778a.6.6 0 00.52-.9l-5.89-10.2zm-1.32 2.908a.2.2 0 01.2-.208h1.2a.2.2 0 01.2.208l-.187 4.8a.2.2 0 01-.2.192h-.826a.2.2 0 01-.2-.192l-.187-4.8zM13.395 16c0-.11.09-.2.2-.2h.812c.11 0 .2.09.2.2v.8a.2.2 0 01-.2.2h-.812a.2.2 0 01-.2-.2V16z",clipRule:"evenodd"})),o.default.createElement("g",{mask:"url(#mask0_40_0)"},o.default.createElement("path",{fill:"#F9CF06",d:"M4 3H24V23H4z"})))}function u({width:e="28",height:t="28"}){return o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 28 28"},o.default.createElement("path",{fill:"#FEDBDB",d:"M27.27 13.5c0 7.456-6.044 13.5-13.5 13.5S.27 20.956.27 13.5 6.314 0 13.77 0s13.5 6.044 13.5 13.5z"}),o.default.createElement("path",{fill:"#FEDBDB",d:"M2 27.5c-.96 0-1.46-.46-1.055-1.383a.84.84 0 01.14-.214l4.03-4.586c-.422-.241-1.412-2.16 0 0l7.035 4.016c.795.454 2.514 1.47 1.62 1.667L2 27.5z"}),o.default.createElement("mask",{id:"mask0_40_0",style:{maskType:"alpha"},width:"13",height:"13",x:"7",y:"7",maskUnits:"userSpaceOnUse"},o.default.createElement("path",{fill:"#F90606",fillRule:"evenodd",d:"M13.5 19.2a5.7 5.7 0 100-11.4 5.7 5.7 0 000 11.4zm-2.956-7.58a.76.76 0 111.075-1.076l1.881 1.881 1.881-1.88a.76.76 0 111.075 1.074L14.575 13.5l1.88 1.88a.76.76 0 11-1.074 1.076l-1.88-1.881-1.882 1.88a.76.76 0 11-1.075-1.074l1.881-1.881-1.88-1.88z",clipRule:"evenodd"})),o.default.createElement("g",{mask:"url(#mask0_40_0)"},o.default.createElement("path",{fill:"#F90606",d:"M4 4H23V23H4z"})))}function f({width:e="50",height:t="50"}){return o.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:t,fill:"none",viewBox:"0 0 28 28"},o.default.createElement("path",{fill:"#DBEAFE",d:"M27.27 13.5c0 7.456-6.044 13.5-13.5 13.5S.27 20.956.27 13.5 6.314 0 13.77 0s13.5 6.044 13.5 13.5z"}),o.default.createElement("path",{fill:"#DBEAFE",d:"M2 27.5c-.96 0-1.46-.46-1.055-1.383a.84.84 0 01.14-.214l4.03-4.586c-.422-.241-1.412-2.16 0 0l7.035 4.016c.795.454 2.514 1.47 1.62 1.667L2 27.5z"}),o.default.createElement("mask",{id:"mask0_40_0",style:{maskType:"alpha"},width:"14",height:"13",x:"7",y:"7",maskUnits:"userSpaceOnUse"},o.default.createElement("path",{fill:"#066EF9",fillRule:"evenodd",d:"M13.507 18.3c2.581 0 4.706-2.131 4.706-4.8 0-.25-.019-.497-.055-.737l1-1.015c.166.554.255 1.143.255 1.752 0 3.314-2.644 6-5.906 6-3.262 0-5.907-2.686-5.907-6s2.645-6 5.907-6c1.496 0 2.862.565 3.903 1.497l-.843.857a4.642 4.642 0 00-3.06-1.154c-2.582 0-4.707 2.131-4.707 4.8s2.125 4.8 4.707 4.8zm-3.07-5.102a.2.2 0 01.014-.277l.667-.623a.2.2 0 01.287.015l1.73 1.997 6.215-5.65a.2.2 0 01.287.018l.59.7a.2.2 0 01-.019.277l-6.704 6.096-.327.297a.2.2 0 01-.285-.017l-.29-.335-2.165-2.498z",clipRule:"evenodd"})),o.default.createElement("g",{mask:"url(#mask0_40_0)"},o.default.createElement("path",{fill:"#066EF9",d:"M4 3.5H24V23.5H4z"})))}n('.greeninput:focus+.placeholder-text .text,:not(.greeninput[value=""])+.placeholder-text .text{color:#101010;font-size:15px;font-weight:600;transform:translateY(-150%)}.greentextarea{-moz-appearance:textfield-multiline;-webkit-appearance:textarea;min-height:100px;overflow-x:hidden;padding-top:15px;resize:vertical}');exports.Accordion=function({expand:t="Your title",collapse:a="Your collapsed content",className:n="bg-white",boxStyle:l=!1,shadow:d=!0,headerStyle:s="text-15px font-600 text-black",headerStyleExpanded:p="text-15px font-600 text-blue pb-10px",iconColorExpanded:c,iconColorCollapse:m,circleExpand:u="rotate-90deg bg-blue",circleCollapse:f=(d?"shadow-small-gray-9":"")+" bg-white",collapseStyle:x="text-15px text-black text-left"}){const[h,b]=e.useState(!1),w=e.useRef(null);e.useEffect((()=>{w.current.style.maxHeight=h?`${w.current.scrollHeight}px`:"0px"}),[w,h]);const g=()=>{b(!h)};return o.default.createElement("div",{id:"accordion",role:"button",tabIndex:0,className:`cursor-pointer p-15px transition-all transition-duration-100ms ease overflow-x-hidden rounded-5px focus:outline-1px focus:outline-solid focus:text-blue-9 text-blue-9 border-1px border-solid border-gray-10 ${l?"py-20px mb-10px":""} ${n}\n      `,onClick:g,onKeyPress:g},o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:"flex items-center"},o.default.createElement("h3",{className:`mb-0px ${h?p:s}`},t),o.default.createElement("span",{className:"ml-auto min-w-10px "+(h?"pb-10px":"pb-0px")},l?o.default.createElement("div",{className:"rounded-50per min-w-25px min-h-25px flex justify-center items-center transition-all transition-duration-200ms ease "+(h?`${u}`:`${f}`)},o.default.createElement(i,{active:h,width:"10",height:"12",iconColorExpanded:c,iconColorCollapse:m})):o.default.createElement(r,{active:h,width:"10",height:"10",iconColorExpanded:c,iconColorCollapse:m}))),o.default.createElement("div",{ref:w,className:"overflow-hidden transition-all transition-duration-300ms ease"},o.default.createElement("p",{className:`relative z-99 mb-0px ${x}`},a))))},exports.CookieBanner=function({header:t="🍪 Our website uses cookies",shadow:a=!0,position:n="bottom-right",showButton:i=!0,buttonText:r="Accept",buttonStyle:l="mt-25px cursor-pointer flex py-10px px-25px min-w-50px font-bold transition-duration-200ms transition-all rounded-10px border-1px border-solid border-black my-auto text-center justify-center items-center m-auto text-15px text-black hover:bg-black hover:text-white",children:d}){const[s,p]=e.useState(!0);e.useEffect((()=>{"accepted"==(()=>{if("undefined"!=typeof window){const e=localStorage.getItem("cookie");if(e)return JSON.parse(e)}return""})()&&p(!1)}),[]);let c=("top-left"===n?"top-0per left-0per":"top-right"===n&&"top-0per right-0per")||"bottom-left"===n&&"bottom-0per left-0per"||"bottom-right"===n&&"bottom-0per right-0per";return o.default.createElement(o.default.Fragment,null,s&&o.default.createElement("div",{className:`fixed m-20px max-h-50vh w-50vw sm:w-auto md:w-auto bg-white z-99 rounded-10px overflow-scroll ${a?"shadow-small-gray":""} ${n&&c}`,id:"cookie-banner"},o.default.createElement("div",{className:"flex h-100per sm:block p-20px"},o.default.createElement("div",{className:"m-auto"},o.default.createElement("h3",{className:"text-25px font-600"},t),d||o.default.createElement("p",{className:"text-15px text-gray font-400"},"Our website use cookies. By continuing, we assume your permission to deploy cookies as detailed in our"," ",o.default.createElement("span",{className:"text-blue"},"Privacy Policy.")),i&&o.default.createElement("button",{onClick:()=>{localStorage.setItem("cookie",JSON.stringify("accepted")),p(!1)},id:"close-cookie",className:`${l}`},r)))))},exports.Input=function({required:e,id:t,label:a,value:n,setValue:i,htmlFor:r,maxLength:l,minLength:d,type:s="text",autofocus:p=!1,shadow:c=!0,ariaLabel:m="input-field"}){return o.default.createElement("div",{className:"relative"},o.default.createElement("input",{autoFocus:p,"aria-label":m,required:e,id:t,maxLength:l,minLength:d,type:s,onChange:e=>i(e.target.value),value:n,className:"greeninput border-none bg-white rounded-10px pl-10px text-15px h-50px w-100per border-blue-9 focus:border-1px focus:border-solid "+(c?"shadow-small-gray-9":"")}),o.default.createElement("label",{className:"w-100per placeholder-text pl-10px absolute top-0per right-0per bottom-0per left-0per flex items-center pointer-events-none w-100per h-50px",htmlFor:r},o.default.createElement("div",{className:"text translate-0per transition-all transition-duration-300ms text-black-7 text-15px"},a)))},exports.Modal=s,exports.TextArea=function({required:t,id:a,label:n,value:i,setValue:r,htmlFor:l,maxLength:d,type:s="text",autofocus:p=!1,shadow:c=!0,ariaLabel:m="textarea-field"}){return p&&e.useEffect((()=>{document.querySelector("[contenteditable]").focus()}),[]),o.default.createElement("div",{className:"relative"},o.default.createElement("div",{tabIndex:p?1:0,"aria-label":m,autoFocus:p,spellCheck:"false",contentEditable:"true",required:t,id:a,maxLength:d,onKeyDown:d>=1?e=>{(e.target.outerText.length===d&&8!=e.keyCode||37===e.keyCode||38===e.keyCode||39===e.keyCode||40===e.keyCode||e.ctrlKey||e.metaKey)&&e.preventDefault()}:null,type:s,onInput:e=>r(e.currentTarget.textContent),value:i,className:"greeninput greentextarea border-none bg-white rounded-10px pl-10px text-15px h-50px w-100per border-blue-9 focus:border-1px focus:border-solid "+(c?"shadow-small-gray-9":"")}),o.default.createElement("label",{className:"placeholder-text pl-10px absolute top-0per right-0per bottom-0per left-0per flex items-center pointer-events-none w-100per h-50px",htmlFor:l},o.default.createElement("div",{className:"text translate-0per transition-all transition-duration-300ms text-black-7 text-15px"},n)))},exports.Toast=({text:t="codn toast component",header:a="enter your title",icon:n="success",iconClass:i="bg-blue-8",progressColor:r="bg-blue",show:l=!1,shadow:d="shadow-small-black",position:s="top-right",timeout:p=5e3,ariaLabel:x="toast-notification"})=>{const h=e.useRef("");e.useEffect((()=>{null!=h.current.classList&&setTimeout((()=>{h.current.classList.remove("display-block"),h.current.classList.add("display-none")}),p)}),[l]);let b=("top-left"===s?"top-0per left-0per":"top-right"===s&&"top-0per right-0per")||"bottom-left"===s&&"bottom-0per left-0per"||"bottom-right"===s&&"bottom-0per right-0per",w=s.includes("right")?"fade-in-right animation-duration-300ms animation-forwards opacity-100per":"fade-in-left animation-duration-300ms animation-forwards opacity-100per",g="success"===n&&o.default.createElement(f,{height:"70",width:"70"})||"info"===n&&o.default.createElement(m,{height:"70",width:"70"})||"error"===n&&o.default.createElement(u,{height:"70",width:"70"});const[k,v]=e.useState(0);return e.useEffect((()=>{setTimeout((function(){v(100)}),10)}),[]),l?o.default.createElement("div",{"aria-label":x,style:{zIndex:99999},className:`fixed m-10px min-h-50px w-35rem rounded-5px bg-white opacity-0per ${d} ${b} ${w}`,ref:h},o.default.createElement("div",{className:"flex"},o.default.createElement("button",{role:"button",className:"absolute top-0per right-0per mr-5px mt-5px",onClick:()=>{h.current.classList.remove("display-block"),h.current.classList.add("display-none")}},o.default.createElement(c,{width:"20",height:"20"})),o.default.createElement("div",{className:`flex justify-content items-center min-w-30px px-10px rounded-left-radius-5px ${i}`},g||n),o.default.createElement("div",{className:"block py-10px px-10px"},o.default.createElement("h3",{className:"text-15px font-600 mb-0px"},a),o.default.createElement("p",{className:"text-15px font-400 text-gray"},t))),o.default.createElement("div",{className:"w-100per h-5px"},o.default.createElement("div",{className:`relative z-2 h-100per ${r}`,style:{width:`${k}%`,transition:`width ${p}ms ease`,borderBottomLeftRadius:"5px"}}))):o.default.createElement(o.default.Fragment,null)};

package.json

 {
   "name": "codn",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "description": "Sustainable and lightweight react components based on the greenCSS style guide. SSR ready.",
@@ -12,3 +12,3 @@ "main": "dist/index.js",
     "success-message": "echo 🚀 Everything is awesome. 🚀...🖥️  Auto checking completed, ready to deploy.🖥️...☁️  Run: git push ☁️ \n\n\n\n",
-    "pre-commit": "npm run test:badges && npm run prettier:format && npm run prettier:check  && npm run purgecss && npm run build && git add -A . && npm run success-message",
+    "pre-commit": "git pull origin && npm run test:badges && npm run prettier:format && npm run prettier:check  && npm run purgecss && npm run build && git add -A . && npm run success-message",
     "storybook": "start-storybook -p 6006",
@@ -15,0 +15,0 @@ "build": "rollup -c",

README.md

@@ -21,2 +21,3 @@ # Sustainable React Components
 - [Cookie Banner](#how-to-use-the-cookie-banner) [3KB]
+- [Toast](#how-to-use-the-toast) [3KB]
 
@@ -418,2 +419,56 @@ ## Installation process
 
+### How to use the Toast
+
+![Toast preview](./images/samples/toast-sample.webp)
+
+#### Toast Features
+
+- Tested with react and next.js
+- Lightweight toast / pop-up component
+- Progress bar
+
+The example below uses greenCSS for styling. [Download greenCSS](https://www.npmjs.com/package/greencss) or learn more on the [greenCSS website](https://greencss.dev). Alternatively to greenCSS you can insert your own classNames.
+
+#### Toast Example
+
+```js
+import React from 'react'
+import { Toast } from 'codn'
+// if you want to use the greencss classNames:
+import 'greencss/css/greencss.css'
+
+export default function ToastComponent() {
+  return (
+    <>
+      <Toast
+        timeout={2000}
+        position='top-left'
+        icon='info'
+        iconClass='bg-yellow-10'
+        progressColor='from-yellow-10 to-yellow gradient-to-right'
+        show={true}
+        header='This is your info toast 😅'
+        text='This is a sample text. this is a sample text. this is a sample text. '
+      />
+    </>
+  )
+}
+```
+
+### Toast Props
+
+You can adjust the default values listed below at any time with your values or classNames. Be aware that you may have to readjust the design. Therefore, a change is only recommended if you really know what you are doing.
+
+| Name          | Default Value          | Description                               |
+| ------------- | ---------------------- | ----------------------------------------- |
+| show          | false                  | Render or hide the toast component        |
+| position      | 'top-right'            | Position of the toast                     |
+| timeout       | 5000                   | Time to display the toast - in ms         |
+| header        | 'enter your title'     | Title of your toast                       |
+| text          | 'codn toast component' | Description of your toast                 |
+| icon          | 'success'              | Choose between "success", "info", "error" |
+| iconClass     | 'bg-blue-8'            | Background color for the icon             |
+| progressColor | 'bg-blue'              | Background color for the progress bar     |
+| shadow        | 'shadow-small-black'   | Display a shadow class                    |
+
 ## Contribute: We Use [Semantic Release](https://github.com/semantic-release/semantic-release)
@@ -420,0 +475,0 @@

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

78810

increased by3.09%

Number of lines in readme file

508

increased by12.14%

No dependency changes