InvokeAI/invokeai/frontend/web/dist/assets/App-a44d46fe.js

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

200 lines
847 KiB
JavaScript
Raw Normal View History

2023-07-11 18:45:46 +00:00
import{t as mv,b as VI,r as UI,i as GI,a as qI,c as KI,d as Z4,e as J4,f as e3,g as YI,h as XI,j as QI,k as ZI,l as JI,m as eO,n as tO,o as nO,s as rO,p as oO,q as p,u as nt,v as i,I as mo,w as ur,x as Un,y as Be,z as Ot,A as Ru,B as bt,C as Mu,D as Ao,E as bo,F as Xr,G as xr,H as sO,J as R0,K as aO,L as qa,M as su,N as Zi,O as on,P as xa,Q as oh,R as M0,S as Al,T as T0,U as dc,_ as nr,V as iO,W as z,X as t3,Y as n3,Z as vx,$ as r3,a0 as sh,a1 as D0,a2 as fc,a3 as lO,a4 as cO,a5 as uO,a6 as dO,a7 as o3,a8 as s3,a9 as ah,aa as zf,ab as fO,ac as pO,ad as ag,ae as yx,af as a3,ag as i3,ah as Ji,ai as bx,aj as xx,ak as hO,al as mO,am as gO,an as vO,ao as yO,ap as ig,aq as ml,ar as lg,as as bO,at as xO,au as SO,av as A0,aw as ih,ax as $f,ay as wO,az as l3,aA as c3,aB as CO,aC as Tu,aD as N0,aE as PO,aF as kO,aG as _O,aH as jO,aI as EO,aJ as IO,aK as OO,aL as Sx,aM as qe,aN as H,aO as aa,aP as Pe,aQ as ao,aR as Sr,aS as re,aT as B,aU as Du,aV as me,aW as u3,aX as xo,aY as st,aZ as d3,a_ as ai,a$ as z0,b0 as RO,b1 as MO,b2 as TO,b3 as gl,b4 as Ti,b5 as Vs,b6 as f3,b7 as p3,b8 as DO,b9 as AO,ba as Au,bb as Nu,bc as Gl,bd as Gn,be as h3,bf as NO,bg as zO,bh as mn,bi as Et,bj as lh,bk as Ka,bl as wx,bm as ch,bn as $O,bo as LO,bp as Ef,bq as Ie,br as zd,bs as $d,bt as au,bu as iu,bv as Cx,bw as Lf,bx as Px,by as Ff,bz as kx,bA as gv,bB as _x,bC as vv,bD as jx,bE as Bf,bF as Ex,bG as ql,bH as Ix,bI as Kl,bJ as Ox,bK as Hf,bL as FO,bM as Wf,bN as m3,bO as $0,bP as BO,bQ as g3,bR as HO,bS as WO,bT as v3,bU as y3,bV as uh,bW as Oi,bX as yv,bY as VO,bZ as b3,b_ as UO,b$ as x3,c0 as Ja,c1 as Rx,c2 as GO,c3 as Mx,c4 as qO,c5 as vt,c6 as Vf,c7 as KO,c8 as S3,c9 as pc,ca as Wt,cb as So,cc as rr,cd as bv,ce as Us,cf as ir,cg as mr,ch as w3,ci as YO,cj as C3,ck as Tx,cl as XO,cm as QO,cn as ZO,co as JO,cp as e8,cq as t8,cr as L0,cs as os,ct as n8,cu as r8,cv as Dx,cw as Ax,cx as Nx,cy as zx,cz as o8,cA as s8,cB as P3,cC as mu,cD as k3,cE as $x,cF as a8,cG as i8,cH as l8,cI as c8,cJ as u8,cK as d8,cL as _3,cM as f8,cN as Pr,cO as j3,cP as p8,cQ as E3,cR as I3,cS as h8,cT as Lx,cU as m8,cV as g8,cW as v8,cX as y8,cY as b8,cZ as x8,c_ as S8,c$ as w8,d0 as C8,d1 as P8,d2 as k8,d3 as _8,d4 as j8,d5 as E8,d6 as I8,d7 as O8,d8 as R8,d9 as M8,da as T8,db as D8,dc as A8,dd as N8,de as zu,df as z8,dg as Lc,dh as ii,di as $8,dj as L8,dk as F8,dl as B8,dm as H8,dn as W8,dp as O3,dq as V8,dr as U8,ds as ss,dt as G8,du as Fx,dv as Bx,dw as Ya,dx as q8,dy as K8,dz as Y8,dA as R3,dB as X8,dC as Q8,dD as Z8,dE as F0,dF as B0,dG as J8,dH as Hx,dI as eR,dJ as Wx,dK as No,dL as tR,dM as nR,dN as Vx,dO as Ux,dP as rR,dQ as Gx,dR as oR,dS as sR,dT as aR,dU as iR,dV as lR,dW as cR,dX as M3,dY as T3,dZ as D3,d_ as A3,d$ as N3,e0 as $u,e1 as qx,e2 as cg,e3 as uR,e4 as dR,e5 as Yl,e6 as fR,e7 as pR,e8 as z3,e9 as $3,ea as hR,eb as Kx,ec as mR,ed as gR,ee as vR,ef as Mo,eg as Uf,eh as yR,ei as Yx,ej as L3,ek as bR,el as Xx,em as F3,en as H0,eo as Ps,ep as xR,eq as B3,er as SR,es as wR,et as Qx,eu as CR,ev as PR,ew as kR,ex as _R,ey as jR,ez as ER,eA as IR,eB as OR,eC as RR,eD as MR,eE as Zx,eF as TR,eG as Jx,eH as If,eI as DR,eJ as en,eK as Gf,eL as H3,eM as qf,eN as AR,eO as NR,eP as Ws,eQ as W3,eR as W0,eS as Lu,eT as zR,eU as $R,eV as LR,eW as ha,eX as V3,eY as FR,eZ as BR,e_ as U3,e$ as HR,f0 as WR,f1 as VR,f2 as UR,f3 as GR,f4 as qR,f5 as KR,f6 as YR,f7 as XR,f8 as QR,f9 as ZR,fa as e2,fb as JR,fc as e7,fd as t7,fe as n7,ff as r7,fg as o7,fh as ug,fi as gu,fj as Ld,fk as dg,fl as fg,fm as Fd,fn as t2,fo as xv,fp as s7,fq as a7,fr as i7,fs as l7,ft as c7,fu as Kf,fv as G3,fw as q3,fx as u7,fy as d7,fz as K3,fA as Y3,fB as X3,fC as Q3,fD as Z3,fE as J3,fF as e5,fG as t5,fH as Nl,fI as zl,fJ as n5,fK as r5,fL as f7,fM as o5,fN as s5,fO as a5,fP as i5,fQ as l5,fR as c5,fS as u5,fT as V0,fU as p7,fV as n2,fW as h7,fX as m7,fY as Yf,fZ as r2,f_ as o2,f$ as s2,g0 as a2,g1 as g7,g2 as v7,g3 as y7,g4 as b7,g5 as x7,g6 as S7,g7 as w7,g8 as C7,g9 as P7}from"./index-078526aa.js";import{u as d5,a as Sa,b as k7,r as Le,f as _7,g as i2,c as At,d as jr}from"./MantineProvider-8988
`})}function uM(e){Mu({condition:e.isOpen&&!!e.isDisabled,message:"Cannot open a disabled accordion item"})}function Jc(e){const{isOpen:t,isDisabled:n}=q0(),{reduceMotion:r}=K0(),o=Ot("chakra-accordion__icon",e.className),s=dh(),a={opacity:n?.4:1,transform:t?"rotate(-180deg)":void 0,transition:r?void 0:"transform 0.2s",transformOrigin:"center",...s.icon};return i.jsx(mo,{viewBox:"0 0 24 24","aria-hidden":!0,className:o,__css:a,...e,children:i.jsx("path",{fill:"currentColor",d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"})})}Jc.displayName="AccordionIcon";var eu=nt(function(t,n){const{children:r,className:o}=t,{htmlProps:s,...a}=aM(t),d={...dh().container,overflowAnchor:"none"},f=p.useMemo(()=>a,[a]);return i.jsx(eM,{value:f,children:i.jsx(Be.div,{ref:n,...s,className:Ot("chakra-accordion__item",o),__css:d,children:typeof r=="function"?r({isExpanded:!!a.isOpen,isDisabled:!!a.isDisabled}):r})})});eu.displayName="AccordionItem";var Ri={ease:[.25,.1,.25,1],easeIn:[.4,0,1,1],easeOut:[0,0,.2,1],easeInOut:[.4,0,.2,1]},Fc={scale:{enter:{scale:1},exit:{scale:.95}},fade:{enter:{opacity:1},exit:{opacity:0}},pushLeft:{enter:{x:"100%"},exit:{x:"-30%"}},pushRight:{enter:{x:"-100%"},exit:{x:"30%"}},pushUp:{enter:{y:"100%"},exit:{y:"-30%"}},pushDown:{enter:{y:"-100%"},exit:{y:"30%"}},slideLeft:{position:{left:0,top:0,bottom:0,width:"100%"},enter:{x:0,y:0},exit:{x:"-100%",y:0}},slideRight:{position:{right:0,top:0,bottom:0,width:"100%"},enter:{x:0,y:0},exit:{x:"100%",y:0}},slideUp:{position:{top:0,left:0,right:0,maxWidth:"100vw"},enter:{x:0,y:0},exit:{x:0,y:"-100%"}},slideDown:{position:{bottom:0,left:0,right:0,maxWidth:"100vw"},enter:{x:0,y:0},exit:{x:0,y:"100%"}}};function wv(e){var t;switch((t=e==null?void 0:e.direction)!=null?t:"right"){case"right":return Fc.slideRight;case"left":return Fc.slideLeft;case"bottom":return Fc.slideDown;case"top":return Fc.slideUp;default:return Fc.slideRight}}var Di={enter:{duration:.2,ease:Ri.easeOut},exit:{duration:.1,ease:Ri.easeIn}},vs={enter:(e,t)=>({...e,delay:typeof t=="number"?t:t==null?void 0:t.enter}),exit:(e,t)=>({...e,delay:typeof t=="number"?t:t==null?void 0:t.exit})},dM=e=>e!=null&&parseInt(e.toString(),10)>0,h2={exit:{height:{duration:.2,ease:Ri.ease},opacity:{duration:.3,ease:Ri.ease}},enter:{height:{duration:.3,ease:Ri.ease},opacity:{duration:.4,ease:Ri.ease}}},fM={exit:({animateOpacity:e,startingHeight:t,transition:n,transitionEnd:r,delay:o})=>{var s;return{...e&&{opacity:dM(t)?1:0},height:t,transitionEnd:r==null?void 0:r.exit,transition:(s=n==null?void 0:n.exit)!=null?s:vs.exit(h2.exit,o)}},enter:({animateOpacity:e,endingHeight:t,transition:n,transitionEnd:r,delay:o})=>{var s;return{...e&&{opacity:1},height:t,transitionEnd:r==null?void 0:r.enter,transition:(s=n==null?void 0:n.enter)!=null?s:vs.enter(h2.enter,o)}}},fh=p.forwardRef((e,t)=>{const{in:n,unmountOnExit:r,animateOpacity:o=!0,startingHeight:s=0,endingHeight:a="auto",style:u,className:d,transition:f,transitionEnd:h,...m}=e,[v,b]=p.useState(!1);p.useEffect(()=>{const k=setTimeout(()=>{b(!0)});return()=>clearTimeout(k)},[]),Mu({condition:Number(s)>0&&!!r,message:"startingHeight and unmountOnExit are mutually exclusive. You can't use them together"});const w=parseFloat(s.toString())>0,C={startingHeight:s,endingHeight:a,animateOpacity:o,transition:v?f:{enter:{duration:0}},transitionEnd:{enter:h==null?void 0:h.enter,exit:r?h==null?void 0:h.exit:{...h==null?void 0:h.exit,display:w?"block":"none"}}},S=r?n:!0,P=n||r?"enter":"exit";return i.jsx(Ao,{initial:!1,custom:C,children:S&&i.jsx(bo.div,{ref:t,...m,className:Ot("chakra-collapse",d),style:{overflow:"hidden",display:"block",...u},custom:C,variants:fM,initial:r?"exit":!1,animate:P,exit:"exit"})})});fh.displayName="Collapse";var pM={enter:({transition:e,transitionEnd:t,delay:n}={})=>{var r;return{opacity:1,transition:(r=e==null?void 0:e.enter)!=null?r:vs.enter(Di.enter,n),transitionEnd:t==null?void 0:t.enter}},exit:({transition:e,transitionEnd:t,delay:n}={})=>{var r;return{opacity:0,transition:(r=e==null?void 0:e.exit)!=null?r:vs.exit(Di.exit,n),transitionEnd:t==null?void 0:t.exi
.`.concat(m9,` {
overflow: hidden `).concat(r,`;
padding-right: `).concat(u,"px ").concat(r,`;
}
body {
overflow: hidden `).concat(r,`;
overscroll-behavior: contain;
`).concat([t&&"position: relative ".concat(r,";"),n==="margin"&&`
padding-left: `.concat(o,`px;
padding-top: `).concat(s,`px;
padding-right: `).concat(a,`px;
margin-left:0;
margin-top:0;
margin-right: `).concat(u,"px ").concat(r,`;
`),n==="padding"&&"padding-right: ".concat(u,"px ").concat(r,";")].filter(Boolean).join(""),`
}
.`).concat(Of,` {
right: `).concat(u,"px ").concat(r,`;
}
.`).concat(Rf,` {
margin-right: `).concat(u,"px ").concat(r,`;
}
.`).concat(Of," .").concat(Of,` {
right: 0 `).concat(r,`;
}
.`).concat(Rf," .").concat(Rf,` {
margin-right: 0 `).concat(r,`;
}
body {
`).concat(g9,": ").concat(u,`px;
}
`)},E9=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,o=r===void 0?"margin":r,s=p.useMemo(function(){return k9(o)},[o]);return p.createElement(_9,{styles:j9(s,!t,o,n?"":"!important")})},Dv=!1;if(typeof window<"u")try{var Wd=Object.defineProperty({},"passive",{get:function(){return Dv=!0,!0}});window.addEventListener("test",Wd,Wd),window.removeEventListener("test",Wd,Wd)}catch{Dv=!1}var xl=Dv?{passive:!1}:!1,I9=function(e){return e.tagName==="TEXTAREA"},M6=function(e,t){var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!I9(e)&&n[t]==="visible")},O9=function(e){return M6(e,"overflowY")},R9=function(e){return M6(e,"overflowX")},R2=function(e,t){var n=t.ownerDocument,r=t;do{typeof ShadowRoot<"u"&&r instanceof ShadowRoot&&(r=r.host);var o=T6(e,r);if(o){var s=D6(e,r),a=s[1],u=s[2];if(a>u)return!0}r=r.parentNode}while(r&&r!==n.body);return!1},M9=function(e){var t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},T9=function(e){var t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]},T6=function(e,t){return e==="v"?O9(t):R9(t)},D6=function(e,t){return e==="v"?M9(t):T9(t)},D9=function(e,t){return e==="h"&&t==="rtl"?-1:1},A9=function(e,t,n,r,o){var s=D9(e,window.getComputedStyle(t).direction),a=s*r,u=n.target,d=t.contains(u),f=!1,h=a>0,m=0,v=0;do{var b=D6(e,u),w=b[0],C=b[1],S=b[2],P=C-S-s*w;(w||P)&&T6(e,u)&&(m+=P,v+=w),u=u.parentNode}while(!d&&u!==document.body||d&&(t.contains(u)||t===u));return(h&&(o&&m===0||!o&&a>m)||!h&&(o&&v===0||!o&&-a>v))&&(f=!0),f},Vd=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},M2=function(e){return[e.deltaX,e.deltaY]},T2=function(e){return e&&"current"in e?e.current:e},N9=function(e,t){return e[0]===t[0]&&e[1]===t[1]},z9=function(e){return`
.block-interactivity-`.concat(e,` {pointer-events: none;}
.allow-interactivity-`).concat(e,` {pointer-events: all;}
`)},$9=0,Sl=[];function L9(e){var t=p.useRef([]),n=p.useRef([0,0]),r=p.useRef(),o=p.useState($9++)[0],s=p.useState(R6)[0],a=p.useRef(e);p.useEffect(function(){a.current=e},[e]),p.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(o));var C=jv([e.lockRef.current],(e.shards||[]).map(T2),!0).filter(Boolean);return C.forEach(function(S){return S.classList.add("allow-interactivity-".concat(o))}),function(){document.body.classList.remove("block-interactivity-".concat(o)),C.forEach(function(S){return S.classList.remove("allow-interactivity-".concat(o))})}}},[e.inert,e.lockRef.current,e.shards]);var u=p.useCallback(function(C,S){if("touches"in C&&C.touches.length===2)return!a.current.allowPinchZoom;var P=Vd(C),k=n.current,j="deltaX"in C?C.deltaX:k[0]-P[0],E="deltaY"in C?C.deltaY:k[1]-P[1],I,O=C.target,R=Math.abs(j)>Math.abs(E)?"h":"v";if("touches"in C&&R==="h"&&O.type==="range")return!1;var M=R2(R,O);if(!M)return!0;if(M?I=R:(I=R==="v"?"h":"v",M=R2(R,O)),!M)return!1;if(!r.current&&"changedTouches"in C&&(j||E)&&(r.current=I),!I)return!0;var A=r.current||I;return A9(A,S,C,A==="h"?j:E,!0)},[]),d=p.useCallback(function(C){var S=C;if(!(!Sl.length||Sl[Sl.length-1]!==s)){var P="deltaY"in S?M2(S):Vd(S),k=t.current.filter(function(I){return I.name===S.type&&I.target===S.target&&N9(I.delta,P)})[0];if(k&&k.should){S.cancelable&&S.preventDefault();return}if(!k){var j=(a.current.shards||[]).map(T2).filter(Boolean).filter(function(I){return I.contains(S.target)}),E=j.length>0?u(S,j[0]):!a.current.noIsolation;E&&S.cancelable&&S.preventDefault()}}},[]),f=p.useCallback(function(C,S,P,k){var j={name:C,delta:S,target:P,should:k};t.current.push(j),setTimeout(function(){t.current=t.current.filter(function(E){return E!==j})},1)},[]),h=p.useCallback(function(C){n.current=Vd(C),r.current=void 0},[]),m=p.useCallback(function(C){f(C.type,M2(C),C.target,u(C,e.lockRef.current))},[]),v=p.useCallback(function(C){f(C.type,Vd(C),C.target,u(C,e.lockRef.current))},[]);p.useEffect(function(){return Sl.push(s),e.setCallbacks({onScrollCapture:m,onWheelCapture:m,onTouchMoveCapture:v}),document.addEventListener("wheel",d,xl),document.addEventListener("touchmove",d,xl),document.addEventListener("touchstart",h,xl),function(){Sl=Sl.filter(function(C){return C!==s}),document.removeEventListener("wheel",d,xl),document.removeEventListener("touchmove",d,xl),document.removeEventListener("touchstart",h,xl)}},[]);var b=e.removeScrollBar,w=e.inert;return p.createElement(p.Fragment,null,w?p.createElement(s,{styles:z9(o)}):null,b?p.createElement(E9,{gapMode:e.gapMode}):null)}const F9=uT(O6,L9);var A6=p.forwardRef(function(e,t){return p.createElement(yh,Bs({},e,{ref:t,sideCar:F9}))});A6.classNames=yh.classNames;const B9=A6;function H9(e){const{autoFocus:t,trapFocus:n,dialogRef:r,initialFocusRef:o,blockScrollOnMount:s,allowPinchZoom:a,finalFocusRef:u,returnFocusOnClose:d,preserveScrollBarGap:f,lockFocusAcrossFrames:h,isOpen:m}=Wi(),[v,b]=fO();p.useEffect(()=>{!v&&b&&setTimeout(b)},[v,b]);const w=E6(r,m);return i.jsx(p6,{autoFocus:t,isDisabled:!n,initialFocusRef:o,finalFocusRef:u,restoreFocus:d,contentRef:r,lockFocusAcrossFrames:h,children:i.jsx(B9,{removeScrollBar:!f,allowPinchZoom:a,enabled:w===1&&s,forwardProps:!0,children:e.children})})}var Su=nt((e,t)=>{const{className:n,children:r,containerProps:o,motionProps:s,...a}=e,{getDialogProps:u,getDialogContainerProps:d}=Wi(),f=u(a,t),h=d(o),m=Ot("chakra-modal__content",n),v=vc(),b={display:"flex",flexDirection:"column",position:"relative",width:"100%",outline:0,...v.dialog},w={display:"flex",width:"100vw",height:"$100vh",position:"fixed",left:0,top:0,...v.dialogContainer},{motionPreset:C}=Wi();return i.jsx(H9,{children:i.jsx(Be.div,{...h,className:"chakra-modal__content-container",tabIndex:-1,__css:w,children:i.jsx(j6,{preset:C,motionProps:s,className:m,...f,__css:b,children:r})})})});Su.displayName="ModalContent";function bh(e){const{leastDestructiveRef:t,...n}=e;return i.jsx(xu,{...n,initialFocusRef:t})}var xh=nt((e,t)=>i.jsx(Su,{ref:t,role:"alertdialog",...e})),ei=nt((e,t)=>{const{className:
M${O.x},${O.y}h${O.width}v${O.height}h${-O.width}z`,fill:d,fillRule:"evenodd",stroke:f,strokeWidth:h,pointerEvents:"none"})]})})}X6.displayName="MiniMap";var GA=p.memo(X6),ys;(function(e){e.Lines="lines",e.Dots="dots",e.Cross="cross"})(ys||(ys={}));function qA({color:e,dimensions:t,lineWidth:n}){return i.jsx("path",{stroke:e,strokeWidth:n,d:`M${t[0]/2} 0 V${t[1]} M0 ${t[1]/2} H${t[0]}`})}function KA({color:e,radius:t}){return i.jsx("circle",{cx:t,cy:t,r:t,fill:e})}const YA={[ys.Dots]:"#91919a",[ys.Lines]:"#eee",[ys.Cross]:"#e2e2e2"},XA={[ys.Dots]:1,[ys.Lines]:1,[ys.Cross]:6},QA=e=>({transform:e.transform,patternId:`pattern-${e.rfId}`});function Q6({id:e,variant:t=ys.Dots,gap:n=20,size:r,lineWidth:o=1,offset:s=2,color:a,style:u,className:d}){const f=p.useRef(null),{transform:h,patternId:m}=$f(QA,N0),v=a||YA[t],b=r||XA[t],w=t===ys.Dots,C=t===ys.Cross,S=Array.isArray(n)?n:[n,n],P=[S[0]*h[2]||1,S[1]*h[2]||1],k=b*h[2],j=C?[k,k]:P,E=w?[k/s,k/s]:[j[0]/s,j[1]/s];return i.jsxs("svg",{className:ih(["react-flow__background",d]),style:{...u,position:"absolute",width:"100%",height:"100%",top:0,left:0},ref:f,"data-testid":"rf__background",children:[i.jsx("pattern",{id:m+e,x:h[0]%P[0],y:h[1]%P[1],width:P[0],height:P[1],patternUnits:"userSpaceOnUse",patternTransform:`translate(-${E[0]},-${E[1]})`,children:w?i.jsx(KA,{color:v,radius:k/s}):i.jsx(qA,{dimensions:j,color:v,lineWidth:o})}),i.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${m+e})`})]})}Q6.displayName="Background";var ZA=p.memo(Q6),lu;(function(e){e.Line="line",e.Handle="handle"})(lu||(lu={}));function JA({width:e,prevWidth:t,height:n,prevHeight:r,invertX:o,invertY:s}){const a=e-t,u=n-r,d=[a>0?1:a<0?-1:0,u>0?1:u<0?-1:0];return a&&o&&(d[0]=d[0]*-1),u&&s&&(d[1]=d[1]*-1),d}const Z6={width:0,height:0,x:0,y:0},eN={...Z6,pointerX:0,pointerY:0,aspectRatio:1};function tN({nodeId:e,position:t,variant:n=lu.Handle,className:r,style:o={},children:s,color:a,minWidth:u=10,minHeight:d=10,maxWidth:f=Number.MAX_VALUE,maxHeight:h=Number.MAX_VALUE,keepAspectRatio:m=!1,shouldResize:v,onResizeStart:b,onResize:w,onResizeEnd:C}){const S=EO(),P=typeof e=="string"?e:S,k=l3(),j=p.useRef(null),E=p.useRef(eN),I=p.useRef(Z6),O=IO(),R=n===lu.Line?"right":"bottom-right",M=t??R;p.useEffect(()=>{if(!j.current||!P)return;const V=c3(j.current),$=M.includes("right")||M.includes("left"),F=M.includes("bottom")||M.includes("top"),U=M.includes("left"),X=M.includes("top"),N=OO().on("start",G=>{const W=k.getState().nodeInternals.get(P),{xSnapped:q,ySnapped:ne}=O(G);I.current={width:(W==null?void 0:W.width)??0,height:(W==null?void 0:W.height)??0,x:(W==null?void 0:W.position.x)??0,y:(W==null?void 0:W.position.y)??0},E.current={...I.current,pointerX:q,pointerY:ne,aspectRatio:I.current.width/I.current.height},b==null||b(G,{...I.current})}).on("drag",G=>{const{nodeInternals:W,triggerNodeChanges:q}=k.getState(),{xSnapped:ne,ySnapped:ve}=O(G),le=W.get(P);if(le){const oe=[],{pointerX:Y,pointerY:ae,width:de,height:xe,x:se,y:ge,aspectRatio:fe}=E.current,{x:ke,y:Ae,width:ye,height:Oe}=I.current,at=Math.floor($?ne-Y:0),Fe=Math.floor(F?ve-ae:0);let Ye=Sx(de+(U?-at:at),u,f),_t=Sx(xe+(X?-Fe:Fe),d,h);if(m){const pe=Ye/_t,Ne=$&&F,Xe=$&&!F,yt=F&&!$;Ye=pe<=fe&&Ne||yt?_t*fe:Ye,_t=pe>fe&&Ne||Xe?Ye/fe:_t,Ye>=f?(Ye=f,_t=f/fe):Ye<=u&&(Ye=u,_t=u/fe),_t>=h?(_t=h,Ye=h*fe):_t<=d&&(_t=d,Ye=d*fe)}const xt=Ye!==ye,Fn=_t!==Oe;if(U||X){const pe=U?se-(Ye-de):se,Ne=X?ge-(_t-xe):ge,Xe=pe!==ke&&xt,yt=Ne!==Ae&&Fn;if(Xe||yt){const Xt={id:le.id,type:"position",position:{x:Xe?pe:ke,y:yt?Ne:Ae}};oe.push(Xt),I.current.x=Xt.position.x,I.current.y=Xt.position.y}}if(xt||Fn){const pe={id:P,type:"dimensions",updateStyle:!0,resizing:!0,dimensions:{width:Ye,height:_t}};oe.push(pe),I.current.width=Ye,I.current.height=_t}if(oe.length===0)return;const Q=JA({width:I.current.width,prevWidth:ye,height:I.current.height,prevHeight:Oe,invertX:U,invertY:X}),we={...I.current,direction:Q};if((v==null?void 0:v(G,we))===!1)return;w==null||w(G,we),q(oe)}}).on("end",G=>{const W={id:P,type:"dimensions",resizing:!1};C==null||C(G,{...I.current}),k.getState().trig
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function vN(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function yN(e){if(Array.isArray(e))return Lv(e)}function L2(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,r)}return n}function F2(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?L2(Object(n),!0).forEach(function(r){tP(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L2(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function tP(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Cu(e,t){return SN(e)||xN(e,t)||nP(e,t)||bN()}function bN(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function nP(e,t){if(e){if(typeof e=="string")return Lv(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Lv(e,t)}}function Lv(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function xN(e,t){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var r=[],o=!0,s=!1,a,u;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(r.push(a.value),!(t&&r.length===t));o=!0);}catch(d){s=!0,u=d}finally{try{!o&&n.return!=null&&n.return()}finally{if(s)throw u}}return r}}function SN(e){if(Array.isArray(e))return e}var wN="file-invalid-type",CN="file-too-large",PN="file-too-small",kN="too-many-files",_N=function(t){t=Array.isArray(t)&&t.length===1?t[0]:t;var n=Array.isArray(t)?"one of ".concat(t.join(", ")):t;return{code:wN,message:"File type must be ".concat(n)}},B2=function(t){return{code:CN,message:"File is larger than ".concat(t," ").concat(t===1?"byte":"bytes")}},H2=function(t){return{code:PN,message:"File is smaller than ".concat(t," ").concat(t===1?"byte":"bytes")}},jN={code:kN,message:"Too many files"};function rP(e,t){var n=e.type==="application/x-moz-file"||mN(e,t);return[n,n?null:_N(t)]}function oP(e,t,n){if(Ei(e.size))if(Ei(t)&&Ei(n)){if(e.size>n)return[!1,B2(n)];if(e.size<t)return[!1,H2(t)]}else{if(Ei(t)&&e.size<t)return[!1,H2(t)];if(Ei(n)&&e.size>n)return[!1,B2(n)]}return[!0,null]}function Ei(e){return e!=null}function EN(e){var t=e.files,n=e.accept,r=e.minSize,o=e.maxSize,s=e.multiple,a=e.maxFiles,u=e.validator;return!s&&t.length>1||s&&a>=1&&t.length>a?!1:t.every(function(d){var f=rP(d,n),h=Cu(f,1),m=h[0],v=oP(d,r,o),b=Cu(v,1),w=b[0],C=u?u(d):null;return m&&w&&!C})}function tp(e){return typeof e.isPropagationStopped=="function"?e.isPropagationStopped():typeof e.cancelBubble<"u"?e.cancelBubble:!1}function Ud(e){return e.dataTransfer?Array.prototype.some.call(e.dataTransfer.types,function(t){return t==="Files"||t==="application/x-moz-file"}):!!e.target&&!!e.target.files}function W2(e){e.preventDefault()}function IN(e){return e.indexOf("MSIE")!==-1||e.indexOf("Trident/")!==-1}function ON(e){return e.indexOf("Edge/")!==-1}function RN(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:window.navigator.userAgent;return IN(e)||ON(e)}function $s(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(r){for(var o=arguments.length,s=new Array(o>1?o-1:0),a=1;a<o;a++)s[a-1]=arguments[a];return t.some(function(u){return!tp(r)&&u&&u.apply(void 0,[r].concat(s)),tp(r)})}}function MN(){return"showOpenFilePicker"in window}function TN(e){if(Ei(e)){var t=Object.entries(e).filter(function(n){var r=Cu(n,2),o=r[0],s=r[1],a=!0;return sP(o)||(console.warn('Skipped "'.concat(o,'" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.')),a=!1),(!Array.isArray(s)||!s.every(aP))&&(console.warn('Skipped "'.concat(o,'" because an invalid file extension was provided.')),a=!1),a}).reduce(function(n,r){var o=Cu(r,2),s=o[0],a=o[1];return F2(F2({},n),{},tP({},s,a))},{});return[{description:"Files",accept:t}]}return e}function DN(e){if(Ei(e))return Object.entries(e).reduce(function(t,n){var r=Cu(n,2),o=r[0],s=r[1];return[].concat($2(t),[o],$2(s))},[]).filter(function(t){return sP(t)||aP(t)}).join(",")}function AN(e){return e instanceof DOMException&&(e.name==="AbortError"||e.code===e.ABORT_ERR)}function NN(e){return e instanceof DOMException&&(e.name==="SecurityError"||e.code===e.SECURITY_ERR)}function sP(e){return e==="audio/*"||e==="video/*"||e==="image/*"||e==="text/*"||/\w+\/[-+.\w]+/g.test(e)}function aP(e){return/^.*\.[\w]+$/.test(e)}var zN=["children"],$N=["open"],LN=["refKey","role","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDr
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function WN(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function VN(e){if(Array.isArray(e))return Fv(e)}function Eg(e,t){return qN(e)||GN(e,t)||iP(e,t)||UN()}function UN(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function iP(e,t){if(e){if(typeof e=="string")return Fv(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Fv(e,t)}}function Fv(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function GN(e,t){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var r=[],o=!0,s=!1,a,u;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(r.push(a.value),!(t&&r.length===t));o=!0);}catch(d){s=!0,u=d}finally{try{!o&&n.return!=null&&n.return()}finally{if(s)throw u}}return r}}function qN(e){if(Array.isArray(e))return e}function V2(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,r)}return n}function ar(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?V2(Object(n),!0).forEach(function(r){Bv(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V2(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function Bv(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function np(e,t){if(e==null)return{};var n=KN(e,t),r,o;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)r=s[o],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function KN(e,t){if(e==null)return{};var n={},r=Object.keys(e),o,s;for(s=0;s<r.length;s++)o=r[s],!(t.indexOf(o)>=0)&&(n[o]=e[o]);return n}var C1=p.forwardRef(function(e,t){var n=e.children,r=np(e,zN),o=P1(r),s=o.open,a=np(o,$N);return p.useImperativeHandle(t,function(){return{open:s}},[s]),z.createElement(p.Fragment,null,n(ar(ar({},a),{},{open:s})))});C1.displayName="Dropzone";var lP={disabled:!1,getFilesFromEvent:aN,maxSize:1/0,minSize:0,multiple:!0,maxFiles:0,preventDropOnDocument:!0,noClick:!1,noKeyboard:!1,noDrag:!1,noDragEventsBubbling:!1,validator:null,useFsAccessApi:!0,autoFocus:!1};C1.defaultProps=lP;C1.propTypes={children:An.func,accept:An.objectOf(An.arrayOf(An.string)),multiple:An.bool,preventDropOnDocument:An.bool,noClick:An.bool,noKeyboard:An.bool,noDrag:An.bool,noDragEventsBubbling:An.bool,minSize:An.number,maxSize:An.number,maxFiles:An.number,disabled:An.bool,getFilesFromEvent:An.func,onFileDialogCancel:An.func,onFileDialogOpen:An.func,useFsAccessApi:An.bool,autoFocus:An.bool,onDragEnter:An.func,onDragLeave:An.func,onDragOver:An.func,onDrop:An.func,onDropAccepted:An.func,onDropRejected:An.func,onError:An.func,validator:An.func};var Hv={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function P1(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=ar(ar({},lP),e),n=t.accept,r=t.disabled,o=t.getFilesFromEvent,s=t.maxSize,a=t.minSize,u=t.multiple,d=t.maxFiles,f=t.onDragEnter,h=t.onDragLeave,m=t.onDragOver,v=t.onDrop,b=t.onDropAccepted,w=t.onDropRejected,C=t.onFileDialogCancel,S=t.onFileDialogOpen,P=t.useFsAccessApi,k=t.autoFocus,j=t.preventDropOnDocument,E=t.noClick,I=t.noKeyboard,O=t.noDrag,R=t.noDragEventsBubbling,M=t.onError,A=t.validator,L=p.useMemo(function(){return DN(n)},[n]),D=p.useMemo(function(){return TN(n)},[n]),V=p.useMemo(function(){return typeof S=="function"?S:U2},[S]),$=p.useMemo(function(){return typeof C=="function"?C:U2},[C]),F=p.useRef(null),U=p.useRef(null),X=p.useReducer(YN,Hv),N=Eg(X,2),G=N[0],W=N[1],q=G.isFocused,ne=G.isFileDialogActive,ve=p.useRef(typeof window<"u"&&window.isSecureContext&&P&&MN()),le=function(){!ve.current&&ne&&setTimeout(function(){if(U.current){var pe=U.current.files;pe.length||(W({type:"closeDialog"}),$())}},300)};p.useEffect(functi
`),status:"error"})},[a,s]),m=p.useCallback(async E=>{n(u3({file:E,image_category:"user",is_intermediate:!1,postUploadAction:{type:"TOAST_UPLOADED"}}))},[n]),v=p.useCallback((E,I)=>{if(I.length>1){s({title:a("toast.uploadFailed"),description:a("toast.uploadFailedInvalidUploadDesc"),status:"error"});return}I.forEach(O=>{h(O)}),E.forEach(O=>{m(O)})},[a,s,m,h]),{getRootProps:b,getInputProps:w,isDragAccept:C,isDragReject:S,isDragActive:P,inputRef:k,open:j}=P1({accept:{"image/png":[".png"],"image/jpeg":[".jpg",".jpeg",".png"]},noClick:!0,onDrop:v,onDragOver:()=>d(!0),disabled:r,multiple:!1});return p.useEffect(()=>{const E=async I=>{var O,R;k.current&&(O=I.clipboardData)!=null&&O.files&&(k.current.files=I.clipboardData.files,(R=k.current)==null||R.dispatchEvent(new Event("change",{bubbles:!0})))};return f(j),document.addEventListener("paste",E),()=>{document.removeEventListener("paste",E),f(()=>{})}},[k,j,f]),i.jsxs(qe,{...b({style:{}}),onKeyDown:E=>{E.key},children:[i.jsx("input",{...w()}),t,P&&u&&i.jsx(cz,{isDragAccept:C,isDragReject:S,setIsHandlingUpload:d})]})},fz=p.memo(dz),mP=e=>e.gallery;const pz=e=>{const{triggerComponent:t,children:n,hasArrow:r=!0,isLazy:o=!0,...s}=e;return i.jsxs(p1,{isLazy:o,...s,children:[i.jsx(f1,{children:t}),i.jsxs(h1,{shadow:"dark-lg",children:[r&&i.jsx(N6,{}),n]})]})},la=p.memo(pz),Me=(e,t)=>n=>n==="light"?e:t,hz=e=>{const{label:t,...n}=e,{colorMode:r}=xo();return i.jsx(S5,{colorScheme:"accent",...n,children:i.jsx(Ue,{sx:{fontSize:"sm",color:Me("base.800","base.200")(r)},children:t})})},In=p.memo(hz);function gP(e){return st({tag:"svg",attr:{fill:"currentColor",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a5.927 5.927 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707-.195-.195.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a5.922 5.922 0 0 1 1.013.16l3.134-3.133a2.772 2.772 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146z"}}]})(e)}function vP(e){return st({tag:"svg",attr:{fill:"currentColor",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a5.927 5.927 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707-.195-.195.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a5.922 5.922 0 0 1 1.013.16l3.134-3.133a2.772 2.772 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146zm.122 2.112v-.002.002zm0-.002v.002a.5.5 0 0 1-.122.51L6.293 6.878a.5.5 0 0 1-.511.12H5.78l-.014-.004a4.507 4.507 0 0 0-.288-.076 4.922 4.922 0 0 0-.765-.116c-.422-.028-.836.008-1.175.15l5.51 5.509c.141-.34.177-.753.149-1.175a4.924 4.924 0 0 0-.192-1.054l-.004-.013v-.001a.5.5 0 0 1 .12-.512l3.536-3.535a.5.5 0 0 1 .532-.115l.096.022c.087.017.208.034.344.034.114 0 .23-.011.343-.04L9.927 2.028c-.029.113-.04.23-.04.343a1.779 1.779 0 0 0 .062.46z"}}]})(e)}function mz(e){return st({tag:"svg",attr:{viewBox:"0 0 640 512"},child:[{tag:"path",attr:{d:"M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0
Please see https://github.com/reduxjs/redux-toolkit/pull/2481 for details.
See https://redux-toolkit.js.org/rtk-query/usage/server-side-rendering for new guidance on SSR.`)}}}({queryThunk:We,mutationThunk:St,api:K,serializeQueryArgs:Qe,context:ue}),Ir=Cn.buildInitiateQuery,Yn=Cn.buildInitiateMutation;return Er(K.util,{getRunningOperationPromises:Cn.getRunningOperationPromises,getRunningOperationPromise:Cn.removalWarning,getRunningMutationThunk:Cn.getRunningMutationThunk,getRunningMutationsThunk:Cn.getRunningMutationsThunk,getRunningQueryThunk:Cn.getRunningQueryThunk,getRunningQueriesThunk:Cn.getRunningQueriesThunk}),{name:Zs,injectEndpoint:function(wt,Sn){var _n,Xn=K;(_n=Xn.endpoints)[wt]!=null||(_n[wt]={}),se(Sn)?Er(Xn.endpoints[wt],{name:wt,select:Vt(wt,Sn),initiate:Ir(wt,Sn)},Ft(We,wt)):Sn.type===ae.mutation&&Er(Xn.endpoints[wt],{name:wt,select:Qt(),initiate:Yn(wt)},Ft(St,wt))}}}}},cs=it(_a())})(EP);jP.exports=EP;var ga=jP.exports;const n$=e=>{const{isOver:t,label:n="Drop"}=e,r=p.useRef(Ti()),{colorMode:o}=xo();return i.jsx(bo.div,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.1}},exit:{opacity:0,transition:{duration:.1}},children:i.jsxs(H,{sx:{position:"absolute",top:0,insetInlineStart:0,w:"full",h:"full"},children:[i.jsx(H,{sx:{position:"absolute",top:0,insetInlineStart:0,w:"full",h:"full",bg:Me("base.700","base.900")(o),opacity:.7,borderRadius:"base",alignItems:"center",justifyContent:"center",transitionProperty:"common",transitionDuration:"0.1s"}}),i.jsx(H,{sx:{position:"absolute",top:0,insetInlineStart:0,w:"full",h:"full",opacity:1,borderWidth:3,borderColor:t?Me("base.50","base.200")(o):Me("base.100","base.500")(o),borderRadius:"base",borderStyle:"dashed",transitionProperty:"common",transitionDuration:"0.1s",alignItems:"center",justifyContent:"center"},children:i.jsx(Ue,{sx:{fontSize:"2xl",fontWeight:600,transform:t?"scale(1.02)":"scale(1)",color:t?Me("base.50","base.50")(o):Me("base.100","base.200")(o),transitionProperty:"common",transitionDuration:"0.1s"},children:n})})]})},r.current)},Ql=p.memo(n$),IP=p.memo(({board:e,isSelected:t})=>{const n=re(),{currentData:r}=Vs(e.cover_image_name??ga.skipToken),{colorMode:o}=xo(),{board_name:s,board_id:a}=e,{onClickDeleteBoardImages:u}=p.useContext(f3),d=p.useCallback(()=>{n(p3(a))},[a,n]),[f,{isLoading:h}]=DO(),[m,{isLoading:v}]=AO(),b=E=>{f({board_id:a,changes:{board_name:E}})},w=p.useCallback(()=>{m(a)},[a,m]),C=p.useCallback(()=>{console.log({board:e}),u(e)},[e,u]),S={id:a,actionType:"MOVE_BOARD",context:{boardId:a}},{isOver:P,setNodeRef:k,active:j}=Au({id:`board_droppable_${a}`,data:S});return i.jsx(qe,{sx:{touchAction:"none",height:"full"},children:i.jsx(_P,{menuProps:{size:"sm",isLazy:!0},renderMenu:()=>i.jsxs(Vu,{sx:{visibility:"visible !important"},children:[e.image_count>0&&i.jsx(ro,{sx:{color:"error.300"},icon:i.jsx(vo,{}),onClickCapture:C,children:"Delete Board and Images"}),i.jsx(ro,{sx:{color:Me("error.700","error.300")(o)},icon:i.jsx(vo,{}),onClickCapture:w,children:"Delete Board"})]}),children:E=>i.jsxs(H,{userSelect:"none",ref:E,sx:{flexDir:"column",justifyContent:"space-between",alignItems:"center",cursor:"pointer",w:"full",h:"full"},children:[i.jsxs(H,{ref:k,onClick:d,sx:{position:"relative",justifyContent:"center",alignItems:"center",borderRadius:"base",w:"full",aspectRatio:"1/1",overflow:"hidden",shadow:t?"selected.light":void 0,_dark:{shadow:t?"selected.dark":void 0},flexShrink:0},children:[e.cover_image_name&&(r==null?void 0:r.image_url)&&i.jsx(Nu,{src:r==null?void 0:r.image_url,draggable:!1}),!(e.cover_image_name&&(r!=null&&r.image_url))&&i.jsx(bc,{boxSize:8,icon:Tf,sx:{border:"2px solid var(--invokeai-colors-base-200)",_dark:{border:"2px solid var(--invokeai-colors-base-800)"}}}),i.jsx(H,{sx:{position:"absolute",insetInlineEnd:0,top:0,p:1},children:i.jsx(Xl,{variant:"solid",children:e.image_count})}),i.jsx(Ao,{children:Gl(S,j)&&i.jsx(Ql,{isOver:P})})]}),i.jsx(H,{sx:{width:"full",height:"full",justifyContent:"center",alignItems:"center"},children:i.jsxs(I5,{defaultValue:s,submitOnBlur:!1,onSubmit:I=>{b(I)},children:[i.jsx(_5,{sx:{color:t?Me("base.900","base.50")(o):Me("base.700","base.200")(o),fontW
* OverlayScrollbars
* Version: 2.2.0
*
* Copyright (c) Rene Haas | KingSora.
* https://github.com/KingSora
*
* Released under the MIT license.
*/function bn(e,t){if(Ih(e))for(let n=0;n<e.length&&t(e[n],n,e)!==!1;n++);else e&&bn(Object.keys(e),n=>t(e[n],n,e));return e}function Kr(e,t){const n=ci(t);if(js(t)||n){let o=n?"":{};if(e){const s=window.getComputedStyle(e,null);o=n?Q2(e,s,t):t.reduce((a,u)=>(a[u]=Q2(e,s,u),a),o)}return o}e&&bn(Do(t),o=>y$(e,o,t[o]))}const ms=(e,t)=>{const{o:n,u:r,_:o}=e;let s=n,a;const u=(h,m)=>{const v=s,b=h,w=m||(r?!r(v,b):v!==b);return(w||o)&&(s=b,a=v),[s,w,a]};return[t?h=>u(t(s,a),h):u,h=>[s,!!h,a]]},Ku=()=>typeof window<"u",OP=Ku()&&Node.ELEMENT_NODE,{toString:r$,hasOwnProperty:Rg}=Object.prototype,Ca=e=>e===void 0,Eh=e=>e===null,o$=e=>Ca(e)||Eh(e)?`${e}`:r$.call(e).replace(/^\[object (.+)\]$/,"$1").toLowerCase(),Xa=e=>typeof e=="number",ci=e=>typeof e=="string",D1=e=>typeof e=="boolean",_s=e=>typeof e=="function",js=e=>Array.isArray(e),Pu=e=>typeof e=="object"&&!js(e)&&!Eh(e),Ih=e=>{const t=!!e&&e.length,n=Xa(t)&&t>-1&&t%1==0;return js(e)||!_s(e)&&n?t>0&&Pu(e)?t-1 in e:!0:!1},Vv=e=>{if(!e||!Pu(e)||o$(e)!=="object")return!1;let t;const n="constructor",r=e[n],o=r&&r.prototype,s=Rg.call(e,n),a=o&&Rg.call(o,"isPrototypeOf");if(r&&!s&&!a)return!1;for(t in e);return Ca(t)||Rg.call(e,t)},op=e=>{const t=HTMLElement;return e?t?e instanceof t:e.nodeType===OP:!1},Oh=e=>{const t=Element;return e?t?e instanceof t:e.nodeType===OP:!1},A1=(e,t,n)=>e.indexOf(t,n),On=(e,t,n)=>(!n&&!ci(t)&&Ih(t)?Array.prototype.push.apply(e,t):e.push(t),e),Vi=e=>{const t=Array.from,n=[];return t&&e?t(e):(e instanceof Set?e.forEach(r=>{On(n,r)}):bn(e,r=>{On(n,r)}),n)},N1=e=>!!e&&e.length===0,Xs=(e,t,n)=>{bn(e,o=>o&&o.apply(void 0,t||[])),!n&&(e.length=0)},Rh=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),Do=e=>e?Object.keys(e):[],lr=(e,t,n,r,o,s,a)=>{const u=[t,n,r,o,s,a];return(typeof e!="object"||Eh(e))&&!_s(e)&&(e={}),bn(u,d=>{bn(Do(d),f=>{const h=d[f];if(e===h)return!0;const m=js(h);if(h&&(Vv(h)||m)){const v=e[f];let b=v;m&&!js(v)?b=[]:!m&&!Vv(v)&&(b={}),e[f]=lr(b,h)}else e[f]=h})}),e},z1=e=>{for(const t in e)return!1;return!0},RP=(e,t,n,r)=>{if(Ca(r))return n?n[e]:t;n&&(ci(r)||Xa(r))&&(n[e]=r)},qr=(e,t,n)=>{if(Ca(n))return e?e.getAttribute(t):null;e&&e.setAttribute(t,n)},fo=(e,t)=>{e&&e.removeAttribute(t)},Ni=(e,t,n,r)=>{if(n){const o=qr(e,t)||"",s=new Set(o.split(" "));s[r?"add":"delete"](n);const a=Vi(s).join(" ").trim();qr(e,t,a)}},s$=(e,t,n)=>{const r=qr(e,t)||"";return new Set(r.split(" ")).has(n)},bs=(e,t)=>RP("scrollLeft",0,e,t),ca=(e,t)=>RP("scrollTop",0,e,t),Uv=Ku()&&Element.prototype,MP=(e,t)=>{const n=[],r=t?Oh(t)?t:null:document;return r?On(n,r.querySelectorAll(e)):n},a$=(e,t)=>{const n=t?Oh(t)?t:null:document;return n?n.querySelector(e):null},sp=(e,t)=>Oh(e)?(Uv.matches||Uv.msMatchesSelector).call(e,t):!1,$1=e=>e?Vi(e.childNodes):[],va=e=>e?e.parentElement:null,Ol=(e,t)=>{if(Oh(e)){const n=Uv.closest;if(n)return n.call(e,t);do{if(sp(e,t))return e;e=va(e)}while(e)}return null},i$=(e,t,n)=>{const r=e&&Ol(e,t),o=e&&a$(n,r),s=Ol(o,t)===r;return r&&o?r===e||o===e||s&&Ol(Ol(e,n),t)!==r:!1},L1=(e,t,n)=>{if(n&&e){let r=t,o;Ih(n)?(o=document.createDocumentFragment(),bn(n,s=>{s===r&&(r=s.previousSibling),o.appendChild(s)})):o=n,t&&(r?r!==t&&(r=r.nextSibling):r=e.firstChild),e.insertBefore(o,r||null)}},es=(e,t)=>{L1(e,null,t)},l$=(e,t)=>{L1(va(e),e,t)},K2=(e,t)=>{L1(va(e),e&&e.nextSibling,t)},Gs=e=>{if(Ih(e))bn(Vi(e),t=>Gs(t));else if(e){const t=va(e);t&&t.removeChild(e)}},zi=e=>{const t=document.createElement("div");return e&&qr(t,"class",e),t},TP=e=>{const t=zi();return t.innerHTML=e.trim(),bn($1(t),n=>Gs(n))},Gv=e=>e.charAt(0).toUpperCase()+e.slice(1),c$=()=>zi().style,u$=["-webkit-","-moz-","-o-","-ms-"],d$=["WebKit","Moz","O","MS","webkit","moz","o","ms"],Mg={},Tg={},f$=e=>{let t=Tg[e];if(Rh(Tg,e))return t;const n=Gv(e),r=c$();return bn(u$,o=>{const s=o.replace(/-/g,"");return!(t=[e,o+e,s+n,Gv(s)+n].find(u=>r[u]!==void 0))}),Tg[e]=t||""},Yu=e=>{if(Ku()){let t=Mg[e]||window[e];return Rh(Mg,e)||(bn(d$,n=>(t=t||window[n+Gv(e)],!t)),Mg[e]=t),t}},p$=Yu("MutationObserver"),Y2=Yu("IntersectionObserver"),Rl=Yu("ResizeObserver"),DP=Yu("cancelAnimationFrame"),A
position: relative;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
overflow: hidden;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
margin: 0;
padding: 0;
}
.transform-component-module_content__FBWxo {
display: flex;
flex-wrap: wrap;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
margin: 0;
padding: 0;
transform-origin: 0% 0%;
}
.transform-component-module_content__FBWxo img {
pointer-events: none;
}
`,LC={wrapper:"transform-component-module_wrapper__SPB86",content:"transform-component-module_content__FBWxo"};BY(HY);var WY=function(e){var t=e.children,n=e.wrapperClass,r=n===void 0?"":n,o=e.contentClass,s=o===void 0?"":o,a=e.wrapperStyle,u=e.contentStyle,d=e.wrapperProps,f=d===void 0?{}:d,h=e.contentProps,m=h===void 0?{}:h,v=p.useContext(Yh).init,b=p.useRef(null),w=p.useRef(null);return p.useEffect(function(){var C=b.current,S=w.current;C!==null&&S!==null&&v&&v(C,S)},[]),z.createElement("div",Za({},f,{ref:b,className:"react-transform-wrapper ".concat(LC.wrapper," ").concat(r),style:a}),z.createElement("div",Za({},m,{ref:w,className:"react-transform-component ".concat(LC.content," ").concat(s),style:u}),t))},eE=function(){var e=p.useContext(Yh);if(!e)throw new Error("Transform context must be placed inside TransformWrapper");return e};const FC=1.5,my="28rem",VY=()=>{const[e,t]=p.useState(0),[n,r]=p.useState(1),[o,s]=p.useState(1);return{rotation:e,scaleX:n,scaleY:o,flipHorizontally:()=>{r(n*-1)},flipVertically:()=>{s(o*-1)},rotateCounterClockwise:()=>{t(e===-270?0:e-90)},rotateClockwise:()=>{t(e===270?0:e+90)},reset:()=>{t(0),r(1),s(1)}}};function UY(e){return st({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"}},{tag:"path",attr:{d:"M16.5 9c-.42 0-.83.04-1.24.11L1.01 3 1 10l9 2-9 2 .01 7 8.07-3.46C9.59 21.19 12.71 24 16.5 24c4.14 0 7.5-3.36 7.5-7.5S20.64 9 16.5 9zm0 13c-3.03 0-5.5-2.47-5.5-5.5s2.47-5.5 5.5-5.5 5.5 2.47 5.5 5.5-2.47 5.5-5.5 5.5z"}},{tag:"path",attr:{d:"M18.27 14.03l-1.77 1.76-1.77-1.76-.7.7 1.76 1.77-1.76 1.77.7.7 1.77-1.76 1.77 1.76.7-.7-1.76-1.77 1.76-1.77z"}}]})(e)}function GY(e){return st({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0V0z"}},{tag:"path",attr:{d:"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 00.12-.61l-1.92-3.32a.488.488 0 00-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 00-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 00-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"}}]})(e)}function qY(e){return st({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"}},{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0V0z"}},{tag:"path",attr:{d:"M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z"}}]})(e)}function BC(e){return st({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"}},{tag:"path",attr:{d:"M15 21h2v-2h-2v2zm4-12h2V7h-2v2zM3 5v14c0 1.1.9 2 2 2h4v-2H5V5h4V3H5c-1.1 0-2 .9-2 2zm16-2v2h2c0-1.1-.9-2-2-2zm-8 20h2V1h-2v22zm8-6h2v-2h-2v2zM15 5h2V3h-2v2zm4 8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2z"}}]})(e)}function KY(e){return st({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"}},{tag:"path",attr:{d:"M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z"}}]})(e)}function YY(e){return st({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"}},{tag:"path",attr:{d:"M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11-4l2.03 2.71L16 11l4 5H8l3-4zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z"}}]})(e)}function XY(e){return st({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"}},{tag:"path",attr:{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7
* @license React
* react-reconciler.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/var Xne=function(t){var n={},r=p,o=If,s=Object.assign;function a(l){for(var c="https://reactjs.org/docs/error-decoder.html?invariant="+l,g=1;g<arguments.length;g++)c+="&args[]="+encodeURIComponent(arguments[g]);return"Minified React error #"+l+"; visit "+c+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var u=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,d=Symbol.for("react.element"),f=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),m=Symbol.for("react.strict_mode"),v=Symbol.for("react.profiler"),b=Symbol.for("react.provider"),w=Symbol.for("react.context"),C=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),k=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),E=Symbol.for("react.offscreen"),I=Symbol.iterator;function O(l){return l===null||typeof l!="object"?null:(l=I&&l[I]||l["@@iterator"],typeof l=="function"?l:null)}function R(l){if(l==null)return null;if(typeof l=="function")return l.displayName||l.name||null;if(typeof l=="string")return l;switch(l){case h:return"Fragment";case f:return"Portal";case v:return"Profiler";case m:return"StrictMode";case S:return"Suspense";case P:return"SuspenseList"}if(typeof l=="object")switch(l.$$typeof){case w:return(l.displayName||"Context")+".Consumer";case b:return(l._context.displayName||"Context")+".Provider";case C:var c=l.render;return l=l.displayName,l||(l=c.displayName||c.name||"",l=l!==""?"ForwardRef("+l+")":"ForwardRef"),l;case k:return c=l.displayName||null,c!==null?c:R(l.type)||"Memo";case j:c=l._payload,l=l._init;try{return R(l(c))}catch{}}return null}function M(l){var c=l.type;switch(l.tag){case 24:return"Cache";case 9:return(c.displayName||"Context")+".Consumer";case 10:return(c._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return l=c.render,l=l.displayName||l.name||"",c.displayName||(l!==""?"ForwardRef("+l+")":"ForwardRef");case 7:return"Fragment";case 5:return c;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return R(c);case 8:return c===m?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof c=="function")return c.displayName||c.name||null;if(typeof c=="string")return c}return null}function A(l){var c=l,g=l;if(l.alternate)for(;c.return;)c=c.return;else{l=c;do c=l,c.flags&4098&&(g=c.return),l=c.return;while(l)}return c.tag===3?g:null}function L(l){if(A(l)!==l)throw Error(a(188))}function D(l){var c=l.alternate;if(!c){if(c=A(l),c===null)throw Error(a(188));return c!==l?null:l}for(var g=l,y=c;;){var x=g.return;if(x===null)break;var _=x.alternate;if(_===null){if(y=x.return,y!==null){g=y;continue}break}if(x.child===_.child){for(_=x.child;_;){if(_===g)return L(x),l;if(_===y)return L(x),c;_=_.sibling}throw Error(a(188))}if(g.return!==y.return)g=x,y=_;else{for(var T=!1,Z=x.child;Z;){if(Z===g){T=!0,g=x,y=_;break}if(Z===y){T=!0,y=x,g=_;break}Z=Z.sibling}if(!T){for(Z=_.child;Z;){if(Z===g){T=!0,g=_,y=x;break}if(Z===y){T=!0,y=_,g=x;break}Z=Z.sibling}if(!T)throw Error(a(189))}}if(g.alternate!==y)throw Error(a(190))}if(g.tag!==3)throw Error(a(188));return g.stateNode.current===g?l:c}function V(l){return l=D(l),l!==null?$(l):null}function $(l){if(l.tag===5||l.tag===6)return l;for(l=l.child;l!==null;){var c=$(l);if(c!==null)return c;l=l.sibling}return null}function F(l){if(l.tag===5||l.tag===6)return l;for(l=l.child;l!==null;){if(l.tag!==4){var c=F(l);if(c!==null)return c}l=l.sibling}return null}var U=Array.isArray,X=t.getPublicInstance,N=t.getRootHostContext,G=t.getChildHostContext,W=t.prepareForCommit,q=t.resetAfterCommit,ne=t.createInstance,ve=t.appendInitialChild,le=t.finalizeInitialChildren,oe=t.prepareUpdate,Y=t.shouldSetTextContent,ae=t.createTextInstance,de=t.scheduleTimeout,xe=t.cancelTimeout,se=t.noTimeout,ge=t.isPrimaryRenderer,fe=t.supportsMutation,ke=t.supportsPersistence,Ae=t.supportsHydration,ye=t.
`+Ct+l}var Lt=!1;function Ut(l,c){if(!l||Lt)return"";Lt=!0;var g=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(c)if(c=function(){throw Error()},Object.defineProperty(c.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(c,[])}catch(De){var y=De}Reflect.construct(l,[],c)}else{try{c.call()}catch(De){y=De}l.call(c.prototype)}else{try{throw Error()}catch(De){y=De}l()}}catch(De){if(De&&y&&typeof De.stack=="string"){for(var x=De.stack.split(`
`),_=y.stack.split(`
`),T=x.length-1,Z=_.length-1;1<=T&&0<=Z&&x[T]!==_[Z];)Z--;for(;1<=T&&0<=Z;T--,Z--)if(x[T]!==_[Z]){if(T!==1||Z!==1)do if(T--,Z--,0>Z||x[T]!==_[Z]){var ce=`
`+x[T].replace(" at new "," at ");return l.displayName&&ce.includes("<anonymous>")&&(ce=ce.replace("<anonymous>",l.displayName)),ce}while(1<=T&&0<=Z);break}}}finally{Lt=!1,Error.prepareStackTrace=g}return(l=l?l.displayName||l.name:"")?Rt(l):""}var Ft=Object.prototype.hasOwnProperty,je=[],ht=-1;function Mt(l){return{current:l}}function Tt(l){0>ht||(l.current=je[ht],je[ht]=null,ht--)}function $t(l,c){ht++,je[ht]=l.current,l.current=c}var dn={},Vt=Mt(dn),Qt=Mt(!1),Cn=dn;function Ir(l,c){var g=l.type.contextTypes;if(!g)return dn;var y=l.stateNode;if(y&&y.__reactInternalMemoizedUnmaskedChildContext===c)return y.__reactInternalMemoizedMaskedChildContext;var x={},_;for(_ in g)x[_]=c[_];return y&&(l=l.stateNode,l.__reactInternalMemoizedUnmaskedChildContext=c,l.__reactInternalMemoizedMaskedChildContext=x),x}function Yn(l){return l=l.childContextTypes,l!=null}function wt(){Tt(Qt),Tt(Vt)}function Sn(l,c,g){if(Vt.current!==dn)throw Error(a(168));$t(Vt,c),$t(Qt,g)}function _n(l,c,g){var y=l.stateNode;if(c=c.childContextTypes,typeof y.getChildContext!="function")return g;y=y.getChildContext();for(var x in y)if(!(x in c))throw Error(a(108,M(l)||"Unknown",x));return s({},g,y)}function Xn(l){return l=(l=l.stateNode)&&l.__reactInternalMemoizedMergedChildContext||dn,Cn=Vt.current,$t(Vt,l),$t(Qt,Qt.current),!0}function dr(l,c,g){var y=l.stateNode;if(!y)throw Error(a(169));g?(l=_n(l,c,Cn),y.__reactInternalMemoizedMergedChildContext=l,Tt(Qt),Tt(Vt),$t(Vt,l)):Tt(Qt),$t(Qt,g)}var Rn=Math.clz32?Math.clz32:gn,Mn=Math.log,tn=Math.LN2;function gn(l){return l>>>=0,l===0?32:31-(Mn(l)/tn|0)|0}var wn=64,fn=4194304;function pn(l){switch(l&-l){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return l&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return l&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return l}}function Ve(l,c){var g=l.pendingLanes;if(g===0)return 0;var y=0,x=l.suspendedLanes,_=l.pingedLanes,T=g&268435455;if(T!==0){var Z=T&~x;Z!==0?y=pn(Z):(_&=T,_!==0&&(y=pn(_)))}else T=g&~x,T!==0?y=pn(T):_!==0&&(y=pn(_));if(y===0)return 0;if(c!==0&&c!==y&&!(c&x)&&(x=y&-y,_=c&-c,x>=_||x===16&&(_&4194240)!==0))return c;if(y&4&&(y|=g&16),c=l.entangledLanes,c!==0)for(l=l.entanglements,c&=y;0<c;)g=31-Rn(c),x=1<<g,y|=l[g],c&=~x;return y}function Pt(l,c){switch(l){case 1:case 2:case 4:return c+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return c+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function gt(l,c){for(var g=l.suspendedLanes,y=l.pingedLanes,x=l.expirationTimes,_=l.pendingLanes;0<_;){var T=31-Rn(_),Z=1<<T,ce=x[T];ce===-1?(!(Z&g)||Z&y)&&(x[T]=Pt(Z,c)):ce<=c&&(l.expiredLanes|=Z),_&=~Z}}function tt(l){return l=l.pendingLanes&-1073741825,l!==0?l:l&1073741824?1073741824:0}function mt(){var l=wn;return wn<<=1,!(wn&4194240)&&(wn=64),l}function Dt(l){for(var c=[],g=0;31>g;g++)c.push(l);return c}function dt(l,c,g){l.pendingLanes|=c,c!==536870912&&(l.suspendedLanes=0,l.pingedLanes=0),l=l.eventTimes,c=31-Rn(c),l[c]=g}function Je(l,c){var g=l.pendingLanes&~c;l.pendingLanes=c,l.suspendedLanes=0,l.pingedLanes=0,l.expiredLanes&=c,l.mutableReadLanes&=c,l.entangledLanes&=c,c=l.entanglements;var y=l.eventTimes;for(l=l.expirationTimes;0<g;){var x=31-Rn(g),_=1<<x;c[x]=0,y[x]=-1,l[x]=-1,g&=~_}}function Ee(l,c){var g=l.entangledLanes|=c;for(l=l.entanglements;g;){var y=31-Rn(g),x=1<<y;x&c|l[y]&c&&(l[y]|=c),g&=~x}}var _e=0;function Te(l){return l&=-l,1<l?4<l?l&268435455?16:536870912:4:1}var ze=o.unstable_scheduleCallback,Ze=o.unstable_cancelCallback,jt=o.unsta
Error generating stack: `+_.message+`
`+_.stack}return{value:l,source:c,stack:x,digest:null}}function Om(l,c,g){return{value:l,source:null,stack:g??null,digest:c??null}}function Rm(l,c){try{console.error(c.value)}catch(g){setTimeout(function(){throw g})}}var SI=typeof WeakMap=="function"?WeakMap:Map;function jb(l,c,g){g=ta(-1,g),g.tag=3,g.payload={element:null};var y=c.value;return g.callback=function(){Ed||(Ed=!0,Qm=y),Rm(l,c)},g}function Eb(l,c,g){g=ta(-1,g),g.tag=3;var y=l.type.getDerivedStateFromError;if(typeof y=="function"){var x=c.value;g.payload=function(){return y(x)},g.callback=function(){Rm(l,c)}}var _=l.stateNode;return _!==null&&typeof _.componentDidCatch=="function"&&(g.callback=function(){Rm(l,c),typeof y!="function"&&(Oa===null?Oa=new Set([this]):Oa.add(this));var T=c.stack;this.componentDidCatch(c.value,{componentStack:T!==null?T:""})}),g}function Ib(l,c,g){var y=l.pingCache;if(y===null){y=l.pingCache=new SI;var x=new Set;y.set(c,x)}else x=y.get(c),x===void 0&&(x=new Set,y.set(c,x));x.has(g)||(x.add(g),l=AI.bind(null,l,c,g),c.then(l,l))}function Ob(l){do{var c;if((c=l.tag===13)&&(c=l.memoizedState,c=c!==null?c.dehydrated!==null:!0),c)return l;l=l.return}while(l!==null);return null}function Rb(l,c,g,y,x){return l.mode&1?(l.flags|=65536,l.lanes=x,l):(l===c?l.flags|=65536:(l.flags|=128,g.flags|=131072,g.flags&=-52805,g.tag===1&&(g.alternate===null?g.tag=17:(c=ta(-1,1),c.tag=2,Ia(g,c,1))),g.lanes|=1),l)}var wI=u.ReactCurrentOwner,io=!1;function no(l,c,g,y){c.child=l===null?ob(c,null,g,y):ll(c,l.child,g,y)}function Mb(l,c,g,y,x){g=g.render;var _=c.ref;return il(c,x),y=Pm(l,c,g,y,_,x),g=km(),l!==null&&!io?(c.updateQueue=l.updateQueue,c.flags&=-2053,l.lanes&=~x,na(l,c,x)):(Qn&&g&&sm(c),c.flags|=1,no(l,c,y,x),c.child)}function Tb(l,c,g,y,x){if(l===null){var _=g.type;return typeof _=="function"&&!rg(_)&&_.defaultProps===void 0&&g.compare===null&&g.defaultProps===void 0?(c.tag=15,c.type=_,Db(l,c,_,y,x)):(l=Dd(g.type,null,y,c,c.mode,x),l.ref=c.ref,l.return=c,c.child=l)}if(_=l.child,!(l.lanes&x)){var T=_.memoizedProps;if(g=g.compare,g=g!==null?g:nd,g(T,y)&&l.ref===c.ref)return na(l,c,x)}return c.flags|=1,l=Da(_,y),l.ref=c.ref,l.return=c,c.child=l}function Db(l,c,g,y,x){if(l!==null){var _=l.memoizedProps;if(nd(_,y)&&l.ref===c.ref)if(io=!1,c.pendingProps=y=_,(l.lanes&x)!==0)l.flags&131072&&(io=!0);else return c.lanes=l.lanes,na(l,c,x)}return Mm(l,c,g,y,x)}function Ab(l,c,g){var y=c.pendingProps,x=y.children,_=l!==null?l.memoizedState:null;if(y.mode==="hidden")if(!(c.mode&1))c.memoizedState={baseLanes:0,cachePool:null,transitions:null},$t(pl,Eo),Eo|=g;else{if(!(g&1073741824))return l=_!==null?_.baseLanes|g:g,c.lanes=c.childLanes=1073741824,c.memoizedState={baseLanes:l,cachePool:null,transitions:null},c.updateQueue=null,$t(pl,Eo),Eo|=l,null;c.memoizedState={baseLanes:0,cachePool:null,transitions:null},y=_!==null?_.baseLanes:g,$t(pl,Eo),Eo|=y}else _!==null?(y=_.baseLanes|g,c.memoizedState=null):y=g,$t(pl,Eo),Eo|=y;return no(l,c,x,g),c.child}function Nb(l,c){var g=c.ref;(l===null&&g!==null||l!==null&&l.ref!==g)&&(c.flags|=512,c.flags|=2097152)}function Mm(l,c,g,y,x){var _=Yn(g)?Cn:Vt.current;return _=Ir(c,_),il(c,x),g=Pm(l,c,g,y,_,x),y=km(),l!==null&&!io?(c.updateQueue=l.updateQueue,c.flags&=-2053,l.lanes&=~x,na(l,c,x)):(Qn&&y&&sm(c),c.flags|=1,no(l,c,g,x),c.child)}function zb(l,c,g,y,x){if(Yn(g)){var _=!0;Xn(c)}else _=!1;if(il(c,x),c.stateNode===null)gd(l,c),eb(c,g,y),vm(c,g,y,x),y=!0;else if(l===null){var T=c.stateNode,Z=c.memoizedProps;T.props=Z;var ce=T.context,De=g.contextType;typeof De=="object"&&De!==null?De=Ho(De):(De=Yn(g)?Cn:Vt.current,De=Ir(c,De));var ft=g.getDerivedStateFromProps,Bt=typeof ft=="function"||typeof T.getSnapshotBeforeUpdate=="function";Bt||typeof T.UNSAFE_componentWillReceiveProps!="function"&&typeof T.componentWillReceiveProps!="function"||(Z!==y||ce!==De)&&tb(c,T,y,De),Ea=!1;var rt=c.memoizedState;T.state=rt,ad(c,y,T,x),ce=c.memoizedState,Z!==y||rt!==ce||Qt.current||Ea?(typeof ft=="function"&&(gm(c,g,ft,y),ce=c.memoizedState),(Z=Ea||Jy(c,g,Z,y,rt,ce,De))?(Bt||typeof T.UNSAFE_componentWillMount!="function"&&typeof T.componentWillMo
`+(y.join(" > ")+`
No matching component was found for:
`)+l.join(" > ")}return null},n.getPublicRootInstance=function(l){if(l=l.current,!l.child)return null;switch(l.child.tag){case 5:return X(l.child.stateNode);default:return l.child.stateNode}},n.injectIntoDevTools=function(l){if(l={bundleType:l.bundleType,version:l.version,rendererPackageName:l.rendererPackageName,rendererConfig:l.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:u.ReactCurrentDispatcher,findHostInstanceByFiber:BI,findFiberByHostInstance:l.findFiberByHostInstance||HI,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0"},typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u")l=!1;else{var c=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(c.isDisabled||!c.supportsFiber)l=!0;else{try{Bn=c.inject(l),sn=c}catch{}l=!!c.checkDCE}}return l},n.isAlreadyRendering=function(){return!1},n.observeVisibleRects=function(l,c,g,y){if(!xt)throw Error(a(363));l=Gm(l,c);var x=Xe(l,g,y).disconnect;return{disconnect:function(){x()}}},n.registerMutableSourceForHydration=function(l,c){var g=c._getVersion;g=g(c._source),l.mutableSourceEagerHydrationData==null?l.mutableSourceEagerHydrationData=[c,g]:l.mutableSourceEagerHydrationData.push(c,g)},n.runWithPriority=function(l,c){var g=_e;try{return _e=l,c()}finally{_e=g}},n.shouldError=function(){return null},n.shouldSuspend=function(){return!1},n.updateContainer=function(l,c,g,y){var x=c.current,_=Gr(),T=Ma(x);return g=hx(g),c.context===null?c.context=g:c.pendingContext=g,c=ta(_,T),c.payload={element:l},y=y===void 0?null:y,y!==null&&(c.callback=y),l=Ia(x,c,T),l!==null&&(Uo(l,x,T,_),sd(l,x,T)),T},n};KE.exports=Xne;var Qne=KE.exports;const Zne=dc(Qne);var YE={exports:{}},ol={};/**
* @license React
* react-reconciler-constants.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/ol.ConcurrentRoot=1;ol.ContinuousEventPriority=4;ol.DefaultEventPriority=16;ol.DiscreteEventPriority=1;ol.IdleEventPriority=536870912;ol.LegacyRoot=0;YE.exports=ol;var XE=YE.exports;const L4={children:!0,ref:!0,key:!0,style:!0,forwardedRef:!0,unstable_applyCache:!0,unstable_applyDrawHitFromCache:!0};let F4=!1,B4=!1;const Ly=".react-konva-event",Jne=`ReactKonva: You have a Konva node with draggable = true and position defined but no onDragMove or onDragEnd events are handled.
Position of a node will be changed during drag&drop, so you should update state of the react app as well.
Consider to add onDragMove or onDragEnd events.
For more info see: https://github.com/konvajs/react-konva/issues/256
`,ere=`ReactKonva: You are using "zIndex" attribute for a Konva node.
react-konva may get confused with ordering. Just define correct order of elements in your render function of a component.
For more info see: https://github.com/konvajs/react-konva/issues/194
`,tre={};function om(e,t,n=tre){if(!F4&&"zIndex"in t&&(console.warn(ere),F4=!0),!B4&&t.draggable){var r=t.x!==void 0||t.y!==void 0,o=t.onDragEnd||t.onDragMove;r&&!o&&(console.warn(Jne),B4=!0)}for(var s in n)if(!L4[s]){var a=s.slice(0,2)==="on",u=n[s]!==t[s];if(a&&u){var d=s.substr(2).toLowerCase();d.substr(0,7)==="content"&&(d="content"+d.substr(7,1).toUpperCase()+d.substr(8)),e.off(d,n[s])}var f=!t.hasOwnProperty(s);f&&e.setAttr(s,void 0)}var h=t._useStrictMode,m={},v=!1;const b={};for(var s in t)if(!L4[s]){var a=s.slice(0,2)==="on",w=n[s]!==t[s];if(a&&w){var d=s.substr(2).toLowerCase();d.substr(0,7)==="content"&&(d="content"+d.substr(7,1).toUpperCase()+d.substr(8)),t[s]&&(b[d]=t[s])}!a&&(t[s]!==n[s]||h&&t[s]!==e.getAttr(s))&&(v=!0,m[s]=t[s])}v&&(e.setAttrs(m),pi(e));for(var d in b)e.on(d+Ly,b[d])}function pi(e){if(!DR.Konva.autoDrawEnabled){var t=e.getLayer()||e.getStage();t&&t.batchDraw()}}const QE={},nre={};Ou.Node.prototype._applyProps=om;function rre(e,t){if(typeof t=="string"){console.error(`Do not use plain text as child of Konva.Node. You are using text: ${t}`);return}e.add(t),pi(e)}function ore(e,t,n){let r=Ou[e];r||(console.error(`Konva has no node with the type ${e}. Group will be used instead. If you use minimal version of react-konva, just import required nodes into Konva: "import "konva/lib/shapes/${e}" If you want to render DOM elements as part of canvas tree take a look into this demo: https://konvajs.github.io/docs/react/DOM_Portal.html`),r=Ou.Group);const o={},s={};for(var a in t){var u=a.slice(0,2)==="on";u?s[a]=t[a]:o[a]=t[a]}const d=new r(o);return om(d,s),d}function sre(e,t,n){console.error(`Text components are not supported for now in ReactKonva. Your text is: "${e}"`)}function are(e,t,n){return!1}function ire(e){return e}function lre(){return null}function cre(){return null}function ure(e,t,n,r){return nre}function dre(){}function fre(e){}function pre(e,t){return!1}function hre(){return QE}function mre(){return QE}const gre=setTimeout,vre=clearTimeout,yre=-1;function bre(e,t){return!1}const xre=!1,Sre=!0,wre=!0;function Cre(e,t){t.parent===e?t.moveToTop():e.add(t),pi(e)}function Pre(e,t){t.parent===e?t.moveToTop():e.add(t),pi(e)}function ZE(e,t,n){t._remove(),e.add(t),t.setZIndex(n.getZIndex()),pi(e)}function kre(e,t,n){ZE(e,t,n)}function _re(e,t){t.destroy(),t.off(Ly),pi(e)}function jre(e,t){t.destroy(),t.off(Ly),pi(e)}function Ere(e,t,n){console.error(`Text components are not yet supported in ReactKonva. You text is: "${n}"`)}function Ire(e,t,n){}function Ore(e,t,n,r,o){om(e,o,r)}function Rre(e){e.hide(),pi(e)}function Mre(e){}function Tre(e,t){(t.visible==null||t.visible)&&e.show()}function Dre(e,t){}function Are(e){}function Nre(){}const zre=()=>XE.DefaultEventPriority,$re=Object.freeze(Object.defineProperty({__proto__:null,appendChild:Cre,appendChildToContainer:Pre,appendInitialChild:rre,cancelTimeout:vre,clearContainer:Are,commitMount:Ire,commitTextUpdate:Ere,commitUpdate:Ore,createInstance:ore,createTextInstance:sre,detachDeletedInstance:Nre,finalizeInitialChildren:are,getChildHostContext:mre,getCurrentEventPriority:zre,getPublicInstance:ire,getRootHostContext:hre,hideInstance:Rre,hideTextInstance:Mre,idlePriority:If.unstable_IdlePriority,insertBefore:ZE,insertInContainerBefore:kre,isPrimaryRenderer:xre,noTimeout:yre,now:If.unstable_now,prepareForCommit:lre,preparePortalMount:cre,prepareUpdate:ure,removeChild:_re,removeChildFromContainer:jre,resetAfterCommit:dre,resetTextContent:fre,run:If.unstable_runWithPriority,scheduleTimeout:gre,shouldDeprioritizeSubtree:pre,shouldSetTextContent:bre,supportsMutation:wre,unhideInstance:Tre,unhideTextInstance:Dre,warnsIfNotActing:Sre},Symbol.toStringTag,{value:"Module"}));var Lre=Object.defineProperty,Fre=Object.defineProperties,Bre=Object.getOwnPropertyDescriptors,H4=Object.getOwnPropertySymbols,Hre=Object.prototype.hasOwnProperty,Wre=Object.prototype.propertyIsEnumerable,W4=(e,t,n)=>t in e?Lre(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,V4=(e,t)=>{for(var n in t||(t={}))Hre.call(t,n)&&W4(e,n,t[n]);if(H4)for(var n of H4(t))Wre.cal
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="60px" height="60px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
<g transform="matrix(0.5,0,0,0.5,0,0)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,2.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,7.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,10)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,12.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,15)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,17.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,20)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,22.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,25)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,27.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,30)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-2.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-7.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-10)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-12.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-15)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-17.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-20)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-22.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-25)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-27.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-30)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
</svg>`.replaceAll("black",e),yoe=e=>{const{...t}=e,{maskColorString:n,stageCoordinates:r,stageDimensions:o,stageScale:s}=B(voe),[a,u]=p.useState(null),[d,f]=p.useState(0),h=p.useRef(null),m=p.useCallback(()=>{f(d+1),setTimeout(m,500)},[d]);return p.useEffect(()=>{if(a)return;const v=new Image;v.onload=()=>{u(v)},v.src=q4(n)},[a,n]),p.useEffect(()=>{a&&(a.src=q4(n))},[a,n]),p.useEffect(()=>{const v=setInterval(()=>f(b=>(b+1)%5),50);return()=>clearInterval(v)},[]),!a||!vl(r.x)||!vl(r.y)||!vl(s)||!vl(o.width)||!vl(o.height)?null:i.jsx(qs,{ref:h,offsetX:r.x/s,offsetY:r.y/s,height:o.height/s,width:o.width/s,fillPatternImage:a,fillPatternOffsetY:vl(d)?d:0,fillPatternRepeat:"repeat",fillPatternScale:{x:1/s,y:1/s},listening:!0,globalCompositeOperation:"source-in",...t})},boe=Pe([en],e=>({objects:e.layerState.objects}),{memoizeOptions:{resultEqualityCheck:Wt}}),xoe=e=>{const{...t}=e,{objects:n}=B(boe);return i.jsx(ba,{listening:!1,...t,children:n.filter(qR).map((r,o)=>i.jsx(nh,{points:r.points,stroke:"rgb(0,0,0)",strokeWidth:r.strokeWidth*2,tension:0,lineCap:"round",lineJoin:"round",shadowForStrokeEnabled:!1,listening:!1,globalCompositeOperation:r.tool==="brush"?"source-over":"destination-out"},o))})};var Pi=p,Soe=function(t,n,r){const o=Pi.useRef("loading"),s=Pi.useRef(),[a,u]=Pi.useState(0),d=Pi.useRef(),f=Pi.useRef(),h=Pi.useRef();return(d.current!==t||f.current!==n||h.current!==r)&&(o.current="loading",s.current=void 0,d.current=t,f.current=n,h.current=r),Pi.useLayoutEffect(function(){if(!t)return;var m=document.createElement("img");function v(){o.current="loaded",s.current=m,u(Math.random())}function b(){o.current="failed",s.current=void 0,u(Math.random())}return m.addEventListener("load",v),m.addEventListener("error",b),n&&(m.crossOrigin=n),r&&(m.referrerPolicy=r),m.src=t,function(){m.removeEventListener("load",v),m.removeEventListener("error",b)}},[t,n,r]),[s.current,o.current]};const woe=dc(Soe),oI=e=>{const{width:t,height:n,x:r,y:o,imageName:s}=e.canvasImage,{currentData:a,isError:u}=Vs(s??ga.skipToken),[d]=woe((a==null?void 0:a.image_url)??"",KR.get()?"use-credentials":"anonymous");return u?i.jsx(qs,{x:r,y:o,width:t,height:n,fill:"red"}):i.jsx(nI,{x:r,y:o,image:d,listening:!1})},Coe=Pe([en],e=>{const{layerState:{objects:t}}=e;return{objects:t}},{memoizeOptions:{resultEqualityCheck:Wt}}),Poe=()=>{const{objects:e}=B(Coe);return e?i.jsx(ba,{name:"outpainting-objects",listening:!1,children:e.map((t,n)=>{if(YR(t))return i.jsx(oI,{canvasImage:t},n);if(XR(t)){const r=i.jsx(nh,{points:t.points,stroke:t.color?Bi(t.color):"rgb(0,0,0)",strokeWidth:t.strokeWidth*2,tension:0,lineCap:"round",lineJoin:"round",shadowForStrokeEnabled:!1,listening:!1,globalCompositeOperation:t.tool==="brush"?"source-over":"destination-out"},n);return t.clip?i.jsx(ba,{clipX:t.clip.x,clipY:t.clip.y,clipWidth:t.clip.width,clipHeight:t.clip.height,children:r},n):r}else{if(QR(t))return i.jsx(qs,{x:t.x,y:t.y,width:t.width,height:t.height,fill:Bi(t.color)},n);if(ZR(t))return i.jsx(qs,{x:t.x,y:t.y,width:t.width,height:t.height,fill:"rgb(255, 255, 255)",globalCompositeOperation:"destination-out"},n)}})}):null},koe=Pe([en],e=>{const{layerState:t,shouldShowStagingImage:n,shouldShowStagingOutline:r,boundingBoxCoordinates:{x:o,y:s},boundingBoxDimensions:{width:a,height:u}}=e,{selectedImageIndex:d,images:f}=t.stagingArea;return{currentStagingAreaImage:f.length>0&&d!==void 0?f[d]:void 0,isOnFirstImage:d===0,isOnLastImage:d===f.length-1,shouldShowStagingImage:n,shouldShowStagingOutline:r,x:o,y:s,width:a,height:u}},{memoizeOptions:{resultEqualityCheck:Wt}}),_oe=e=>{const{...t}=e,{currentStagingAreaImage:n,shouldShowStagingImage:r,shouldShowStagingOutline:o,x:s,y:a,width:u,height:d}=B(koe);return i.jsxs(ba,{...t,children:[r&&n&&i.jsx(oI,{canvasImage:n}),o&&i.jsxs(ba,{children:[i.jsx(qs,{x:s,y:a,width:u,height:d,strokeWidth:1,stroke:"white",strokeScaleEnabled:!1}),i.jsx(qs,{x:s,y:a,width:u,height:d,dash:[4,4],strokeWidth:1,stroke:"black",strokeScaleEnabled:!1})]})]})},joe=Pe([en],e=>{const{layerState:{stagingArea:{images:t,selectedImageIndex:n,sessionId:r}},shouldShowSta