(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71087,94333],{71087:(e,l,a)=>{"use strict";a.r(l),a.d(l,{default:()=>t});var r=a(87687);a(52751);var n=a(68852),s=a(56439),i=a.n(s),o=a(21984);let t=function(e){let{variant:l="rainbow",numOfColumns:a=10,billow:s=8,shouldStaggerBillow:t=!1,staggeredDelay:d=100,radiusOverride:g,className:c="",...u}=e,b=o.l[l],p=500+10*a,f=function(e){let l=100/e.length,a=e.map((e,a)=>"".concat(e," ").concat(a*l,"%, ").concat(e," ").concat((a+1)*l,"%"));return"linear-gradient(to bottom, ".concat(a.join(", "),")")}(b);return(0,r.jsx)("div",{className:"".concat(i().wrapper," ").concat(c),...u,children:(0,n.y1)(a).map(e=>(0,r.jsx)("div",{className:i().column,style:{"--billow":t?e*s+"px":s+"%",animationDuration:p+"ms",animationDelay:-(a*d*1)+e*d+"ms",background:f,borderRadius:g,"--sin":45*e+"deg"}},e))})}},13974:(e,l,a)=>{"use strict";a.r(l),a.d(l,{default:()=>c});var r=a(87687),n=a(52751),s=a(31928),i=a(5098),o=a(20120),t=a(71087);let d=(0,s.I)("div")({name:"OutputWrapper",class:"o13bp1yq",propsAsIs:!1}),g=(0,s.I)("div")({name:"Wrapper",class:"w1wh3gel",propsAsIs:!1}),c=function(e){let{controlsVariant:l="original"}=e,a=n.useId(),s=n.useRef(),c=(0,i.A)(s),u=n.useMemo(()=>"original"===l?[(0,r.jsx)(o.wI,{id:"variant",label:"Variant",options:[{label:"Rainbow \uD83C\uDFF3️‍\uD83C\uDF08",value:"rainbow"},{label:"Trans \uD83C\uDFF3️‍⚧️",value:"trans"}]},"variant"),(0,r.jsx)(o.oP,{id:"numOfColumns",label:"Number of segments",min:3,max:20},"numOfColumns"),(0,r.jsx)(o.oP,{id:"staggeredDelay",label:"Staggered Delay",min:0,max:150,previewRenderer:e=>e+"ms"},"staggeredDelay")]:[(0,r.jsx)(o.wI,{id:"variant",label:"Variant",options:[{label:"Rainbow \uD83C\uDFF3️‍\uD83C\uDF08",value:"rainbow"},{label:"Trans \uD83C\uDFF3️‍⚧️",value:"trans"}]},"variant"),(0,r.jsx)(o.oP,{id:"billow",label:"Billow",min:0,max:4,step:.05,wrapperStyle:{color:"hsl(50deg 100% 65%)",fontWeight:"var(--font-weight-medium)"},previewRenderer:e=>e+"px"},"billow")],[l]);return(0,r.jsx)(o.Ay,{id:a,ref:s,initialValues:{variant:"rainbow",staggeredDelay:50,numOfColumns:10,billow:"original"===l?8:1.5},customGrid:{gridTemplateColumns:"original"===l?"1fr 1fr 1fr":"1fr 2fr"},outputWrapper:d,controls:u,children:e=>{let{variant:a,numOfColumns:n,billow:s,staggeredDelay:i}=e;return(0,r.jsx)(g,{children:c&&(0,r.jsx)(t.default,{variant:a,numOfColumns:n,staggeredDelay:i,billow:s,shouldStaggerBillow:"billow"===l},"".concat(n,"|").concat(s))})}})};a(59428)},21984:(e,l,a)=>{"use strict";a.d(l,{l:()=>r});let r={rainbow:["var(--rainbow-black, hsl(0deg 0% 18%))","hsl(30deg 60% 30%)","hsl(0deg 90% 55%)","hsl(30deg 95% 65%)","hsl(55deg 90% 65%)","hsl(100deg 65% 45%)","hsl(220deg 80% 55%)","hsl(265deg 80% 50%)"],trans:["hsl(200deg 85% 70%)","hsl(350deg 85% 85%)","hsl(0deg 0% 100%)","hsl(350deg 85% 85%)","hsl(200deg 85% 70%)"],pan:["hsl(331deg 100% 55%)","hsl(50deg 100% 50%)","hsl(200deg 100% 55%)"],"rainbow-original":["hsl(0deg 90% 55%)","hsl(30deg 95% 65%)","hsl(55deg 90% 65%)","hsl(100deg 65% 45%)","hsl(220deg 80% 55%)","hsl(265deg 80% 50%)"],nonbinary:["#ffd800","#ffffff","#9c59d1","#333333"],queer:["var(--rainbow-black, hsl(0deg 0% 18%))","#98d8e8","#00a2e7","#b8e527","#FFFFFF","#ffcb20","#ff6669","#ffadc9","var(--rainbow-black, hsl(0deg 0% 18%))"]}},59428:e=>{e.exports={o13bp1yq:"o13bp1yq",w1wh3gel:"w1wh3gel"}},56439:e=>{e.exports={wrapper:"PrideFlag_wrapper__MALYf",column:"PrideFlag_column__BFYdb",oscillate:"PrideFlag_oscillate___fASU",pixel:"PrideFlag_pixel__tHQHG"}}}]);
//# sourceMappingURL=94333.1a0ad00a1709a8c3.js.map