1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,71164,15090,1060,e=>{"use strict";var t=e.i(91398),r=e.i(91788);let n=({color:e,removeColor:n,openColorPicker:a,hasDelete:o})=>{let[s,l]=(0,r.useState)(!1);return(0,t.jsxs)("div",{className:"relative mr-1 mt-1 z-10",onMouseOver:()=>!!o&&l(!0),onMouseLeave:()=>!!o&&l(!1),children:[s&&(0,t.jsx)("div",{className:"cursor-pointer absolute text-white w-4 h-4 bg-red-500 rounded-full -right-1 -top-1 flex justify-center items-center ",onClick:()=>n(e),children:(0,t.jsxs)("svg",{className:"p-1 w-full h-full",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,t.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}),(0,t.jsx)("div",{className:"cursor-pointer shadow-md hover:shadow-lg w-6 h-6 rounded-full border border-slate-100 dark:border-0",style:{backgroundColor:`${e}`},onClick:t=>a(e,t)})]})};function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function o(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t.indexOf(r=o[n])>=0||(a[r]=e[r]);return a}function s(e){var t=(0,r.useRef)(e),n=(0,r.useRef)(function(e){t.current&&t.current(e)});return t.current=e,n.current}e.s(["default",0,n],15090),e.s(["default",0,({header:e,colors:r,openPicker:a,children:o,removeColor:s})=>(0,t.jsxs)("div",{className:"py-0.5",children:[e&&(0,t.jsx)("div",{className:"text-gray-500 dark:text-gray-400 text-xs pb-0.5",children:e}),(0,t.jsxs)("div",{className:"flex flex-row flex-wrap relative",children:[r&&"string"!=typeof r&&r.length>0&&r?.map((e,r)=>(0,t.jsx)(n,{hasDelete:s&&!0,removeColor:s,color:e,openColorPicker:(e,t)=>a(e,t)},`${e}_${r}`)),o]})]})],71164);var l,i=function(e,t,r){return void 0===t&&(t=0),void 0===r&&(r=1),e>r?r:e<t?t:e},d=function(e){return"touches"in e},u=function(e){return e&&e.ownerDocument.defaultView||self},c=function(e,t,r){var n=e.getBoundingClientRect(),a=d(t)?function(e,t){for(var r=0;r<e.length;r++)if(e[r].identifier===t)return e[r];return e[0]}(t.touches,r):t;return{left:i((a.pageX-(n.left+u(e).pageXOffset))/n.width),top:i((a.pageY-(n.top+u(e).pageYOffset))/n.height)}},f=function(e){d(e)||e.preventDefault()},p=r.default.memo(function(e){var t=e.onMove,n=e.onKey,l=e.onEnd,i=o(e,["onMove","onKey","onEnd"]),p=(0,r.useRef)(null),h=s(t),m=s(n),g=s(l),x=(0,r.useRef)(null),b=(0,r.useRef)(!1),v=(0,r.useMemo)(function(){var e=function(e){f(e),(d(e)?e.touches.length>0:e.buttons>0)&&p.current?h(c(p.current,e,x.current)):(r(!1),g())},t=function(){r(!1),g()};function r(r){var n=b.current,a=u(p.current),o=r?a.addEventListener:a.removeEventListener;o(n?"touchmove":"mousemove",e),o(n?"touchend":"mouseup",t)}return[function(e){var t=e.nativeEvent,n=p.current;if(n&&(f(t),(!b.current||d(t))&&n)){if(d(t)){b.current=!0;var a=t.changedTouches||[];a.length&&(x.current=a[0].identifier)}n.focus(),h(c(n,t,x.current)),r(!0)}},function(e){var t=e.which||e.keyCode;t<37||t>40||(e.preventDefault(),m({left:39===t?.05:37===t?-.05:0,top:40===t?.05:38===t?-.05:0}))},function(e){var t=e.which||e.keyCode;t>=37&&t<=40&&g()},r]},[m,h,g]),y=v[0],w=v[1],j=v[2],_=v[3];return(0,r.useEffect)(function(){return _},[_]),r.default.createElement("div",a({},i,{onTouchStart:y,onMouseDown:y,className:"react-colorful__interactive",ref:p,onKeyDown:w,onKeyUp:j,tabIndex:0,role:"slider"}))}),h=function(e){return e.filter(Boolean).join(" ")},m=function(e){var t=e.color,n=e.left,a=e.top,o=h(["react-colorful__pointer",e.className]);return r.default.createElement("div",{className:o,style:{top:100*(void 0===a?.5:a)+"%",left:100*n+"%"}},r.default.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},g=function(e,t,r){return void 0===t&&(t=0),void 0===r&&(r=Math.pow(10,t)),Math.round(r*e)/r},x=function(e){return"#"===e[0]&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?g(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:8===e.length?g(parseInt(e.substring(6,8),16)/255,2):1}},b=function(e){var t=e.s,r=e.v,n=e.a,a=(200-t)*r/100;return{h:g(e.h),s:g(a>0&&a<200?t*r/100/(a<=100?a:200-a)*100:0),l:g(a/2),a:g(n,2)}},v=function(e){var t=b(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},y=function(e){var t=e.h,r=e.s,n=e.v,a=e.a;t=t/360*6,r/=100,n/=100;var o=Math.floor(t),s=n*(1-r),l=n*(1-(t-o)*r),i=n*(1-(1-t+o)*r),d=o%6;return{r:g(255*[n,l,s,s,i,n][d]),g:g(255*[i,n,n,l,s,s][d]),b:g(255*[s,s,i,n,n,l][d]),a:g(a,2)}},w=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},j=function(e){var t=e.r,r=e.g,n=e.b,a=e.a,o=a<1?w(g(255*a)):"";return"#"+w(t)+w(r)+w(n)+o},_=function(e){var t=e.r,r=e.g,n=e.b,a=e.a,o=Math.max(t,r,n),s=o-Math.min(t,r,n),l=s?o===t?(r-n)/s:o===r?2+(n-t)/s:4+(t-r)/s:0;return{h:g(60*(l<0?l+6:l)),s:g(o?s/o*100:0),v:g(o/255*100),a:a}}
1,k=r.default.memo(function(e){var t=e.hue,n=e.onChange,a=e.onChangeEnd,o=h(["react-colorful__hue",e.className]);return r.default.createElement("div",{className:o},r.default.createElement(p,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:i(t+360*e.left,0,360)})},onEnd:a,"aria-label":"Hue","aria-valuenow":g(t),"aria-valuemax":"360","aria-valuemin":"0"},r.default.createElement(m,{className:"react-colorful__hue-pointer",left:t/360,color:v({h:t,s:100,v:100,a:1})})))}),N=r.default.memo(function(e){var t=e.hsva,n=e.onChange,a=e.onChangeEnd,o={backgroundColor:v({h:t.h,s:100,v:100,a:1})};return r.default.createElement("div",{className:"react-colorful__saturation",style:o},r.default.createElement(p,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:i(t.s+100*e.left,0,100),v:i(t.v-100*e.top,0,100)})},onEnd:a,"aria-label":"Color","aria-valuetext":"Saturation "+g(t.s)+"%, Brightness "+g(t.v)+"%"},r.default.createElement(m,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:v(t)})))}),C=function(e,t){if(e===t)return!0;for(var r in e)if(e[r]!==t[r])return!1;return!0},E="u">typeof window?r.useLayoutEffect:r.useEffect,T=new Map,O=function(e){E(function(){var t=e.current?e.current.ownerDocument:document;if(void 0!==t&&!T.has(t)){var r=t.createElement("style");r.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',T.set(t,r);var n=l||("u">typeof __webpack_nonce__?__webpack_nonce__:void 0);n&&r.setAttribute("nonce",n),t.head.appendChild(r)}},[])},L=function(e){var t,n,l,i,d,u,c,f=e.className,p=e.colorModel,m=e.color,g=void 0===m?p.defaultColor:m,x=e.onChange,b=e.onChangeEnd,v=o(e,["className","colorModel","color","onChange","onChangeEnd"]),y=(0,r.useRef)(null);O(y);var w=(t=s(x),n=s(b),i=(l=(0,r.useState)(function(){return p.toHsva(g)}))[0],d=l[1],u=(0,r.useRef)({color:g,hsva:i}),c=(0,r.useRef)(!1),(0,r.useEffect)(function(){if(!p.equal(g,u.current.color)){var e=p.toHsva(g);u.current={hsva:e,color:g},d(e),c.current=!1}},[g,p]),(0,r.useEffect)(function(){var e;C(i,u.current.hsva)||p.equal(e=p.fromHsva(i),u.current.color)||(u.current={hsva:i,color:e},t(e),c.current=!0)},[i,p,t]),[i,(0,r.useCallback)(function(e){d(function(t){return Object.assign({},t,e)})},[]),(0,r.useCallback)(function(){c.current&&(c.current=!1,n(u.current.color))},[n])]),j=w[0],_=w[1],E=w[2],T=h(["react-colorful",f]);return r.default.createElement("div",a({},v,{ref:y,className:T}
1),r.default.createElement(N,{hsva:j,onChange:_,onChangeEnd:E}),r.default.createElement(k,{hue:j.h,onChange:_,onChangeEnd:E,className:"react-colorful__last-control"}))},H={defaultColor:"000",toHsva:function(e){return _(x(e))},fromHsva:function(e){return j(y({h:e.h,s:e.s,v:e.v,a:1}))},equal:function(e,t){return e.toLowerCase()===t.toLowerCase()||C(x(e),x(t))}},M={defaultColor:{r:0,g:0,b:0},toHsva:function(e){return _({r:e.r,g:e.g,b:e.b,a:1})},fromHsva:function(e){var t;return{r:(t=y(e)).r,g:t.g,b:t.b}},equal:C};e.s(["HexColorPicker",0,function(e){return r.default.createElement(L,a({},e,{colorModel:H}))},"RgbColorPicker",0,function(e){return r.default.createElement(L,a({},e,{colorModel:M}))}],1060)},17176,(e,t,r)=>{"use strict";t.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},10432,(e,t,r)=>{"use strict";var n=e.r(17176);function a(){}function o(){}o.resetWarningCache=a,t.exports=function(){function e(e,t,r,a,o,s){if(s!==n){var l=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:a};return r.PropTypes=r,r}},91567,(e,t,r)=>{t.exports=e.r(10432)()},77955,e=>{"use strict";var t=e.i(91398),r=e.i(91788),n=e.i(91567);class a extends r.Component{constructor(e){super(e),this.ref=r.default.createRef()}componentDidMount(){document.addEventListener("mousedown",this.mouseDownHandler),document.addEventListener("mouseup",this.mouseUpHandler)}componentWillUnmount(){document.removeEventListener("mousedown",this.mouseDownHandler),document.removeEventListener("mouseup",this.mouseUpHandler)}mouseDownHandler=e=>{document.removeEventListener("mousedown",this.mouseDownHandler),document.addEventListener("mouseup",this.mouseUpHandler)};mouseUpHandler=e=>{this.ref.current&&!this.ref.current.contains(e.target)&&this.props.outsideClickHandler&&this.props.outsideClickHandler(),document.removeEventListener("mouseup",this.mouseUpHandler),document.addEventListener("mousedown",this.mouseDownHandler)};render(){let e=this.props.children;return(0,t.jsx)("div",{ref:this.ref,className:this.props.className,style:{top:`${this.props.style?.top}px`,left:`${this.props.style?.left}px`},children:e})}}a.propTypes={outsideClickHandler:n.default.func.isRequired,className:n.default.string,style:n.default.object},e.s(["default",0,a])},47339,33923,e=>{"use strict";var t=e.i(91398),r=e.i(71164),n=e.i(1060),a=e.i(77955);let o=({className:e,isPickerOpen:r,hidePicker:o,changeColor:s,color:l,top:i,left:d,right:u,isRGB:c,hasInput:f})=>(0,t.jsxs)(a.default,{style:{top:`${i||0}`,left:`${d||0}`,right:`${u||0}`},outsideClickHandler:o,className:`${e} ${r?"visible":"invisible"} border border-slate-200 rounded-lg z-50 dark:border-slate-500`,children:[!c&&(0,t.jsxs)("div",{className:"bg-white rounded-lg",children:[(0,t.jsx)(n.HexColorPicker,{onChange:s,color:l}),f&&(0,t.jsx)("input",{className:"bg-white py-1 px-2 w-full focus:outline-none rounded-b-lg text-slate-800",type:"text",value:l.toUpperCase(),onChange:e=>s(e.currentTarget.value.includes("#")?e.currentTarget.value:"#"+e.currentTarget.value)})]}),c&&(0,t.jsx)(n.RgbColorPicker,{onChange:s,color:l})]});e.s(["default",0,o],33923);var s=e.i(91788);let l=({addColor:e})=>(0,t.jsx)("div",{className:"cursor-pointer mt-1 w-6 h-6 rounded-full flex justify-center items-center border border-dashed border-slate-500",onClick:e,children:(0,t.jsx)("img",{className:"w-3 h-3 hover:animate-none",src:"/x_dark.svg",style:{transform:"rotate(45deg)"}})});e.s(["default",0,({canvas:e,bgColor:n,colors:a,setColors:i,setBgColor:d,type:u,colorHeader:c,bgHeader:f,className:p,updateColorInCanvas:h,colorType:m,hasAddBtn:g})=>{let[x,b]=(0,s.useState)(!1),[v,y]=(0,s.useState)({t:0,l:0}),[w,j]=(0,s.useState)(!1),[_,k]=(0,s.useState)(!1),N=(e,t,r)=>{let n=t.currentTarget.parentNode.parentNode.getBoundingClientRect();y({t:n.height+n.top,l:n.left}),j(e),k(r),b(!0)},C=e=>{let t=[...a];i(t=t.filter(t=>t.toLowerCase()!==e.toLowerCase()))};return(0,t.jsxs)("div",{className:p,children:[n&&(0,t.jsx)(r.default,{header:f,colors:[n],removeColor:g?C:void 0,openPicker:(e,t)=>N(e,t,!0)}),a&&a.length>0&&(0,t.jsx)(r.default,{header:c,colors:a&&a[0].n?a.map(e=>e.n):a,removeColor:g?C:void 0,openPicker:N,children:g&&(0,t.jsx)(l,{addColor:()=>{let e=`#${(0x1000000*Math.random()|0).toString(16)}`;for(;e.length<7;)e=`#${(0x1000000*Math.random()|0).toString(16)}`;i([...a,e])}})}),x&&(0,t.jsx)(o,{color:w,isPickerOpen:x,changeColor:t=>{if(_)d(t);else{let r=[...a];r=r.map(e=>e.n&&e.o?(e.n.toUpperCase()===w.toUpperCase()&&(e.n=t.toUpperCase()),e):e.toUpperCase()===w.toUpperCase()?t.toUpperCase():e.toUpperCase()),h&&h(e,w,t,m,r,u),i(r)}j(t)},hidePicker:()=>b(!1),isRGB:!1,top:v.t,left:v.l,className:" fixed z-50",hasInput
1:!0})]})}],47339)},19811,e=>{"use strict";var t=e.i(91398),r=e.i(91788),n=e.i(7994),a=e.i(88022),o=e.i(98311),s=e.i(93087);e.s(["default",0,({hasBorder:e,hasButton:l,exportAction:i})=>{let{scrollY:d}=(0,s.useScroll)(),[u,c]=(0,r.useState)(!1);return(0,r.useEffect)(()=>d.on("change",e=>c(e>10)),[d]),(0,t.jsx)(o.motion.header,{className:`sticky top-0 z-50 backdrop-blur-md bg-white/80 dark:bg-slate-900/80 border-b border-slate-100 dark:border-slate-800 transition-shadow duration-300 ${u?"shadow-md":"shadow-none"}`,initial:{y:-10,opacity:0},animate:{y:0,opacity:1},transition:{duration:.35,ease:"easeOut"},children:(0,t.jsxs)("div",{className:"flex flex-wrap sm:px-4 py-3 flex-row items-center max-w-screen-2xl mx-auto",children:[(0,t.jsx)(o.motion.a,{className:"flex title-font font-medium items-center text-slate-900 mb-0 sm:pl-2",href:"/",whileHover:{scale:1.05},transition:{type:"spring",stiffness:400,damping:20},children:(0,t.jsx)("img",{className:"w-10 h-10",src:"/logo.svg",alt:"Super Designer logo"})}),(0,t.jsxs)("nav",{className:"ml-auto flex flex-wrap items-center text-base justify-center pr-1 gap-1",children:[(0,t.jsx)(a.default,{}),(0,t.jsx)(n.default,{heading:"Resources",isResources:!0}),(0,t.jsx)(n.default,{heading:"Tools",isTools:!0}),l&&(0,t.jsx)("div",{className:"pl-4 flex flex-row flex-wrap",children:(0,t.jsx)(o.motion.button,{type:"button",className:"focus:outline-none py-2 px-5 rounded-lg text-white bg-indigo-600 hover:bg-indigo-700 transition-colors font-medium",onClick:i,whileHover:{scale:1.03},whileTap:{scale:.97},transition:{type:"spring",stiffness:400,damping:20},children:"Export"})})]})]})})}])},42666,e=>{"use strict";var t=e.i(91398),r=e.i(21823),n=e.i(19811),a=e.i(3828);e.s(["default",0,({children:e,pageMeta:o,headerSetting:s,fillContent:l,seoContent:i})=>{let d=(0,a.useRouter)().pathname,u=new Date().toISOString().split("T")[0],c=[{"@context":"https://schema.org","@type":"WebApplication",name:o.title,description:o.des,url:`https://superdesigner.co${d}`,applicationCategory:"DesignApplication",operatingSystem:"Web",offers:{"@type":"Offer",price:"0",priceCurrency:"USD"},datePublished:"2024-01-01",dateModified:u},{"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:"https://superdesigner.co"},{"@type":"ListItem",position:2,name:"Tools",item:"https://superdesigner.co/tools"},{"@type":"ListItem",position:3,name:o.title.split(" | ")[0],item:`https://superdesigner.co${d}`}]}],f=i?.props?.data?.h1;return(0,t.jsxs)("div",{className:"flex flex-col bg-slate-100 dark:bg-slate-900",children:[(0,t.jsx)(r.default,{title:o.title,img:o.img,url:d,des:o.des,schema:c,noindex:o.noindex}),(0,t.jsxs)("div",{className:l?"h-full":"sm:h-screen sm:overflow-y-hidden",children:[f&&(0,t.jsx)("h1",{className:"sr-only",children:f}),(0,t.jsx)(n.default,{hasBorder:s.hasBorder,hasButton:s.hasButton,exportAction:s.headerAction}),e]}),i&&(0,t.jsx)("div",{className:"bg-white dark:bg-slate-900",children:i})]})}])},10425,28865,e=>{"use strict";var t=e.i(91398);let r=({label:e,id:r,value:n,symbol:a})=>(0,t.jsxs)("label",{htmlFor:r,className:"w-full pl-0.5 text-xs text-gray-500 pb-1 dark:text-gray-400",children:[e,(n||0===n)&&(0,t.jsxs)("span",{className:"float-right",children:[n,a&&(0,t.jsx)("span",{children:a})]})]});e.s(["default",0,r],28865),e.s(["default",0,({value:e,setValue:n,label:a,symbol:o,min:s,max:l,step:i})=>{let d=`${a}_id`;return(0,t.jsxs)("div",{className:"flex w-full flex-col text-neutral-600 dar
1k:text-slate-400 pt-0.5 pb-1",children:[(0,t.jsx)(r,{label:a,id:d,value:e,symbol:o}),(0,t.jsx)("input",{id:d,type:"range",className:"z-10 mb-0.5 mt-1.5 h-1.5 w-full appearance-none bg-slate-200 dark:bg-slate-700 rounded-full focus:outline-none [&::-moz-range-thumb]:size-3.5 [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:border-none [&::-moz-range-thumb]:bg-indigo-500 [&::-moz-range-thumb]:rounded-full active:[&::-moz-range-thumb]:scale-110 [&::-webkit-slider-thumb]:size-3.5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:border-none [&::-webkit-slider-thumb]:bg-indigo-500 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:active:scale-110",min:s||0,max:l||100,step:i||5,value:e,onChange:e=>n(parseFloat(e.currentTarget.value))}),(0,t.jsxs)("div",{className:"flex items-center justify-between text-xs text-slate-300 dark:text-neutral-300 mt-0.5",children:[(0,t.jsx)("span",{"aria-hidden":"true",children:s}),(0,t.jsx)("span",{"aria-hidden":"true",children:l})]})]})}],10425)},75257,e=>{"use strict";var t=e.i(91398);e.s(["default",0,({children:e})=>(0,t.jsx)("div",{className:"w-full sm:w-9/12 sm:mt-0 mt-1 sm:h-full flex flex-col sm:flex-row justify-center items-center",children:e})])},99300,e=>{"use strict";var t=e.i(91398),r=e.i(98311);let n=()=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("style",{children:` 2 @keyframes advert-shine { 3 0% { transform: translateX(-100%) skewX(-12deg); } 4 100% { transform: translateX(220%) skewX(-12deg); } 5 } 6 .advert-shine::after { 7 content: ''; 8 position: absolute; 9 inset: 0; 10 background: linear-gradient( 11 90deg, 12 transparent 0%, 13 rgba(255,255,255,0.18) 50%, 14 transparent 100% 15 ); 16 transform: translateX(-100%) skewX(-12deg); 17 animation: advert-shine 3.2s ease-in-out infinite; 18 animation-delay: 1.5s; 19 } 20 @media (prefers-reduced-motion: reduce) { 21 .advert-shine::after { animation: none; } 22 } 23 `}),(0,t.jsx)(r.motion.a,{href:"https://unicornicons.com",target:"_blank",rel:"noopener noreferrer",initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.22,ease:"easeOut"},whileHover:"hover",className:"w-full block focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 rounded-2xl cursor-pointer",children:(0,t.jsxs)(r.motion.div,{className:"w-full rounded-2xl bg-white dark:bg-slate-900 border border-slate-100 dark:border-slate-800 shadow-sm overflow-hidden",variants:{hover:{scale:1.012,boxShadow:"0 4px 20px -4px rgba(99,102,241,0.18)"}},transition:{type:"spring",stiffness:380,damping:28},children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 px-3.5 pt-3 pb-2.5",children:[(0,t.jsx)(r.motion.div,{className:"flex-shrink-0 w-9 h-9 rounded-xl bg-indigo-50 dark:bg-indigo-500/10 border border-indigo-100 dark:border-indigo-500/20 flex items-center justify-center",variants:{hover:{scale:1.08,rotate:-4}},transition:{type:"spring",stiffness:340,damping:20},children:(0,t.jsx)("img",{src:"/drone.gif",className:"h-5 w-5 object-contain",alt:"Unicorn Icons"})}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsxs)("div",{className:"flex items-center gap-1.5 mb-0.5",children:[(0,t.jsx)("span",{className:"text-[11px] font-semibold text-slate-800 dark:text-slate-100 leading-none tracking-tight",children:"Unicorn Icons"}),(0,t.jsx)("span",{className:"text-[9px] font-bold text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-400/10 border border-amber-200 dark:border-amber-400/25 px-1.5 py-px rounded-full leading-none uppercase tracking-wide",children:"Free"})]}),(0,t.jsx)("p",{className:"text-[10px] text-slate-400 dark:text-slate-500 leading-tight truncate",children:"400+ animated icons for your projects"})]}),(0,t.jsx)("span",{className:"flex-shrink-0 text-[8px] font-medium uppercase tracking-[0.1em] text-slate-300 dark:text-slate-700 self-start mt-0.5",children:"Ad"})]}),(0,t.jsx)("div",{className:"px-3 pb-3",children:(0,t.jsxs)(r.motion.div,{className:"advert-shine relative w-full flex items-center justify-center gap-1.5 bg-indigo-600 dark:bg-indigo-600 text-white text-[11px] font-semibold rounded-xl py-2 overflow-hidden cursor-pointer",variants:{hover:{backgroundColor:"#4338ca",scale:1.01}},transition:{duration:.15},children:[(0,t.jsx)("span",{className:"relative z-10",children:"Get Free Icons"}),(0,t.jsx)(r.motion.span,{className:"relative z-10 text-indigo-200",variants:{hover:{x:3}},transition:{type:"spring",stiffness:400,damping:20},children:"â"})]})})]})})]});e.s(["default",0,({children:e,panelSubtitle:r})=>(0,t.jsx)("div",{className:"w-full sm:w-3/12 sm:mt-0 mt-10 sm:px-0 px-4",children:(0,t.jsxs)("div",{className:"sm:mt-0 pt-1 pb-3 sm:pr-2 flex flex-col justify-start items-start h-full w-full gap-2",children:[(0,t.jsx)(n,{}),(0,t.jsxs)("div",{className:"w-full rounded-2xl bg-white dark:bg-slate-900 border border-slate-100 dar
23k:border-slate-800 shadow-sm overflow-hidden flex flex-col flex-1",children:[r&&(0,t.jsx)("div",{className:"flex items-center justify-between px-4 py-3 border-b border-slate-100 dark:border-slate-800 flex-shrink-0",children:(0,t.jsx)("span",{className:"text-[10px] text-slate-400 dark:text-slate-600 font-medium truncate max-w-[120px]",children:r})}),(0,t.jsx)("div",{className:"overflow-y-auto w-full flex-1 px-3 pt-1 pb-3",style:{scrollbarWidth:"thin",scrollbarColor:"rgb(226 232 240) transparent"},children:e})]})]})})],99300)},2995,e=>{"use strict";var t=e.i(91398);e.s(["default",0,({className:e,value:r,callback:n})=>(0,t.jsx)("div",{className:`flex items-center py-2.5 ${e||""}`,children:(0,t.jsxs)("label",{className:"relative inline-flex items-center cursor-pointer",children:[(0,t.jsx)("input",{type:"checkbox",className:"sr-only peer",checked:r,onChange:()=>n(!r)}),(0,t.jsx)("div",{className:"relative w-9 h-5 rounded-full transition-colors duration-200 bg-slate-200 dark:bg-slate-700 peer-checked:bg-indigo-500 dark:peer-checked:bg-indigo-500 after:content-[''] after:absolute after:top-0.5 after:left-0.5 after:w-4 after:h-4 after:bg-white after:rounded-full after:shadow-sm after:transition-transform after:duration-200 peer-checked:after:translate-x-4"})]})})])},79634,37960,e=>{"use strict";var t=e.i(91398),r=e.i(91788);let n=({className:e,url:n})=>{let a=(0,r.useRef)(void 0),o=e=>{let t=e.currentTarget.getSVGDocument().querySelector("svg");t.style.width="100%",t.style.height="100%",e.currentTarget.parentNode,a.current.innerHTML="",a.current.appendChild(t)};return(0,r.useEffect)(()=>{a.current.innerHTML="";let e=document.createElement("object");e.setAttribute("type","image/svg+xml"),e.style.visibility="hidden",e.setAttribute("data",n),e.onload=o,a.current.appendChild(e)},[n]),(0,t.jsx)("div",{className:e||"w-full h-full",ref:a})};e.s(["default",0,n],37960),e.s(["default",0,({items:e,selectedItems:r,callback:a,isCSS:o})=>(0,t.jsx)("div",{className:"flex flex-row flex-wrap gap-1.5",children:e?.map((e,s)=>{let l=r.includes(e.n);return(0,t.jsx)("div",{className:`rounded-lg border cursor-pointer p-2 transition-all ${l?"border-indigo-500 bg-indigo-50 dark:bg-indigo-900/25 ring-1 ring-indigo-500/30":"border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 hover:border-slate-300 dark:hover:border-slate-600 hover:bg-slate-50 dark:hover:bg-slate-700/40"}`,onClick:()=>{var t;return t=e.n,void a(r.includes(t)?r.filter(e=>e!==t):[...r,t])},children:(0,t.jsxs)("div",{className:"w-3 h-3 flex items-center justify-center",children:[!o&&(0,t.jsx)(n,{className:"w-3",url:`${e.u}`}),o&&(0,t.jsx)("div",{className:`w-3 h-3 ${l?"bg-indigo-600 dark:bg-indigo-400":"bg-slate-700 dark:bg-slate-300"}`,style:e.c})]})},e.n+" "+s)})})],79634)},47120,e=>{"use strict";var t=e.i(91398),r=e.i(37960),n=e.i(28865);e.s(["default",0,({values:e,callback:a,activeOption:o,label:s,isImage:l,isText:i})=>(0,t.jsxs)("div",{className:"py-1.5 w-full",children:[s&&(0,t.jsx)(n.default,{label:s}),(0,t.jsx)("div",{className:"flex flex-row flex-wrap gap-1.5 pt-0.5",children:e.map((e,n)=>{let s=(e.slug||e.n||e).toLowerCase()===o?.toLowerCase();return(0,t.jsxs)("div",{className:`rounded-lg border cursor-pointer transition-all relative flex flex-col items-center group p-2 ${s?"border-indigo-500 bg-indigo-50 dark:bg-indigo-900/25 ring-1 ring-indigo-500/30":"border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 hover:border-slate-300 dark:hover:border-slate-600 hover:bg-slate-50 dark:hover:bg-slate-700/40"}`,onClick:()=>a(e.n||e.slug||e),children:[!i&&(0,t.jsxs)("div",{className:"h-4 w-4 flex items-center justify-center",children:[e.u&&!l&&(0,t.jsx)(r.default,{url:e.u}),e.u&&l&&(0,t.jsx)("img",{src:e.u,alt:e.n||e}),(0,t.jsx)("div",{className:"absolute bottom-full left-1/2 -translate-x-1/2 mb-1.5 hidden group-hover:flex z-10",children:(0,t.jsx)("span",{className:"px-2 py-1 text-[10px] leading-none text-white whitespace-nowrap bg-slate-700 dark:bg-slate-900 shadow-lg rounded-md",children:e.slug||e.n||e})})]}),i&&(0,t.jsx)("span",{className:`text-xs font-medium leading-none ${s?"text-indigo-600 dark:text-indigo-400":"text-slate-600 dar
23k:text-slate-400"}`,children:e.n||e})]},`shape_radio_${n}`)})})]})])},61592,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"LoadableContext",{enumerable:!0,get:function(){return n}});let n=e.r(31640)._(e.r(91788)).default.createContext(null)},52414,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"default",{enumerable:!0,get:function(){return f}});let n=e.r(31640)._(e.r(91788)),a=e.r(61592),o=[],s=[],l=!1;function i(e){let t=e(),r={loading:!0,loaded:null,error:null};return r.promise=t.then(e=>(r.loading=!1,r.loaded=e,e)).catch(e=>{throw r.loading=!1,r.error=e,e}),r}class d{constructor(e,t){this._loadFn=e,this._opts=t,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};let{_res:e,_opts:t}=this;e.loading&&("number"==typeof t.delay&&(0===t.delay?this._state.pastDelay=!0:this._delay=setTimeout(()=>{this._update({pastDelay:!0})},t.delay)),"number"==typeof t.timeout&&(this._timeout=setTimeout(()=>{this._update({timedOut:!0})},t.timeout))),this._res.promise.then(()=>{this._update({}),this._clearTimeouts()}).catch(e=>{this._update({}),this._clearTimeouts()}),this._update({})}_update(e){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...e},this._callbacks.forEach(e=>e())}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(e){return this._callbacks.add(e),()=>{this._callbacks.delete(e)}}}function u(t){return function(t,r){let i=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},r),u=null;function c(){if(!u){let e=new d(t,i);u={getCurrentValue:e.getCurrentValue.bind(e),subscribe:e.subscribe.bind(e),retry:e.retry.bind(e),promise:e.promise.bind(e)}}return u.promise()}if("u"<typeof window&&o.push(c),!l&&"u">typeof window){let t=i.webpack&&"function"==typeof e.t.resolveWeak?i.webpack():i.modules;t&&s.push(e=>{for(let r of t)if(e.includes(r))return c()})}function f(e,t){let r;c(),(r=n.default.useContext(a.LoadableContext))&&Array.isArray(i.modules)&&i.modules.forEach(e=>{r(e)});let o=n.default.useSyncExternalStore(u.subscribe,u.getCurrentValue,u.getCurrentValue);return n.default.useImperativeHandle(t,()=>({retry:u.retry}),[]),n.default.useMemo(()=>{var t;return o.loading||o.error?n.default.createElement(i.loading,{isLoading:o.loading,pastDelay:o.pastDelay,timedOut:o.timedOut,error:o.error,retry:u.retry}):o.loaded?n.default.createElement((t=o.loaded)&&t.default?t.default:t,e):null},[e,o])}return f.preload=()=>c(),f.displayName="LoadableComponent",n.default.forwardRef(f)}(i,t)}function c(e,t){let r=[];for(;e.length;){let n=e.pop();r.push(n(t))}return Promise.all(r).then(()=>{if(e.length)return c(e,t)})}u.preloadAll=()=>new Promise((e,t)=>{c(o).then(e,t)}),u.preloadReady=(e=[])=>new Promise(t=>{let r=()=>(l=!0,t());c(s,e).then(r,r)}),"u">typeof window&&(window.__NEXT_PRELOADREADY=u.preloadReady);let f=u},25167,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n={default:function(){return c},noSSR:function(){return u}};for(var a in n)Object.defineProperty(r,a,{enumerable:!0,get:n[a]});let o=e.r(31640),s=e.r(91398);e.r(91788);let l=o._(e.r(52414)),i="u"<typeof window;function d(e){return{default:e?.default||e}}function u(e,t){if(delete t.webpack,delete t.modules,!i)return e(t);let r=t.loading;return()=>(0,s.jsx)(r,{error:null,isLoading:!0,pastDelay:!1,timedOut:!1})}function c(e,t){let r=l.default,n={loading:({error:e,isLoading:t,pastDelay:r})=>null};e instanceof Promise?n.loader=()=>e:"function"==typeof e?n.loader=e:"object"==typeof e&&(n={...n,...e});let a=(n={...n,...t}).loader;return(n.loadableGenerated&&(n={...n,...n.loadableGenerated},delete n.loadableGenerated),"boolean"!=typeof n.ssr||n.ssr)?r({...n,loader:()=>null!=a?a().then(d):Promise.resolve(d(()=>null))}):(delete n.webpack,delete n.modules,u(r,n))}("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esMo
23dule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},68489,(e,t,r)=>{t.exports=e.r(25167)}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.