@spaceandtimelabs/makeinfinite-ui 0.61.0 → 0.62.1

package/dist/index.d.ts

@@ -118,8 +118,8 @@ declare interface APIContextType {
 }
 
 export declare const APIHandler: (baseUrl: string) => {
-    createProject: (description: string, theme: string, siteBackground?: File | null) => Promise<Response>;
-    createBlankProject: (description: string, theme: string, siteBackground?: File | null) => Promise<Response>;
+    createProject: (description: string, theme: string, siteBackground?: File | null, secretReferences?: string | string[]) => Promise<Response>;
+    createBlankProject: (description: string, theme: string, siteBackground?: File | null, secretReferences?: string | string[]) => Promise<Response>;
     getProjects: () => Promise<Response>;
     getProjectMetadata: (projectName: string) => Promise<Response>;
     getSubdomains: (projectName: string) => Promise<Response>;
@@ -1136,6 +1136,7 @@ export declare const RGEditLayout: (props: {
     layouts: any;
     onLayoutChange: (layout: any) => void;
     onResizeStart: ItemCallback;
+    onResize: ItemCallback;
     onResizeStop: ItemCallback;
     onDragStart: ItemCallback;
     onDragStop: ItemCallback;

package/dist/makeinfinite-ui.es.js

@@ -88892,47 +88892,27 @@ function gfe(e, t, n) {
 const cke = (e) => {
   const t = e;
   return {
-    createProject: async (N, R, $) => {
-      if ($) {
-        const B = new FormData();
-        return B.append("description", N), B.append("theme", R), B.append("background_image", $), await fetch(`${t}/create_project`, {
-          method: "POST",
-          body: B
-        });
-      } else {
-        const B = {
-          description: N,
-          theme: R
-        };
-        return await fetch(`${t}/create_project`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify(B)
-        });
-      }
+    createProject: async (N, R, $, B = []) => {
+      const F = new FormData();
+      F.append("description", N), F.append("theme", R), $ && F.append("background_image", $);
+      const H = Array.isArray(B) ? B : [B];
+      for (const q of H)
+        F.append("secret_references", q);
+      return await fetch(`${t}/create_project`, {
+        method: "POST",
+        body: F
+      });
     },
-    createBlankProject: async (N, R, $) => {
-      if ($) {
-        const B = new FormData();
-        return B.append("description", N), B.append("theme", R), B.append("background_image", $), await fetch(`${t}/create_blank_project`, {
-          method: "POST",
-          body: B
-        });
-      } else {
-        const B = {
-          description: N,
-          theme: R
-        };
-        return await fetch(`${t}/create_blank_project`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify(B)
-        });
-      }
+    createBlankProject: async (N, R, $, B = []) => {
+      const F = new FormData();
+      F.append("description", N), F.append("theme", R), $ && F.append("background_image", $);
+      const H = Array.isArray(B) ? B : [B];
+      for (const q of H)
+        F.append("secret_references", q);
+      return await fetch(`${t}/create_blank_project`, {
+        method: "POST",
+        body: F
+      });
     },
     getProjects: async () => await fetch(`${t}/fetch_projects`, {
       method: "GET",
@@ -93442,7 +93422,6 @@ var WV = dke.exports;
 const oTt = WV.WidthProvider(WV.Responsive), sTt = oTt, lTt = $c.div`
   .react-grid-layout {
     position: relative;
-    // transition: height 200ms ease;
   }
   .react-grid-item {
     // transition: all 200ms ease;
@@ -93474,10 +93453,6 @@ const oTt = WV.WidthProvider(WV.Responsive), sTt = oTt, lTt = $c.div`
     pointer-events: none; /* Allow events to pass through to elements below */
   }
 
-  .react-grid-item > .react-resizable-handle {
-    display: none !important;
-  }
-
   .react-grid-item:hover > .react-resizable-handle {
     z-index: 1000;
     display: ${({ disableResize: e }) => e ? "none" : "block"} !important;
@@ -93525,7 +93500,7 @@ const oTt = WV.WidthProvider(WV.Responsive), sTt = oTt, lTt = $c.div`
   }
 `, Qke = 50, DUt = (e) => {
   const { activeCompDimension: t } = lke();
-  return /* @__PURE__ */ M.jsx(lTt, { disableResize: !!e.disableResize, children: /* @__PURE__ */ M.jsx(cTt, { children: /* @__PURE__ */ M.jsx(
+  return /* @__PURE__ */ M.jsx(lTt, { disableResize: !!e.disableResize, id: "movement-patch", children: /* @__PURE__ */ M.jsx(cTt, { id: "grid-style-override", children: /* @__PURE__ */ M.jsx(
     sTt,
     {
       className: "layout",
@@ -93535,6 +93510,7 @@ const oTt = WV.WidthProvider(WV.Responsive), sTt = oTt, lTt = $c.div`
       layouts: e.layouts,
       onLayoutChange: e.onLayoutChange,
       onResizeStart: e.onResizeStart,
+      onResize: e.onResize,
       onResizeStop: e.onResizeStop,
       onDrop: e.onDrop,
       onDragStart: e.onDragStart,
@@ -93545,8 +93521,8 @@ const oTt = WV.WidthProvider(WV.Responsive), sTt = oTt, lTt = $c.div`
       isDraggable: e.isDraggable,
       isResizable: e.isResizable,
       isDroppable: e.isDroppable,
-      autoSize: !0,
       margin: [0, 0],
+      autoSize: !0,
       containerPadding: [3, 3],
       draggableHandle: ".react-grid-drag-handle",
       children: e.components

package/dist/makeinfinite-ui.umd.js

@@ -8072,7 +8072,7 @@ object-assign
  */var Mr=typeof Symbol=="function"&&Symbol.for,_Q=Mr?Symbol.for("react.element"):60103,wQ=Mr?Symbol.for("react.portal"):60106,mj=Mr?Symbol.for("react.fragment"):60107,_j=Mr?Symbol.for("react.strict_mode"):60108,wj=Mr?Symbol.for("react.profiler"):60114,bj=Mr?Symbol.for("react.provider"):60109,kj=Mr?Symbol.for("react.context"):60110,bQ=Mr?Symbol.for("react.async_mode"):60111,xj=Mr?Symbol.for("react.concurrent_mode"):60111,Sj=Mr?Symbol.for("react.forward_ref"):60112,Mj=Mr?Symbol.for("react.suspense"):60113,Git=Mr?Symbol.for("react.suspense_list"):60120,Cj=Mr?Symbol.for("react.memo"):60115,Nj=Mr?Symbol.for("react.lazy"):60116,Wit=Mr?Symbol.for("react.block"):60121,Uit=Mr?Symbol.for("react.fundamental"):60117,Yit=Mr?Symbol.for("react.responder"):60118,Xit=Mr?Symbol.for("react.scope"):60119;function Ja(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case _Q:switch(e=e.type,e){case bQ:case xj:case mj:case wj:case _j:case Mj:return e;default:switch(e=e&&e.$$typeof,e){case kj:case Sj:case Nj:case Cj:case bj:return e;default:return t}}case wQ:return t}}}function R_e(e){return Ja(e)===xj}pn.AsyncMode=bQ,pn.ConcurrentMode=xj,pn.ContextConsumer=kj,pn.ContextProvider=bj,pn.Element=_Q,pn.ForwardRef=Sj,pn.Fragment=mj,pn.Lazy=Nj,pn.Memo=Cj,pn.Portal=wQ,pn.Profiler=wj,pn.StrictMode=_j,pn.Suspense=Mj,pn.isAsyncMode=function(e){return R_e(e)||Ja(e)===bQ},pn.isConcurrentMode=R_e,pn.isContextConsumer=function(e){return Ja(e)===kj},pn.isContextProvider=function(e){return Ja(e)===bj},pn.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===_Q},pn.isForwardRef=function(e){return Ja(e)===Sj},pn.isFragment=function(e){return Ja(e)===mj},pn.isLazy=function(e){return Ja(e)===Nj},pn.isMemo=function(e){return Ja(e)===Cj},pn.isPortal=function(e){return Ja(e)===wQ},pn.isProfiler=function(e){return Ja(e)===wj},pn.isStrictMode=function(e){return Ja(e)===_j},pn.isSuspense=function(e){return Ja(e)===Mj},pn.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===mj||e===xj||e===wj||e===_j||e===Mj||e===Git||typeof e=="object"&&e!==null&&(e.$$typeof===Nj||e.$$typeof===Cj||e.$$typeof===bj||e.$$typeof===kj||e.$$typeof===Sj||e.$$typeof===Uit||e.$$typeof===Yit||e.$$typeof===Xit||e.$$typeof===Wit)},pn.typeOf=Ja,P_e.exports=pn;var kQ=P_e.exports;function Zit(e){function t(ee,H,te,ce,Q){for(var he=0,Z=0,se=0,fe=0,oe,ae,X=0,U=0,le,me=le=oe=0,_e=0,Y=0,ie=0,de=0,Ie=te.length,ye=Ie-1,xe,Le="",Fe="",Tt="",j="",E;_e<Ie;){if(ae=te.charCodeAt(_e),_e===ye&&Z+fe+se+he!==0&&(Z!==0&&(ae=Z===47?10:47),fe=se=he=0,Ie++,ye++),Z+fe+se+he===0){if(_e===ye&&(0<Y&&(Le=Le.replace(h,"")),0<Le.trim().length)){switch(ae){case 32:case 9:case 59:case 13:case 10:break;default:Le+=te.charAt(_e)}ae=59}switch(ae){case 123:for(Le=Le.trim(),oe=Le.charCodeAt(0),le=1,de=++_e;_e<Ie;){switch(ae=te.charCodeAt(_e)){case 123:le++;break;case 125:le--;break;case 47:switch(ae=te.charCodeAt(_e+1)){case 42:case 47:e:{for(me=_e+1;me<ye;++me)switch(te.charCodeAt(me)){case 47:if(ae===42&&te.charCodeAt(me-1)===42&&_e+2!==me){_e=me+1;break e}break;case 10:if(ae===47){_e=me+1;break e}}_e=me}}break;case 91:ae++;case 40:ae++;case 34:case 39:for(;_e++<ye&&te.charCodeAt(_e)!==ae;);}if(le===0)break;_e++}switch(le=te.substring(de,_e),oe===0&&(oe=(Le=Le.replace(d,"").trim()).charCodeAt(0)),oe){case 64:switch(0<Y&&(Le=Le.replace(h,"")),ae=Le.charCodeAt(1),ae){case 100:case 109:case 115:case 45:Y=H;break;default:Y=z}if(le=t(H,Y,le,ae,Q+1),de=le.length,0<B&&(Y=n(z,Le,ie),E=s(3,le,Y,H,T,R,de,ae,Q,ce),Le=Y.join(""),E!==void 0&&(de=(le=E.trim()).length)===0&&(ae=0,le="")),0<de)switch(ae){case 115:Le=Le.replace(x,o);case 100:case 109:case 45:le=Le+"{"+le+"}";break;case 107:Le=Le.replace(m,"$1 $2"),le=Le+"{"+le+"}",le=$===1||$===2&&i("@"+le,3)?"@-webkit-"+le+"@"+le:"@"+le;break;default:le=Le+le,ce===112&&(le=(Fe+=le,""))}else le="";break;default:le=t(H,n(H,Le,ie),le,ce,Q+1)}Tt+=le,le=ie=Y=me=oe=0,Le="",ae=te.charCodeAt(++_e);break;case 125:case 59:if(Le=(0<Y?Le.replace(h,""):Le).trim(),1<(de=Le.length))switch(me===0&&(oe=Le.charCodeAt(0),oe===45||96<oe&&123>oe)&&(de=(Le=Le.replace(" ",":")).length),0<B&&(E=s(1,Le,H,ee,T,R,Fe.length,ce,Q,ce))!==void 0&&(de=(Le=E.trim()).length)===0&&(Le="\0\0"),oe=Le.charCodeAt(0),ae=Le.charCodeAt(1),oe){case 0:break;case 64:if(ae===105||ae===99){j+=Le+te.charAt(_e);break}default:Le.charCodeAt(de-1)!==58&&(Fe+=a(Le,oe,ae,Le.charCodeAt(2)))}ie=Y=me=oe=0,Le="",ae=te.charCodeAt(++_e)}}switch(ae){case 13:case 10:Z===47?Z=0:1+oe===0&&ce!==107&&0<Le.length&&(Y=1,Le+="\0"),0<B*G&&s(0,Le,H,ee,T,R,Fe.length,ce,Q,ce),R=1,T++;break;case 59:case 125:if(Z+fe+se+he===0){R++;break}default:switch(R++,xe=te.charAt(_e),ae){case 9:case 32:if(fe+he+Z===0)switch(X){case 44:case 58:case 9:case 32:xe="";break;default:ae!==32&&(xe=" ")}break;case 0:xe="\\0";break;case 12:xe="\\f";break;case 11:xe="\\v";break;case 38:fe+Z+he===0&&(Y=ie=1,xe="\f"+xe);break;case 108:if(fe+Z+he+P===0&&0<me)switch(_e-me){case 2:X===112&&te.charCodeAt(_e-3)===58&&(P=X);case 8:U===111&&(P=U)}break;case 58:fe+Z+he===0&&(me=_e);break;case 44:Z+se+fe+he===0&&(Y=1,xe+="\r");break;case 34:case 39:Z===0&&(fe=fe===ae?0:fe===0?ae:fe);break;case 91:fe+Z+se===0&&he++;break;case 93:fe+Z+se===0&&he--;break;case 41:fe+Z+he===0&&se--;break;case 40:if(fe+Z+he===0){if(oe===0)switch(2*X+3*U){case 533:break;default:oe=1}se++}break;case 64:Z+se+fe+he+me+le===0&&(le=1);break;case 42:case 47:if(!(0<fe+he+se))switch(Z){case 0:switch(2*ae+3*te.charCodeAt(_e+1)){case 235:Z=47;break;case 220:de=_e,Z=42}break;case 42:ae===47&&X===42&&de+2!==_e&&(te.charCodeAt(de+2)===33&&(Fe+=te.substring(de,_e+1)),xe="",Z=0)}}Z===0&&(Le+=xe)}U=X,X=ae,_e++}if(de=Fe.length,0<de){if(Y=H,0<B&&(E=s(2,Fe,Y,ee,T,R,de,ce,Q,ce),E!==void 0&&(Fe=E).length===0))return j+Fe+Tt;if(Fe=Y.join(",")+"{"+Fe+"}",$*P!==0){switch($!==2||i(Fe,2)||(P=0),P){case 111:Fe=Fe.replace(b,":-moz-$1")+Fe;break;case 112:Fe=Fe.replace(_,"::-webkit-input-$1")+Fe.replace(_,"::-moz-$1")+Fe.replace(_,":-ms-input-$1")+Fe}P=0}}return j+Fe+Tt}function n(ee,H,te){var ce=H.trim().split(y);H=ce;var Q=ce.length,he=ee.length;switch(he){case 0:case 1:var Z=0;for(ee=he===0?"":ee[0]+" ";Z<Q;++Z)H[Z]=r(ee,H[Z],te).trim();break;default:var se=Z=0;for(H=[];Z<Q;++Z)for(var fe=0;fe<he;++fe)H[se++]=r(ee[fe]+" ",ce[Z],te).trim()}return H}function r(ee,H,te){var ce=H.charCodeAt(0);switch(33>ce&&(ce=(H=H.trim()).charCodeAt(0)),ce){case 38:return H.replace(g,"$1"+ee.trim());case 58:return ee.trim()+H.replace(g,"$1"+ee.trim());default:if(0<1*te&&0<H.indexOf("\f"))return H.replace(g,(ee.charCodeAt(0)===58?"":"$1")+ee.trim())}return ee+H}function a(ee,H,te,ce){var Q=ee+";",he=2*H+3*te+4*ce;if(he===944){ee=Q.indexOf(":",9)+1;var Z=Q.substring(ee,Q.length-1).trim();return Z=Q.substring(0,ee).trim()+Z+";",$===1||$===2&&i(Z,1)?"-webkit-"+Z+Z:Z}if($===0||$===2&&!i(Q,1))return Q;switch(he){case 1015:return Q.charCodeAt(10)===97?"-webkit-"+Q+Q:Q;case 951:return Q.charCodeAt(3)===116?"-webkit-"+Q+Q:Q;case 963:return Q.charCodeAt(5)===110?"-webkit-"+Q+Q:Q;case 1009:if(Q.charCodeAt(4)!==100)break;case 969:case 942:return"-webkit-"+Q+Q;case 978:return"-webkit-"+Q+"-moz-"+Q+Q;case 1019:case 983:return"-webkit-"+Q+"-moz-"+Q+"-ms-"+Q+Q;case 883:if(Q.charCodeAt(8)===45)return"-webkit-"+Q+Q;if(0<Q.indexOf("image-set(",11))return Q.replace(A,"$1-webkit-$2")+Q;break;case 932:if(Q.charCodeAt(4)===45)switch(Q.charCodeAt(5)){case 103:return"-webkit-box-"+Q.replace("-grow","")+"-webkit-"+Q+"-ms-"+Q.replace("grow","positive")+Q;case 115:return"-webkit-"+Q+"-ms-"+Q.replace("shrink","negative")+Q;case 98:return"-webkit-"+Q+"-ms-"+Q.replace("basis","preferred-size")+Q}return"-webkit-"+Q+"-ms-"+Q+Q;case 964:return"-webkit-"+Q+"-ms-flex-"+Q+Q;case 1023:if(Q.charCodeAt(8)!==99)break;return Z=Q.substring(Q.indexOf(":",15)).replace("flex-","").replace("space-between","justify"),"-webkit-box-pack"+Z+"-webkit-"+Q+"-ms-flex-pack"+Z+Q;case 1005:return p.test(Q)?Q.replace(f,":-webkit-")+Q.replace(f,":-moz-")+Q:Q;case 1e3:switch(Z=Q.substring(13).trim(),H=Z.indexOf("-")+1,Z.charCodeAt(0)+Z.charCodeAt(H)){case 226:Z=Q.replace(k,"tb");break;case 232:Z=Q.replace(k,"tb-rl");break;case 220:Z=Q.replace(k,"lr");break;default:return Q}return"-webkit-"+Q+"-ms-"+Z+Q;case 1017:if(Q.indexOf("sticky",9)===-1)break;case 975:switch(H=(Q=ee).length-10,Z=(Q.charCodeAt(H)===33?Q.substring(0,H):Q).substring(ee.indexOf(":",7)+1).trim(),he=Z.charCodeAt(0)+(Z.charCodeAt(7)|0)){case 203:if(111>Z.charCodeAt(8))break;case 115:Q=Q.replace(Z,"-webkit-"+Z)+";"+Q;break;case 207:case 102:Q=Q.replace(Z,"-webkit-"+(102<he?"inline-":"")+"box")+";"+Q.replace(Z,"-webkit-"+Z)+";"+Q.replace(Z,"-ms-"+Z+"box")+";"+Q}return Q+";";case 938:if(Q.charCodeAt(5)===45)switch(Q.charCodeAt(6)){case 105:return Z=Q.replace("-items",""),"-webkit-"+Q+"-webkit-box-"+Z+"-ms-flex-"+Z+Q;case 115:return"-webkit-"+Q+"-ms-flex-item-"+Q.replace(C,"")+Q;default:return"-webkit-"+Q+"-ms-flex-line-pack"+Q.replace("align-content","").replace(C,"")+Q}break;case 973:case 989:if(Q.charCodeAt(3)!==45||Q.charCodeAt(4)===122)break;case 931:case 953:if(L.test(ee)===!0)return(Z=ee.substring(ee.indexOf(":")+1)).charCodeAt(0)===115?a(ee.replace("stretch","fill-available"),H,te,ce).replace(":fill-available",":stretch"):Q.replace(Z,"-webkit-"+Z)+Q.replace(Z,"-moz-"+Z.replace("fill-",""))+Q;break;case 962:if(Q="-webkit-"+Q+(Q.charCodeAt(5)===102?"-ms-"+Q:"")+Q,te+ce===211&&Q.charCodeAt(13)===105&&0<Q.indexOf("transform",10))return Q.substring(0,Q.indexOf(";",27)+1).replace(v,"$1-webkit-$2")+Q}return Q}function i(ee,H){var te=ee.indexOf(H===1?":":"{"),ce=ee.substring(0,H!==3?te:10);return te=ee.substring(te+1,ee.length-1),q(H!==2?ce:ce.replace(N,"$1"),te,H)}function o(ee,H){var te=a(H,H.charCodeAt(0),H.charCodeAt(1),H.charCodeAt(2));return te!==H+";"?te.replace(S," or ($1)").substring(4):"("+H+")"}function s(ee,H,te,ce,Q,he,Z,se,fe,oe){for(var ae=0,X=H,U;ae<B;++ae)switch(U=V[ae].call(u,ee,X,te,ce,Q,he,Z,se,fe,oe)){case void 0:case!1:case!0:case null:break;default:X=U}if(X!==H)return X}function c(ee){switch(ee){case void 0:case null:B=V.length=0;break;default:if(typeof ee=="function")V[B++]=ee;else if(typeof ee=="object")for(var H=0,te=ee.length;H<te;++H)c(ee[H]);else G=!!ee|0}return c}function l(ee){return ee=ee.prefix,ee!==void 0&&(q=null,ee?typeof ee!="function"?$=1:($=2,q=ee):$=0),l}function u(ee,H){var te=ee;if(33>te.charCodeAt(0)&&(te=te.trim()),W=te,te=[W],0<B){var ce=s(-1,H,te,te,T,R,0,0,0,0);ce!==void 0&&typeof ce=="string"&&(H=ce)}var Q=t(z,te,H,0,0);return 0<B&&(ce=s(-2,Q,te,te,T,R,Q.length,0,0,0),ce!==void 0&&(Q=ce)),W="",P=0,R=T=1,Q}var d=/^\0+/g,h=/[\0\r\f]/g,f=/: */g,p=/zoo|gra/,v=/([,: ])(transform)/g,y=/,\r+?/g,g=/([\t\r\n ])*\f?&/g,m=/@(k\w+)\s*(\S*)\s*/,_=/::(place)/g,b=/:(read-only)/g,k=/[svh]\w+-[tblr]{2}/,x=/\(\s*(.*)\s*\)/g,S=/([\s\S]*?);/g,C=/-self|flex-/g,N=/[^]*?(:[rp][el]a[\w-]+)[^]*/,L=/stretch|:\s*\w+\-(?:conte|avail)/,A=/([^-])(image-set\()/,R=1,T=1,P=0,$=1,z=[],V=[],B=0,q=null,G=0,W="";return u.use=c,u.set=l,e!==void 0&&l(e),u}var Kit={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Jit(e){var t=Object.create(null);return function(n){return t[n]===void 0&&(t[n]=e(n)),t[n]}}var Qit=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,$_e=Jit(function(e){return Qit.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),xQ=kQ,eot={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},tot={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},not={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},O_e={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},SQ={};SQ[xQ.ForwardRef]=not,SQ[xQ.Memo]=O_e;function z_e(e){return xQ.isMemo(e)?O_e:SQ[e.$$typeof]||eot}var rot=Object.defineProperty,aot=Object.getOwnPropertyNames,F_e=Object.getOwnPropertySymbols,iot=Object.getOwnPropertyDescriptor,oot=Object.getPrototypeOf,B_e=Object.prototype;function V_e(e,t,n){if(typeof t!="string"){if(B_e){var r=oot(t);r&&r!==B_e&&V_e(e,r,n)}var a=aot(t);F_e&&(a=a.concat(F_e(t)));for(var i=z_e(e),o=z_e(t),s=0;s<a.length;++s){var c=a[s];if(!tot[c]&&!(n&&n[c])&&!(o&&o[c])&&!(i&&i[c])){var l=iot(t,c);try{rot(e,c,l)}catch{}}}}return e}var sot=V_e;const cot=Py(sot);function gc(){return(gc=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var j_e=function(e,t){for(var n=[e[0]],r=0,a=t.length;r<a;r+=1)n.push(t[r],e[r+1]);return n},MQ=function(e){return e!==null&&typeof e=="object"&&(e.toString?e.toString():Object.prototype.toString.call(e))==="[object Object]"&&!kQ.typeOf(e)},Ij=Object.freeze([]),Al=Object.freeze({});function pm(e){return typeof e=="function"}function H_e(e){return e.displayName||e.name||"Component"}function CQ(e){return e&&typeof e.styledComponentId=="string"}var E0=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",NQ=typeof window<"u"&&"HTMLElement"in window,lot=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""&&process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY));function vm(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(n.length>0?" Args: "+n.join(", "):""))}var uot=function(){function e(n){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=n}var t=e.prototype;return t.indexOfGroup=function(n){for(var r=0,a=0;a<n;a++)r+=this.groupSizes[a];return r},t.insertRules=function(n,r){if(n>=this.groupSizes.length){for(var a=this.groupSizes,i=a.length,o=i;n>=o;)(o<<=1)<0&&vm(16,""+n);this.groupSizes=new Uint32Array(o),this.groupSizes.set(a),this.length=o;for(var s=i;s<o;s++)this.groupSizes[s]=0}for(var c=this.indexOfGroup(n+1),l=0,u=r.length;l<u;l++)this.tag.insertRule(c,r[l])&&(this.groupSizes[n]++,c++)},t.clearGroup=function(n){if(n<this.length){var r=this.groupSizes[n],a=this.indexOfGroup(n),i=a+r;this.groupSizes[n]=0;for(var o=a;o<i;o++)this.tag.deleteRule(a)}},t.getGroup=function(n){var r="";if(n>=this.length||this.groupSizes[n]===0)return r;for(var a=this.groupSizes[n],i=this.indexOfGroup(n),o=i+a,s=i;s<o;s++)r+=this.tag.getRule(s)+`/*!sc*/
 `;return r},e}(),Lj=new Map,Aj=new Map,ym=1,Tj=function(e){if(Lj.has(e))return Lj.get(e);for(;Aj.has(ym);)ym++;var t=ym++;return Lj.set(e,t),Aj.set(t,e),t},dot=function(e){return Aj.get(e)},hot=function(e,t){t>=ym&&(ym=t+1),Lj.set(e,t),Aj.set(t,e)},fot="style["+E0+'][data-styled-version="5.3.11"]',pot=new RegExp("^"+E0+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),vot=function(e,t,n){for(var r,a=n.split(","),i=0,o=a.length;i<o;i++)(r=a[i])&&e.registerName(t,r)},yot=function(e,t){for(var n=(t.textContent||"").split(`/*!sc*/
 `),r=[],a=0,i=n.length;a<i;a++){var o=n[a].trim();if(o){var s=o.match(pot);if(s){var c=0|parseInt(s[1],10),l=s[2];c!==0&&(hot(l,c),vot(e,l,s[3]),e.getTag().insertRules(c,r)),r.length=0}else r.push(o)}}},got=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null},q_e=function(e){var t=document.head,n=e||t,r=document.createElement("style"),a=function(s){for(var c=s.childNodes,l=c.length;l>=0;l--){var u=c[l];if(u&&u.nodeType===1&&u.hasAttribute(E0))return u}}(n),i=a!==void 0?a.nextSibling:null;r.setAttribute(E0,"active"),r.setAttribute("data-styled-version","5.3.11");var o=got();return o&&r.setAttribute("nonce",o),n.insertBefore(r,i),r},mot=function(){function e(n){var r=this.element=q_e(n);r.appendChild(document.createTextNode("")),this.sheet=function(a){if(a.sheet)return a.sheet;for(var i=document.styleSheets,o=0,s=i.length;o<s;o++){var c=i[o];if(c.ownerNode===a)return c}vm(17)}(r),this.length=0}var t=e.prototype;return t.insertRule=function(n,r){try{return this.sheet.insertRule(r,n),this.length++,!0}catch{return!1}},t.deleteRule=function(n){this.sheet.deleteRule(n),this.length--},t.getRule=function(n){var r=this.sheet.cssRules[n];return r!==void 0&&typeof r.cssText=="string"?r.cssText:""},e}(),_ot=function(){function e(n){var r=this.element=q_e(n);this.nodes=r.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(n,r){if(n<=this.length&&n>=0){var a=document.createTextNode(r),i=this.nodes[n];return this.element.insertBefore(a,i||null),this.length++,!0}return!1},t.deleteRule=function(n){this.element.removeChild(this.nodes[n]),this.length--},t.getRule=function(n){return n<this.length?this.nodes[n].textContent:""},e}(),wot=function(){function e(n){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(n,r){return n<=this.length&&(this.rules.splice(n,0,r),this.length++,!0)},t.deleteRule=function(n){this.rules.splice(n,1),this.length--},t.getRule=function(n){return n<this.length?this.rules[n]:""},e}(),G_e=NQ,bot={isServer:!NQ,useCSSOMInjection:!lot},W_e=function(){function e(n,r,a){n===void 0&&(n=Al),r===void 0&&(r={}),this.options=gc({},bot,{},n),this.gs=r,this.names=new Map(a),this.server=!!n.isServer,!this.server&&NQ&&G_e&&(G_e=!1,function(i){for(var o=document.querySelectorAll(fot),s=0,c=o.length;s<c;s++){var l=o[s];l&&l.getAttribute(E0)!=="active"&&(yot(i,l),l.parentNode&&l.parentNode.removeChild(l))}}(this))}e.registerId=function(n){return Tj(n)};var t=e.prototype;return t.reconstructWithOptions=function(n,r){return r===void 0&&(r=!0),new e(gc({},this.options,{},n),this.gs,r&&this.names||void 0)},t.allocateGSInstance=function(n){return this.gs[n]=(this.gs[n]||0)+1},t.getTag=function(){return this.tag||(this.tag=(a=(r=this.options).isServer,i=r.useCSSOMInjection,o=r.target,n=a?new wot(o):i?new mot(o):new _ot(o),new uot(n)));var n,r,a,i,o},t.hasNameForId=function(n,r){return this.names.has(n)&&this.names.get(n).has(r)},t.registerName=function(n,r){if(Tj(n),this.names.has(n))this.names.get(n).add(r);else{var a=new Set;a.add(r),this.names.set(n,a)}},t.insertRules=function(n,r,a){this.registerName(n,r),this.getTag().insertRules(Tj(n),a)},t.clearNames=function(n){this.names.has(n)&&this.names.get(n).clear()},t.clearRules=function(n){this.getTag().clearGroup(Tj(n)),this.clearNames(n)},t.clearTag=function(){this.tag=void 0},t.toString=function(){return function(n){for(var r=n.getTag(),a=r.length,i="",o=0;o<a;o++){var s=dot(o);if(s!==void 0){var c=n.names.get(s),l=r.getGroup(o);if(c&&l&&c.size){var u=E0+".g"+o+'[id="'+s+'"]',d="";c!==void 0&&c.forEach(function(h){h.length>0&&(d+=h+",")}),i+=""+l+u+'{content:"'+d+`"}/*!sc*/
-`}}}return i}(this)},e}(),kot=/(a)(d)/gi,U_e=function(e){return String.fromCharCode(e+(e>25?39:97))};function IQ(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=U_e(t%52)+n;return(U_e(t%52)+n).replace(kot,"$1-$2")}var D0=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Y_e=function(e){return D0(5381,e)};function xot(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(pm(n)&&!CQ(n))return!1}return!0}var Sot=Y_e("5.3.11"),Mot=function(){function e(t,n,r){this.rules=t,this.staticRulesId="",this.isStatic=(r===void 0||r.isStatic)&&xot(t),this.componentId=n,this.baseHash=D0(Sot,n),this.baseStyle=r,W_e.registerId(n)}return e.prototype.generateAndInjectStyles=function(t,n,r){var a=this.componentId,i=[];if(this.baseStyle&&i.push(this.baseStyle.generateAndInjectStyles(t,n,r)),this.isStatic&&!r.hash)if(this.staticRulesId&&n.hasNameForId(a,this.staticRulesId))i.push(this.staticRulesId);else{var o=P0(this.rules,t,n,r).join(""),s=IQ(D0(this.baseHash,o)>>>0);if(!n.hasNameForId(a,s)){var c=r(o,"."+s,void 0,a);n.insertRules(a,s,c)}i.push(s),this.staticRulesId=s}else{for(var l=this.rules.length,u=D0(this.baseHash,r.hash),d="",h=0;h<l;h++){var f=this.rules[h];if(typeof f=="string")d+=f;else if(f){var p=P0(f,t,n,r),v=Array.isArray(p)?p.join(""):p;u=D0(u,v+h),d+=v}}if(d){var y=IQ(u>>>0);if(!n.hasNameForId(a,y)){var g=r(d,"."+y,void 0,a);n.insertRules(a,y,g)}i.push(y)}}return i.join(" ")},e}(),Cot=/^\s*\/\/.*$/gm,Not=[":","[",".","#"];function Iot(e){var t,n,r,a,i=Al,o=i.options,s=o===void 0?Al:o,c=i.plugins,l=c===void 0?Ij:c,u=new Zit(s),d=[],h=function(v){function y(g){if(g)try{v(g+"}")}catch{}}return function(g,m,_,b,k,x,S,C,N,L){switch(g){case 1:if(N===0&&m.charCodeAt(0)===64)return v(m+";"),"";break;case 2:if(C===0)return m+"/*|*/";break;case 3:switch(C){case 102:case 112:return v(_[0]+m),"";default:return m+(L===0?"/*|*/":"")}case-2:m.split("/*|*/}").forEach(y)}}}(function(v){d.push(v)}),f=function(v,y,g){return y===0&&Not.indexOf(g[n.length])!==-1||g.match(a)?v:"."+t};function p(v,y,g,m){m===void 0&&(m="&");var _=v.replace(Cot,""),b=y&&g?g+" "+y+" { "+_+" }":_;return t=m,n=y,r=new RegExp("\\"+n+"\\b","g"),a=new RegExp("(\\"+n+"\\b){2,}"),u(g||!y?"":y,b)}return u.use([].concat(l,[function(v,y,g){v===2&&g.length&&g[0].lastIndexOf(n)>0&&(g[0]=g[0].replace(r,f))},h,function(v){if(v===-2){var y=d;return d=[],y}}])),p.hash=l.length?l.reduce(function(v,y){return y.name||vm(15),D0(v,y.name)},5381).toString():"",p}var X_e=D.createContext();X_e.Consumer;var Z_e=D.createContext(),Lot=(Z_e.Consumer,new W_e),LQ=Iot();function Aot(){return D.useContext(X_e)||Lot}function Tot(){return D.useContext(Z_e)||LQ}var Eot=function(){function e(t,n){var r=this;this.inject=function(a,i){i===void 0&&(i=LQ);var o=r.name+i.hash;a.hasNameForId(r.id,o)||a.insertRules(r.id,o,i(r.rules,o,"@keyframes"))},this.toString=function(){return vm(12,String(r.name))},this.name=t,this.id="sc-keyframes-"+t,this.rules=n}return e.prototype.getName=function(t){return t===void 0&&(t=LQ),this.name+t.hash},e}(),Dot=/([A-Z])/,Pot=/([A-Z])/g,Rot=/^ms-/,$ot=function(e){return"-"+e.toLowerCase()};function K_e(e){return Dot.test(e)?e.replace(Pot,$ot).replace(Rot,"-ms-"):e}var J_e=function(e){return e==null||e===!1||e===""};function P0(e,t,n,r){if(Array.isArray(e)){for(var a,i=[],o=0,s=e.length;o<s;o+=1)(a=P0(e[o],t,n,r))!==""&&(Array.isArray(a)?i.push.apply(i,a):i.push(a));return i}if(J_e(e))return"";if(CQ(e))return"."+e.styledComponentId;if(pm(e)){if(typeof(l=e)!="function"||l.prototype&&l.prototype.isReactComponent||!t)return e;var c=e(t);return P0(c,t,n,r)}var l;return e instanceof Eot?n?(e.inject(n,r),e.getName(r)):e:MQ(e)?function u(d,h){var f,p,v=[];for(var y in d)d.hasOwnProperty(y)&&!J_e(d[y])&&(Array.isArray(d[y])&&d[y].isCss||pm(d[y])?v.push(K_e(y)+":",d[y],";"):MQ(d[y])?v.push.apply(v,u(d[y],y)):v.push(K_e(y)+": "+(f=y,(p=d[y])==null||typeof p=="boolean"||p===""?"":typeof p!="number"||p===0||f in Kit||f.startsWith("--")?String(p).trim():p+"px")+";"));return h?[h+" {"].concat(v,["}"]):v}(e):e.toString()}var Q_e=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Oot(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return pm(e)||MQ(e)?Q_e(P0(j_e(Ij,[e].concat(n)))):n.length===0&&e.length===1&&typeof e[0]=="string"?e:Q_e(P0(j_e(e,n)))}var zot=function(e,t,n){return n===void 0&&(n=Al),e.theme!==n.theme&&e.theme||t||n.theme},Fot=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Bot=/(^-|-$)/g;function AQ(e){return e.replace(Fot,"-").replace(Bot,"")}var Vot=function(e){return IQ(Y_e(e)>>>0)};function Ej(e){return typeof e=="string"&&!0}var TQ=function(e){return typeof e=="function"||typeof e=="object"&&e!==null&&!Array.isArray(e)},jot=function(e){return e!=="__proto__"&&e!=="constructor"&&e!=="prototype"};function Hot(e,t,n){var r=e[n];TQ(t)&&TQ(r)?ewe(r,t):e[n]=t}function ewe(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(var a=0,i=n;a<i.length;a++){var o=i[a];if(TQ(o))for(var s in o)jot(s)&&Hot(e,o[s],s)}return e}var twe=D.createContext();twe.Consumer;var EQ={};function nwe(e,t,n){var r=CQ(e),a=!Ej(e),i=t.attrs,o=i===void 0?Ij:i,s=t.componentId,c=s===void 0?function(m,_){var b=typeof m!="string"?"sc":AQ(m);EQ[b]=(EQ[b]||0)+1;var k=b+"-"+Vot("5.3.11"+b+EQ[b]);return _?_+"-"+k:k}(t.displayName,t.parentComponentId):s,l=t.displayName,u=l===void 0?function(m){return Ej(m)?"styled."+m:"Styled("+H_e(m)+")"}(e):l,d=t.displayName&&t.componentId?AQ(t.displayName)+"-"+t.componentId:t.componentId||c,h=r&&e.attrs?Array.prototype.concat(e.attrs,o).filter(Boolean):o,f=t.shouldForwardProp;r&&e.shouldForwardProp&&(f=t.shouldForwardProp?function(m,_,b){return e.shouldForwardProp(m,_,b)&&t.shouldForwardProp(m,_,b)}:e.shouldForwardProp);var p,v=new Mot(n,d,r?e.componentStyle:void 0),y=v.isStatic&&o.length===0,g=function(m,_){return function(b,k,x,S){var C=b.attrs,N=b.componentStyle,L=b.defaultProps,A=b.foldedComponentIds,R=b.shouldForwardProp,T=b.styledComponentId,P=b.target,$=function(ce,Q,he){ce===void 0&&(ce=Al);var Z=gc({},Q,{theme:ce}),se={};return he.forEach(function(fe){var oe,ae,X,U=fe;for(oe in pm(U)&&(U=U(Z)),U)Z[oe]=se[oe]=oe==="className"?(ae=se[oe],X=U[oe],ae&&X?ae+" "+X:ae||X):U[oe]}),[Z,se]}(zot(k,D.useContext(twe),L)||Al,k,C),z=$[0],V=$[1],B=function(ce,Q,he,Z){var se=Aot(),fe=Tot(),oe=Q?ce.generateAndInjectStyles(Al,se,fe):ce.generateAndInjectStyles(he,se,fe);return oe}(N,S,z),q=x,G=V.$as||k.$as||V.as||k.as||P,W=Ej(G),ee=V!==k?gc({},k,{},V):k,H={};for(var te in ee)te[0]!=="$"&&te!=="as"&&(te==="forwardedAs"?H.as=ee[te]:(R?R(te,$_e,G):!W||$_e(te))&&(H[te]=ee[te]));return k.style&&V.style!==k.style&&(H.style=gc({},k.style,{},V.style)),H.className=Array.prototype.concat(A,T,B!==T?B:null,k.className,V.className).filter(Boolean).join(" "),H.ref=q,D.createElement(G,H)}(p,m,_,y)};return g.displayName=u,(p=D.forwardRef(g)).attrs=h,p.componentStyle=v,p.displayName=u,p.shouldForwardProp=f,p.foldedComponentIds=r?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):Ij,p.styledComponentId=d,p.target=r?e.target:e,p.withComponent=function(m){var _=t.componentId,b=function(x,S){if(x==null)return{};var C,N,L={},A=Object.keys(x);for(N=0;N<A.length;N++)C=A[N],S.indexOf(C)>=0||(L[C]=x[C]);return L}(t,["componentId"]),k=_&&_+"-"+(Ej(m)?m:AQ(H_e(m)));return nwe(m,gc({},b,{attrs:h,componentId:k}),n)},Object.defineProperty(p,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(m){this._foldedDefaultProps=r?ewe({},e.defaultProps,m):m}}),Object.defineProperty(p,"toString",{value:function(){return"."+p.styledComponentId}}),a&&cot(p,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),p}var Tl=function(e){return function t(n,r,a){if(a===void 0&&(a=Al),!kQ.isValidElementType(r))return vm(1,String(r));var i=function(){return n(r,a,Oot.apply(void 0,arguments))};return i.withConfig=function(o){return t(n,r,gc({},a,{},o))},i.attrs=function(o){return t(n,r,gc({},a,{attrs:Array.prototype.concat(a.attrs,o).filter(Boolean)}))},i}(nwe,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach(function(e){Tl[e]=Tl(e)});const rwe=D.createContext(null),awe=()=>{const e=D.useContext(rwe);if(!e)throw new Error("useAPI must be used within an APIProvider");return e},qot=({children:e})=>{const[t,n]=D.useState(0),r=D.useCallback(async i=>{n(o=>o+1);try{return await i}finally{n(o=>Math.max(0,o-1))}},[]),a=D.useCallback(async(i,o)=>(n(s=>s+1),new Promise((s,c)=>{const l=i(),u=()=>{n(d=>Math.max(0,d-1))};l.addEventListener("load",()=>{if(u(),l.status>=200&&l.status<300)try{const d=o(l);s(d)}catch(d){c(d)}else c(new Error(`Request failed with status ${l.status}`))}),l.addEventListener("error",()=>{u(),c(new Error("Network error occurred"))}),l.addEventListener("abort",()=>{u(),c(new Error("Request cancelled"))})})),[]);return M.jsx(rwe.Provider,{value:{isLoading:t>0,wrapAPICall:r,wrapXHRCall:a},children:e})},iwe=D.createContext(null),DQ=()=>{const e=D.useContext(iwe);if(!e)throw new Error("useRGContext must be used within a RGProvider");return e},owe=e=>{const{children:t}=e,[n,r]=D.useState({w:1,h:1}),a=o=>{r(o)},i=()=>{r({w:1,h:1})};return M.jsx(iwe.Provider,{value:{activeCompDimension:n,onDragStart:a,onDragStop:i},children:t})};for(var zr=[],PQ=0;PQ<256;++PQ)zr.push((PQ+256).toString(16).slice(1));function Got(e,t=0){return(zr[e[t+0]]+zr[e[t+1]]+zr[e[t+2]]+zr[e[t+3]]+"-"+zr[e[t+4]]+zr[e[t+5]]+"-"+zr[e[t+6]]+zr[e[t+7]]+"-"+zr[e[t+8]]+zr[e[t+9]]+"-"+zr[e[t+10]]+zr[e[t+11]]+zr[e[t+12]]+zr[e[t+13]]+zr[e[t+14]]+zr[e[t+15]]).toLowerCase()}var Dj,Wot=new Uint8Array(16);function Uot(){if(!Dj&&(Dj=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!Dj))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return Dj(Wot)}var Yot=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const swe={randomUUID:Yot};function cwe(e,t,n){if(swe.randomUUID&&!e)return swe.randomUUID();e=e||{};var r=e.random||(e.rng||Uot)();return r[6]=r[6]&15|64,r[8]=r[8]&63|128,Got(r)}const RQ=e=>{const t=e;return{createProject:async(P,$,z)=>{if(z){const V=new FormData;return V.append("description",P),V.append("theme",$),V.append("background_image",z),await fetch(`${t}/create_project`,{method:"POST",body:V})}else{const V={description:P,theme:$};return await fetch(`${t}/create_project`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})}},createBlankProject:async(P,$,z)=>{if(z){const V=new FormData;return V.append("description",P),V.append("theme",$),V.append("background_image",z),await fetch(`${t}/create_blank_project`,{method:"POST",body:V})}else{const V={description:P,theme:$};return await fetch(`${t}/create_blank_project`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})}},getProjects:async()=>await fetch(`${t}/fetch_projects`,{method:"GET",headers:{"Content-Type":"application/json"}}),getProjectMetadata:async P=>await fetch(`${t}/project/${P}`,{method:"GET",headers:{"Content-Type":"application/json"}}),getSubdomains:async P=>await fetch(`${t}/subdomains?project_name=${P}`,{method:"GET",headers:{"Content-Type":"application/json"}}),allocateSubdomain:async(P,$)=>{const z={project_name:P,subdomain:$};return await fetch(`${t}/allocate_subdomain`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z)})},updateSubdomain:async(P,$)=>{const z={project_name:P,subdomain:$};return await fetch(`${t}/update_subdomain`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z)})},releaseSubdomain:async(P,$)=>{const z={project_name:P,subdomain:$};return await fetch(`${t}/release_subdomain`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z)})},publishProject:async(P,$)=>{const z={project_name:P,git_ref:$};return await fetch(`${t}/publish_project`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z)})},unpublishProject:async P=>{const $={project_name:P};return await fetch(`${t}/unpublish_project`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify($)})},tagCommit:async(P,$,z)=>{const V={project_name:P,commit_hash:$,tag_name:z};return await fetch(`${t}/tag_project_commit`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})},getComponentLibrary:async()=>await fetch(`${t}/library_components?namespaces=example`,{method:"GET",headers:{"Content-Type":"application/json"}}),addProjectComponent:async(P,$,z,V)=>{const B={project_name:P,component_namespace:$,component_name:z,layout_metadata:V};return await fetch(`${t}/add_project_component`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(B)})},addProjectChart:async(P,$,z)=>{const V={project_name:P,visual_id:$,layout_metadata:z};return await fetch(`${t}/add_project_chart`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})},updateProjectComponentLayoutMetadata:async(P,$,z)=>{const V={project_name:P,component_id:$,layout_metadata:z};return await fetch(`${t}/update_project_component_layout_metadata`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})},updateProjectComponentSourceCode:async(P,$,z)=>{const V={project_name:P,component_id:$,source_code:z};return await fetch(`${t}/update_project_component_source_code`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})},updateApplicationMetadata:async(P,$,z,V)=>{const B={project_name:P,application_name:$,application_description:z,application_category:V};return await fetch(`${t}/update_application_metadata`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(B)})},updateApplicationSettings:async(P,$=null,z=null)=>{const V={project_name:P,application_login_enabled:$,default_deployment_chain_reference:z};return await fetch(`${t}/update_application_settings`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})},updateProjectFile:async(P,$,z,V)=>{const B={file_path:P,project_name:$,source_code:z};return await fetch(`${t}/update_project_file`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(B),signal:V})},updateProjectFiles:async(P,$)=>{const z=P.map(V=>({project_name:V.projectName,file_path:V.filePath,source_code:V.fileContent}));return await fetch(`${t}/update_project_files`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z),signal:$})},deleteProjectComponent:async(P,$)=>{const z={project_name:P,file_path:$};return await fetch(`${t}/delete_project_component`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z)})},deleteProjectFile:async(P,$)=>{const z={project_name:P,file_path:$};return await fetch(`${t}/delete_project_file`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z)})},resetProjectFile:async(P,$,z,V,B)=>{let q={project_name:P,file_path:$,git_ref:z};return V&&(q.prune=V),B&&(q.extra_metadata=B),await fetch(`${t}/reset_project_file`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(q)})},deleteProject:async P=>{const $={projects:[P]};return await fetch(`${t}/delete_projects`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify($)})},requestErrorCorrection:async(P,$,z)=>{const V={project_name:P,component_id:$,error_message:z};return await fetch(`${t}/error_correction`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})},addImage:async P=>await fetch(`${t}/add_image`,{method:"POST",body:P}),editElement:async P=>{const $={project_name:P.projectName,component_id:P.componentId,element_xpath:P.elementXPath,style_request:P.styleRequest||null,text_request:P.textRequest||null,background_image_request:P.backgroundImageRequest||null,dom_tree_repr:P.domTreeRepr};return await fetch(`${t}/edit_element`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify($)})},initializeProject:async P=>await fetch(`${t}/initialize_project/${P}`,{method:"POST",headers:{"Content-Type":"application/json"}})}},lwe=e=>{const t=e;return{getQueryContent:async i=>await fetch(`${t}/v1/public/sql/content-queries`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({queryId:i,biscuits:[]})}),getVisuals:async(i,o,s,c,l,u,d,h)=>{const f=new URLSearchParams({pageNo:i.toString(),pageSize:o.toString(),scope:s,searchPattern:c,sortBy:l,sortOrder:u,visibility:d,visualType:h}).toString();return await fetch(`${t}/v2/content/visuals?${f}`,{method:"GET",headers:{"Content-Type":"application/json"}})},getSubscription:async()=>await fetch(`${t}/v1/subscription`,{method:"GET",headers:{"Content-Type":"application/json"}})}},$Q=(e,t)=>{const n=e,r=(S=!1,C)=>{const N={"Content-Type":"application/json"};if(S){const L=C||t;L&&(N["x-sxt-project-hmac"]=L)}return N};return{getSecrets:async()=>await fetch(`${n}/config/secrets`,{method:"GET",headers:r(!1)}),putSecret:async(S,C)=>await fetch(`${n}/config/secrets/${S}`,{method:"PUT",headers:r(!1),body:JSON.stringify(C)}),getSecret:async S=>await fetch(`${n}/config/secrets/${S}`,{method:"GET",headers:r(!1)}),deleteSecret:async S=>await fetch(`${n}/config/secrets/${S}`,{method:"DELETE",headers:r(!1)}),getAllTierKeyMaps:async()=>await fetch(`${n}/config/miniapps/*/tier-key-map`,{method:"GET",headers:r(!1)}),getTierKeyMap:async(S,C)=>await fetch(`${n}/config/miniapps/${S}/tier-key-map`,{method:"GET",headers:r(!0,C)}),putTierKeyMap:async(S,C,N,L)=>await fetch(`${n}/config/miniapps/${S}/tier-key-map/${C}`,{method:"PUT",headers:r(!0,L),body:JSON.stringify({secret_reference:N})}),getTierKeyMapForTier:async(S,C,N)=>await fetch(`${n}/config/miniapps/${S}/tier-key-map/${C}`,{method:"GET",headers:r(!0,N)}),deleteTierKeyMap:async(S,C,N,L)=>await fetch(`${n}/config/miniapps/${S}/tier-key-map/${C}/${N}`,{method:"DELETE",headers:r(!0,L)}),getTierAssignments:async(S,C)=>await fetch(`${n}/config/miniapps/${S}/assignments`,{method:"GET",headers:r(!0,C)}),putTierAssignment:async(S,C,N,L)=>await fetch(`${n}/config/miniapps/${S}/assignments/${C}`,{method:"PUT",headers:r(!0,L),body:JSON.stringify({tier:N})}),getTierAssignment:async(S,C,N)=>await fetch(`${n}/config/miniapps/${S}/assignments/${C}`,{method:"GET",headers:r(!0,N)}),deleteTierAssignment:async(S,C,N)=>await fetch(`${n}/config/miniapps/${S}/assignments/${C}`,{method:"DELETE",headers:r(!0,N)}),getRateLimits:async(S,C)=>await fetch(`${n}/config/miniapps/${S}/rate-limits`,{method:"GET",headers:r(!0,C)}),putRateLimit:async(S,C,N,L,A)=>await fetch(`${n}/config/miniapps/${S}/rate-limits/${C}/${N}`,{method:"PUT",headers:r(!0,A),body:JSON.stringify(L)}),getRateLimit:async(S,C,N,L)=>await fetch(`${n}/config/miniapps/${S}/rate-limits/${C}/${N}`,{method:"GET",headers:r(!0,L)}),deleteRateLimit:async(S,C,N,L)=>await fetch(`${n}/config/miniapps/${S}/rate-limits/${C}/${N}`,{method:"DELETE",headers:r(!0,L)}),createProxyFetch:S=>async(C,N)=>{const L=C instanceof URL?C:new URL(C.toString());return await fetch(`${n}/proxy/${S.miniappName}/${L.host}${L.pathname}${L.search}${L.hash}`,N)},createProxyGetView:S=>{const C=new URL(S.gwProxyUrl).hostname;return async(N,L,A={})=>{let R=`SELECT * FROM ${N}.${L}`;A&&Object.keys(A).length>0&&(R+=`(${Object.entries(A).map(([$,z])=>`'${$}=${z}'`).join(",")})`);const T=await fetch(`${n}/proxy/${S.miniappName}/${C}/v1/sql/no-injected-authz`,{method:"POST",headers:r(!1),body:JSON.stringify({sqlText:R})});if(!T.ok)throw new Error(`Failed to fetch view: ${T.statusText}`);return await T.json()}}}};function Xot(e){return typeof e=="function"}const Zot=e=>{const{wrapAPICall:t}=awe(),n=RQ(e);return new Proxy(n,{get:(a,i)=>{const o=a[i];return Xot(o)?(...s)=>t(o.apply(a,s)):o}})},OQ=D.createContext(null);OQ.Consumer;const Kot=e=>{const[t,n]=D.useState({projectName:null,projectURL:null}),[r,a]=D.useState({API_BASE_URL:null,WS_BASE_URL:null,GW_BASE_URL:null,GW_PROXY_URL:null,PROXY_API_BASE_URL:null}),[i,o]=D.useState(()=>lwe(e.config.GW_BASE_URL)),[s,c]=D.useState(!1),[l,u]=D.useState(""),[d,h]=D.useState(""),[f,p]=D.useState(""),[v,y]=D.useState(cwe()),g=Zot(e.config.API_BASE_URL),m=RQ(e.config.API_BASE_URL),_=g||m,[b,k]=D.useState(()=>$Q(e.config.PROXY_API_BASE_URL,t==null?void 0:t.projectHmac)),[x,S]=D.useState(null),[C,N]=D.useState(null),L=()=>{y(cwe())};return D.useEffect(()=>{a(e==null?void 0:e.config)},[e.config]),D.useEffect(()=>{n(e==null?void 0:e.metadata)},[e.metadata]),D.useEffect(()=>{if(!(r!=null&&r.PROXY_API_BASE_URL)||!(r!=null&&r.GW_PROXY_URL)||!(t!=null&&t.projectName)){console.log("Missing required config for proxy setup");return}o(lwe(r.GW_BASE_URL)),k(A=>{const R=$Q(r.PROXY_API_BASE_URL,t==null?void 0:t.projectHmac),T=R.createProxyFetch({miniappName:t.projectName}),P=async(V,B)=>T(V,B);S(()=>P);const $=R.createProxyGetView({miniappName:t.projectName,gwProxyUrl:r.GW_PROXY_URL}),z=async(V,B,q={})=>{if(typeof V!="string"||typeof B!="string")throw new Error(`Invalid parameters: schema and viewName must be strings. Got schema: ${typeof V}, viewName: ${typeof B}`);return $(V,B,q)};return N(()=>z),R})},[r,t]),M.jsx(OQ.Provider,{value:{config:r,projectMetadata:t,setProjectMetadata:n,syncToken:v,setSyncToken:L,selectedComponentId:l,setSelectedComponentId:u,selectedComponentXPath:d,setSelectedComponentXPath:h,selectedComponentHTML:f,setSelectedComponentHTML:p,isComponentSubselected:s,setIsComponentSubselected:c,APIHandler:_,gwAPIHandler:i,proxyHandler:b,proxyFetch:x,proxyGetView:C},children:e.children})},Jot=e=>M.jsx(qot,{children:M.jsx(owe,{children:M.jsx(Kot,{...e})})}),zQ=()=>{const e=D.useContext(OQ);if(e===null)throw new Error("Invalid project context.");return{...e}},Qot=Tl.div`
+`}}}return i}(this)},e}(),kot=/(a)(d)/gi,U_e=function(e){return String.fromCharCode(e+(e>25?39:97))};function IQ(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=U_e(t%52)+n;return(U_e(t%52)+n).replace(kot,"$1-$2")}var D0=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Y_e=function(e){return D0(5381,e)};function xot(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(pm(n)&&!CQ(n))return!1}return!0}var Sot=Y_e("5.3.11"),Mot=function(){function e(t,n,r){this.rules=t,this.staticRulesId="",this.isStatic=(r===void 0||r.isStatic)&&xot(t),this.componentId=n,this.baseHash=D0(Sot,n),this.baseStyle=r,W_e.registerId(n)}return e.prototype.generateAndInjectStyles=function(t,n,r){var a=this.componentId,i=[];if(this.baseStyle&&i.push(this.baseStyle.generateAndInjectStyles(t,n,r)),this.isStatic&&!r.hash)if(this.staticRulesId&&n.hasNameForId(a,this.staticRulesId))i.push(this.staticRulesId);else{var o=P0(this.rules,t,n,r).join(""),s=IQ(D0(this.baseHash,o)>>>0);if(!n.hasNameForId(a,s)){var c=r(o,"."+s,void 0,a);n.insertRules(a,s,c)}i.push(s),this.staticRulesId=s}else{for(var l=this.rules.length,u=D0(this.baseHash,r.hash),d="",h=0;h<l;h++){var f=this.rules[h];if(typeof f=="string")d+=f;else if(f){var p=P0(f,t,n,r),v=Array.isArray(p)?p.join(""):p;u=D0(u,v+h),d+=v}}if(d){var y=IQ(u>>>0);if(!n.hasNameForId(a,y)){var g=r(d,"."+y,void 0,a);n.insertRules(a,y,g)}i.push(y)}}return i.join(" ")},e}(),Cot=/^\s*\/\/.*$/gm,Not=[":","[",".","#"];function Iot(e){var t,n,r,a,i=Al,o=i.options,s=o===void 0?Al:o,c=i.plugins,l=c===void 0?Ij:c,u=new Zit(s),d=[],h=function(v){function y(g){if(g)try{v(g+"}")}catch{}}return function(g,m,_,b,k,x,S,C,N,L){switch(g){case 1:if(N===0&&m.charCodeAt(0)===64)return v(m+";"),"";break;case 2:if(C===0)return m+"/*|*/";break;case 3:switch(C){case 102:case 112:return v(_[0]+m),"";default:return m+(L===0?"/*|*/":"")}case-2:m.split("/*|*/}").forEach(y)}}}(function(v){d.push(v)}),f=function(v,y,g){return y===0&&Not.indexOf(g[n.length])!==-1||g.match(a)?v:"."+t};function p(v,y,g,m){m===void 0&&(m="&");var _=v.replace(Cot,""),b=y&&g?g+" "+y+" { "+_+" }":_;return t=m,n=y,r=new RegExp("\\"+n+"\\b","g"),a=new RegExp("(\\"+n+"\\b){2,}"),u(g||!y?"":y,b)}return u.use([].concat(l,[function(v,y,g){v===2&&g.length&&g[0].lastIndexOf(n)>0&&(g[0]=g[0].replace(r,f))},h,function(v){if(v===-2){var y=d;return d=[],y}}])),p.hash=l.length?l.reduce(function(v,y){return y.name||vm(15),D0(v,y.name)},5381).toString():"",p}var X_e=D.createContext();X_e.Consumer;var Z_e=D.createContext(),Lot=(Z_e.Consumer,new W_e),LQ=Iot();function Aot(){return D.useContext(X_e)||Lot}function Tot(){return D.useContext(Z_e)||LQ}var Eot=function(){function e(t,n){var r=this;this.inject=function(a,i){i===void 0&&(i=LQ);var o=r.name+i.hash;a.hasNameForId(r.id,o)||a.insertRules(r.id,o,i(r.rules,o,"@keyframes"))},this.toString=function(){return vm(12,String(r.name))},this.name=t,this.id="sc-keyframes-"+t,this.rules=n}return e.prototype.getName=function(t){return t===void 0&&(t=LQ),this.name+t.hash},e}(),Dot=/([A-Z])/,Pot=/([A-Z])/g,Rot=/^ms-/,$ot=function(e){return"-"+e.toLowerCase()};function K_e(e){return Dot.test(e)?e.replace(Pot,$ot).replace(Rot,"-ms-"):e}var J_e=function(e){return e==null||e===!1||e===""};function P0(e,t,n,r){if(Array.isArray(e)){for(var a,i=[],o=0,s=e.length;o<s;o+=1)(a=P0(e[o],t,n,r))!==""&&(Array.isArray(a)?i.push.apply(i,a):i.push(a));return i}if(J_e(e))return"";if(CQ(e))return"."+e.styledComponentId;if(pm(e)){if(typeof(l=e)!="function"||l.prototype&&l.prototype.isReactComponent||!t)return e;var c=e(t);return P0(c,t,n,r)}var l;return e instanceof Eot?n?(e.inject(n,r),e.getName(r)):e:MQ(e)?function u(d,h){var f,p,v=[];for(var y in d)d.hasOwnProperty(y)&&!J_e(d[y])&&(Array.isArray(d[y])&&d[y].isCss||pm(d[y])?v.push(K_e(y)+":",d[y],";"):MQ(d[y])?v.push.apply(v,u(d[y],y)):v.push(K_e(y)+": "+(f=y,(p=d[y])==null||typeof p=="boolean"||p===""?"":typeof p!="number"||p===0||f in Kit||f.startsWith("--")?String(p).trim():p+"px")+";"));return h?[h+" {"].concat(v,["}"]):v}(e):e.toString()}var Q_e=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Oot(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return pm(e)||MQ(e)?Q_e(P0(j_e(Ij,[e].concat(n)))):n.length===0&&e.length===1&&typeof e[0]=="string"?e:Q_e(P0(j_e(e,n)))}var zot=function(e,t,n){return n===void 0&&(n=Al),e.theme!==n.theme&&e.theme||t||n.theme},Fot=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Bot=/(^-|-$)/g;function AQ(e){return e.replace(Fot,"-").replace(Bot,"")}var Vot=function(e){return IQ(Y_e(e)>>>0)};function Ej(e){return typeof e=="string"&&!0}var TQ=function(e){return typeof e=="function"||typeof e=="object"&&e!==null&&!Array.isArray(e)},jot=function(e){return e!=="__proto__"&&e!=="constructor"&&e!=="prototype"};function Hot(e,t,n){var r=e[n];TQ(t)&&TQ(r)?ewe(r,t):e[n]=t}function ewe(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(var a=0,i=n;a<i.length;a++){var o=i[a];if(TQ(o))for(var s in o)jot(s)&&Hot(e,o[s],s)}return e}var twe=D.createContext();twe.Consumer;var EQ={};function nwe(e,t,n){var r=CQ(e),a=!Ej(e),i=t.attrs,o=i===void 0?Ij:i,s=t.componentId,c=s===void 0?function(m,_){var b=typeof m!="string"?"sc":AQ(m);EQ[b]=(EQ[b]||0)+1;var k=b+"-"+Vot("5.3.11"+b+EQ[b]);return _?_+"-"+k:k}(t.displayName,t.parentComponentId):s,l=t.displayName,u=l===void 0?function(m){return Ej(m)?"styled."+m:"Styled("+H_e(m)+")"}(e):l,d=t.displayName&&t.componentId?AQ(t.displayName)+"-"+t.componentId:t.componentId||c,h=r&&e.attrs?Array.prototype.concat(e.attrs,o).filter(Boolean):o,f=t.shouldForwardProp;r&&e.shouldForwardProp&&(f=t.shouldForwardProp?function(m,_,b){return e.shouldForwardProp(m,_,b)&&t.shouldForwardProp(m,_,b)}:e.shouldForwardProp);var p,v=new Mot(n,d,r?e.componentStyle:void 0),y=v.isStatic&&o.length===0,g=function(m,_){return function(b,k,x,S){var C=b.attrs,N=b.componentStyle,L=b.defaultProps,A=b.foldedComponentIds,R=b.shouldForwardProp,T=b.styledComponentId,P=b.target,$=function(ce,Q,he){ce===void 0&&(ce=Al);var Z=gc({},Q,{theme:ce}),se={};return he.forEach(function(fe){var oe,ae,X,U=fe;for(oe in pm(U)&&(U=U(Z)),U)Z[oe]=se[oe]=oe==="className"?(ae=se[oe],X=U[oe],ae&&X?ae+" "+X:ae||X):U[oe]}),[Z,se]}(zot(k,D.useContext(twe),L)||Al,k,C),z=$[0],V=$[1],B=function(ce,Q,he,Z){var se=Aot(),fe=Tot(),oe=Q?ce.generateAndInjectStyles(Al,se,fe):ce.generateAndInjectStyles(he,se,fe);return oe}(N,S,z),q=x,G=V.$as||k.$as||V.as||k.as||P,W=Ej(G),ee=V!==k?gc({},k,{},V):k,H={};for(var te in ee)te[0]!=="$"&&te!=="as"&&(te==="forwardedAs"?H.as=ee[te]:(R?R(te,$_e,G):!W||$_e(te))&&(H[te]=ee[te]));return k.style&&V.style!==k.style&&(H.style=gc({},k.style,{},V.style)),H.className=Array.prototype.concat(A,T,B!==T?B:null,k.className,V.className).filter(Boolean).join(" "),H.ref=q,D.createElement(G,H)}(p,m,_,y)};return g.displayName=u,(p=D.forwardRef(g)).attrs=h,p.componentStyle=v,p.displayName=u,p.shouldForwardProp=f,p.foldedComponentIds=r?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):Ij,p.styledComponentId=d,p.target=r?e.target:e,p.withComponent=function(m){var _=t.componentId,b=function(x,S){if(x==null)return{};var C,N,L={},A=Object.keys(x);for(N=0;N<A.length;N++)C=A[N],S.indexOf(C)>=0||(L[C]=x[C]);return L}(t,["componentId"]),k=_&&_+"-"+(Ej(m)?m:AQ(H_e(m)));return nwe(m,gc({},b,{attrs:h,componentId:k}),n)},Object.defineProperty(p,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(m){this._foldedDefaultProps=r?ewe({},e.defaultProps,m):m}}),Object.defineProperty(p,"toString",{value:function(){return"."+p.styledComponentId}}),a&&cot(p,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),p}var Tl=function(e){return function t(n,r,a){if(a===void 0&&(a=Al),!kQ.isValidElementType(r))return vm(1,String(r));var i=function(){return n(r,a,Oot.apply(void 0,arguments))};return i.withConfig=function(o){return t(n,r,gc({},a,{},o))},i.attrs=function(o){return t(n,r,gc({},a,{attrs:Array.prototype.concat(a.attrs,o).filter(Boolean)}))},i}(nwe,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach(function(e){Tl[e]=Tl(e)});const rwe=D.createContext(null),awe=()=>{const e=D.useContext(rwe);if(!e)throw new Error("useAPI must be used within an APIProvider");return e},qot=({children:e})=>{const[t,n]=D.useState(0),r=D.useCallback(async i=>{n(o=>o+1);try{return await i}finally{n(o=>Math.max(0,o-1))}},[]),a=D.useCallback(async(i,o)=>(n(s=>s+1),new Promise((s,c)=>{const l=i(),u=()=>{n(d=>Math.max(0,d-1))};l.addEventListener("load",()=>{if(u(),l.status>=200&&l.status<300)try{const d=o(l);s(d)}catch(d){c(d)}else c(new Error(`Request failed with status ${l.status}`))}),l.addEventListener("error",()=>{u(),c(new Error("Network error occurred"))}),l.addEventListener("abort",()=>{u(),c(new Error("Request cancelled"))})})),[]);return M.jsx(rwe.Provider,{value:{isLoading:t>0,wrapAPICall:r,wrapXHRCall:a},children:e})},iwe=D.createContext(null),DQ=()=>{const e=D.useContext(iwe);if(!e)throw new Error("useRGContext must be used within a RGProvider");return e},owe=e=>{const{children:t}=e,[n,r]=D.useState({w:1,h:1}),a=o=>{r(o)},i=()=>{r({w:1,h:1})};return M.jsx(iwe.Provider,{value:{activeCompDimension:n,onDragStart:a,onDragStop:i},children:t})};for(var zr=[],PQ=0;PQ<256;++PQ)zr.push((PQ+256).toString(16).slice(1));function Got(e,t=0){return(zr[e[t+0]]+zr[e[t+1]]+zr[e[t+2]]+zr[e[t+3]]+"-"+zr[e[t+4]]+zr[e[t+5]]+"-"+zr[e[t+6]]+zr[e[t+7]]+"-"+zr[e[t+8]]+zr[e[t+9]]+"-"+zr[e[t+10]]+zr[e[t+11]]+zr[e[t+12]]+zr[e[t+13]]+zr[e[t+14]]+zr[e[t+15]]).toLowerCase()}var Dj,Wot=new Uint8Array(16);function Uot(){if(!Dj&&(Dj=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!Dj))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return Dj(Wot)}var Yot=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const swe={randomUUID:Yot};function cwe(e,t,n){if(swe.randomUUID&&!e)return swe.randomUUID();e=e||{};var r=e.random||(e.rng||Uot)();return r[6]=r[6]&15|64,r[8]=r[8]&63|128,Got(r)}const RQ=e=>{const t=e;return{createProject:async(P,$,z,V=[])=>{const B=new FormData;B.append("description",P),B.append("theme",$),z&&B.append("background_image",z);const q=Array.isArray(V)?V:[V];for(const G of q)B.append("secret_references",G);return await fetch(`${t}/create_project`,{method:"POST",body:B})},createBlankProject:async(P,$,z,V=[])=>{const B=new FormData;B.append("description",P),B.append("theme",$),z&&B.append("background_image",z);const q=Array.isArray(V)?V:[V];for(const G of q)B.append("secret_references",G);return await fetch(`${t}/create_blank_project`,{method:"POST",body:B})},getProjects:async()=>await fetch(`${t}/fetch_projects`,{method:"GET",headers:{"Content-Type":"application/json"}}),getProjectMetadata:async P=>await fetch(`${t}/project/${P}`,{method:"GET",headers:{"Content-Type":"application/json"}}),getSubdomains:async P=>await fetch(`${t}/subdomains?project_name=${P}`,{method:"GET",headers:{"Content-Type":"application/json"}}),allocateSubdomain:async(P,$)=>{const z={project_name:P,subdomain:$};return await fetch(`${t}/allocate_subdomain`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z)})},updateSubdomain:async(P,$)=>{const z={project_name:P,subdomain:$};return await fetch(`${t}/update_subdomain`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z)})},releaseSubdomain:async(P,$)=>{const z={project_name:P,subdomain:$};return await fetch(`${t}/release_subdomain`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z)})},publishProject:async(P,$)=>{const z={project_name:P,git_ref:$};return await fetch(`${t}/publish_project`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z)})},unpublishProject:async P=>{const $={project_name:P};return await fetch(`${t}/unpublish_project`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify($)})},tagCommit:async(P,$,z)=>{const V={project_name:P,commit_hash:$,tag_name:z};return await fetch(`${t}/tag_project_commit`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})},getComponentLibrary:async()=>await fetch(`${t}/library_components?namespaces=example`,{method:"GET",headers:{"Content-Type":"application/json"}}),addProjectComponent:async(P,$,z,V)=>{const B={project_name:P,component_namespace:$,component_name:z,layout_metadata:V};return await fetch(`${t}/add_project_component`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(B)})},addProjectChart:async(P,$,z)=>{const V={project_name:P,visual_id:$,layout_metadata:z};return await fetch(`${t}/add_project_chart`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})},updateProjectComponentLayoutMetadata:async(P,$,z)=>{const V={project_name:P,component_id:$,layout_metadata:z};return await fetch(`${t}/update_project_component_layout_metadata`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})},updateProjectComponentSourceCode:async(P,$,z)=>{const V={project_name:P,component_id:$,source_code:z};return await fetch(`${t}/update_project_component_source_code`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})},updateApplicationMetadata:async(P,$,z,V)=>{const B={project_name:P,application_name:$,application_description:z,application_category:V};return await fetch(`${t}/update_application_metadata`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(B)})},updateApplicationSettings:async(P,$=null,z=null)=>{const V={project_name:P,application_login_enabled:$,default_deployment_chain_reference:z};return await fetch(`${t}/update_application_settings`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})},updateProjectFile:async(P,$,z,V)=>{const B={file_path:P,project_name:$,source_code:z};return await fetch(`${t}/update_project_file`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(B),signal:V})},updateProjectFiles:async(P,$)=>{const z=P.map(V=>({project_name:V.projectName,file_path:V.filePath,source_code:V.fileContent}));return await fetch(`${t}/update_project_files`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z),signal:$})},deleteProjectComponent:async(P,$)=>{const z={project_name:P,file_path:$};return await fetch(`${t}/delete_project_component`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z)})},deleteProjectFile:async(P,$)=>{const z={project_name:P,file_path:$};return await fetch(`${t}/delete_project_file`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(z)})},resetProjectFile:async(P,$,z,V,B)=>{let q={project_name:P,file_path:$,git_ref:z};return V&&(q.prune=V),B&&(q.extra_metadata=B),await fetch(`${t}/reset_project_file`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(q)})},deleteProject:async P=>{const $={projects:[P]};return await fetch(`${t}/delete_projects`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify($)})},requestErrorCorrection:async(P,$,z)=>{const V={project_name:P,component_id:$,error_message:z};return await fetch(`${t}/error_correction`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)})},addImage:async P=>await fetch(`${t}/add_image`,{method:"POST",body:P}),editElement:async P=>{const $={project_name:P.projectName,component_id:P.componentId,element_xpath:P.elementXPath,style_request:P.styleRequest||null,text_request:P.textRequest||null,background_image_request:P.backgroundImageRequest||null,dom_tree_repr:P.domTreeRepr};return await fetch(`${t}/edit_element`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify($)})},initializeProject:async P=>await fetch(`${t}/initialize_project/${P}`,{method:"POST",headers:{"Content-Type":"application/json"}})}},lwe=e=>{const t=e;return{getQueryContent:async i=>await fetch(`${t}/v1/public/sql/content-queries`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({queryId:i,biscuits:[]})}),getVisuals:async(i,o,s,c,l,u,d,h)=>{const f=new URLSearchParams({pageNo:i.toString(),pageSize:o.toString(),scope:s,searchPattern:c,sortBy:l,sortOrder:u,visibility:d,visualType:h}).toString();return await fetch(`${t}/v2/content/visuals?${f}`,{method:"GET",headers:{"Content-Type":"application/json"}})},getSubscription:async()=>await fetch(`${t}/v1/subscription`,{method:"GET",headers:{"Content-Type":"application/json"}})}},$Q=(e,t)=>{const n=e,r=(S=!1,C)=>{const N={"Content-Type":"application/json"};if(S){const L=C||t;L&&(N["x-sxt-project-hmac"]=L)}return N};return{getSecrets:async()=>await fetch(`${n}/config/secrets`,{method:"GET",headers:r(!1)}),putSecret:async(S,C)=>await fetch(`${n}/config/secrets/${S}`,{method:"PUT",headers:r(!1),body:JSON.stringify(C)}),getSecret:async S=>await fetch(`${n}/config/secrets/${S}`,{method:"GET",headers:r(!1)}),deleteSecret:async S=>await fetch(`${n}/config/secrets/${S}`,{method:"DELETE",headers:r(!1)}),getAllTierKeyMaps:async()=>await fetch(`${n}/config/miniapps/*/tier-key-map`,{method:"GET",headers:r(!1)}),getTierKeyMap:async(S,C)=>await fetch(`${n}/config/miniapps/${S}/tier-key-map`,{method:"GET",headers:r(!0,C)}),putTierKeyMap:async(S,C,N,L)=>await fetch(`${n}/config/miniapps/${S}/tier-key-map/${C}`,{method:"PUT",headers:r(!0,L),body:JSON.stringify({secret_reference:N})}),getTierKeyMapForTier:async(S,C,N)=>await fetch(`${n}/config/miniapps/${S}/tier-key-map/${C}`,{method:"GET",headers:r(!0,N)}),deleteTierKeyMap:async(S,C,N,L)=>await fetch(`${n}/config/miniapps/${S}/tier-key-map/${C}/${N}`,{method:"DELETE",headers:r(!0,L)}),getTierAssignments:async(S,C)=>await fetch(`${n}/config/miniapps/${S}/assignments`,{method:"GET",headers:r(!0,C)}),putTierAssignment:async(S,C,N,L)=>await fetch(`${n}/config/miniapps/${S}/assignments/${C}`,{method:"PUT",headers:r(!0,L),body:JSON.stringify({tier:N})}),getTierAssignment:async(S,C,N)=>await fetch(`${n}/config/miniapps/${S}/assignments/${C}`,{method:"GET",headers:r(!0,N)}),deleteTierAssignment:async(S,C,N)=>await fetch(`${n}/config/miniapps/${S}/assignments/${C}`,{method:"DELETE",headers:r(!0,N)}),getRateLimits:async(S,C)=>await fetch(`${n}/config/miniapps/${S}/rate-limits`,{method:"GET",headers:r(!0,C)}),putRateLimit:async(S,C,N,L,A)=>await fetch(`${n}/config/miniapps/${S}/rate-limits/${C}/${N}`,{method:"PUT",headers:r(!0,A),body:JSON.stringify(L)}),getRateLimit:async(S,C,N,L)=>await fetch(`${n}/config/miniapps/${S}/rate-limits/${C}/${N}`,{method:"GET",headers:r(!0,L)}),deleteRateLimit:async(S,C,N,L)=>await fetch(`${n}/config/miniapps/${S}/rate-limits/${C}/${N}`,{method:"DELETE",headers:r(!0,L)}),createProxyFetch:S=>async(C,N)=>{const L=C instanceof URL?C:new URL(C.toString());return await fetch(`${n}/proxy/${S.miniappName}/${L.host}${L.pathname}${L.search}${L.hash}`,N)},createProxyGetView:S=>{const C=new URL(S.gwProxyUrl).hostname;return async(N,L,A={})=>{let R=`SELECT * FROM ${N}.${L}`;A&&Object.keys(A).length>0&&(R+=`(${Object.entries(A).map(([$,z])=>`'${$}=${z}'`).join(",")})`);const T=await fetch(`${n}/proxy/${S.miniappName}/${C}/v1/sql/no-injected-authz`,{method:"POST",headers:r(!1),body:JSON.stringify({sqlText:R})});if(!T.ok)throw new Error(`Failed to fetch view: ${T.statusText}`);return await T.json()}}}};function Xot(e){return typeof e=="function"}const Zot=e=>{const{wrapAPICall:t}=awe(),n=RQ(e);return new Proxy(n,{get:(a,i)=>{const o=a[i];return Xot(o)?(...s)=>t(o.apply(a,s)):o}})},OQ=D.createContext(null);OQ.Consumer;const Kot=e=>{const[t,n]=D.useState({projectName:null,projectURL:null}),[r,a]=D.useState({API_BASE_URL:null,WS_BASE_URL:null,GW_BASE_URL:null,GW_PROXY_URL:null,PROXY_API_BASE_URL:null}),[i,o]=D.useState(()=>lwe(e.config.GW_BASE_URL)),[s,c]=D.useState(!1),[l,u]=D.useState(""),[d,h]=D.useState(""),[f,p]=D.useState(""),[v,y]=D.useState(cwe()),g=Zot(e.config.API_BASE_URL),m=RQ(e.config.API_BASE_URL),_=g||m,[b,k]=D.useState(()=>$Q(e.config.PROXY_API_BASE_URL,t==null?void 0:t.projectHmac)),[x,S]=D.useState(null),[C,N]=D.useState(null),L=()=>{y(cwe())};return D.useEffect(()=>{a(e==null?void 0:e.config)},[e.config]),D.useEffect(()=>{n(e==null?void 0:e.metadata)},[e.metadata]),D.useEffect(()=>{if(!(r!=null&&r.PROXY_API_BASE_URL)||!(r!=null&&r.GW_PROXY_URL)||!(t!=null&&t.projectName)){console.log("Missing required config for proxy setup");return}o(lwe(r.GW_BASE_URL)),k(A=>{const R=$Q(r.PROXY_API_BASE_URL,t==null?void 0:t.projectHmac),T=R.createProxyFetch({miniappName:t.projectName}),P=async(V,B)=>T(V,B);S(()=>P);const $=R.createProxyGetView({miniappName:t.projectName,gwProxyUrl:r.GW_PROXY_URL}),z=async(V,B,q={})=>{if(typeof V!="string"||typeof B!="string")throw new Error(`Invalid parameters: schema and viewName must be strings. Got schema: ${typeof V}, viewName: ${typeof B}`);return $(V,B,q)};return N(()=>z),R})},[r,t]),M.jsx(OQ.Provider,{value:{config:r,projectMetadata:t,setProjectMetadata:n,syncToken:v,setSyncToken:L,selectedComponentId:l,setSelectedComponentId:u,selectedComponentXPath:d,setSelectedComponentXPath:h,selectedComponentHTML:f,setSelectedComponentHTML:p,isComponentSubselected:s,setIsComponentSubselected:c,APIHandler:_,gwAPIHandler:i,proxyHandler:b,proxyFetch:x,proxyGetView:C},children:e.children})},Jot=e=>M.jsx(qot,{children:M.jsx(owe,{children:M.jsx(Kot,{...e})})}),zQ=()=>{const e=D.useContext(OQ);if(e===null)throw new Error("Invalid project context.");return{...e}},Qot=Tl.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -8104,7 +8104,6 @@ object-assign
 `,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&Rwe(e.body,"react-draggable-transparent-selection")}function Wst(e){if(e)try{if(e.body&&$we(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function Rwe(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function $we(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var ws={};Object.defineProperty(ws,"__esModule",{value:!0}),ws.canDragX=Xst,ws.canDragY=Zst,ws.createCoreData=Jst,ws.createDraggableData=Qst,ws.getBoundPosition=Ust,ws.getControlPosition=Kst,ws.snapToGrid=Yst;var ei=_s,R0=Kn;function Ust(e,t,n){if(!e.props.bounds)return[t,n];let{bounds:r}=e.props;r=typeof r=="string"?r:ect(r);const a=nee(e);if(typeof r=="string"){const{ownerDocument:i}=a,o=i.defaultView;let s;if(r==="parent"?s=a.parentNode:s=i.querySelector(r),!(s instanceof o.HTMLElement))throw new Error('Bounds selector "'+r+'" could not find an element.');const c=s,l=o.getComputedStyle(a),u=o.getComputedStyle(c);r={left:-a.offsetLeft+(0,ei.int)(u.paddingLeft)+(0,ei.int)(l.marginLeft),top:-a.offsetTop+(0,ei.int)(u.paddingTop)+(0,ei.int)(l.marginTop),right:(0,R0.innerWidth)(c)-(0,R0.outerWidth)(a)-a.offsetLeft+(0,ei.int)(u.paddingRight)-(0,ei.int)(l.marginRight),bottom:(0,R0.innerHeight)(c)-(0,R0.outerHeight)(a)-a.offsetTop+(0,ei.int)(u.paddingBottom)-(0,ei.int)(l.marginBottom)}}return(0,ei.isNum)(r.right)&&(t=Math.min(t,r.right)),(0,ei.isNum)(r.bottom)&&(n=Math.min(n,r.bottom)),(0,ei.isNum)(r.left)&&(t=Math.max(t,r.left)),(0,ei.isNum)(r.top)&&(n=Math.max(n,r.top)),[t,n]}function Yst(e,t,n){const r=Math.round(t/e[0])*e[0],a=Math.round(n/e[1])*e[1];return[r,a]}function Xst(e){return e.props.axis==="both"||e.props.axis==="x"}function Zst(e){return e.props.axis==="both"||e.props.axis==="y"}function Kst(e,t,n){const r=typeof t=="number"?(0,R0.getTouch)(e,t):null;if(typeof t=="number"&&!r)return null;const a=nee(n),i=n.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,R0.offsetXYFromParent)(r||e,i,n.props.scale)}function Jst(e,t,n){const r=!(0,ei.isNum)(e.lastX),a=nee(e);return r?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:a,deltaX:t-e.lastX,deltaY:n-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:n}}function Qst(e,t){const n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}function ect(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function nee(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var Bj={},Vj={};Object.defineProperty(Vj,"__esModule",{value:!0}),Vj.default=tct;function tct(){}Object.defineProperty(Bj,"__esModule",{value:!0}),Bj.default=void 0;var ree=rct(D),Ea=iee(El),nct=iee(Eo),ra=Kn,Dl=ws,aee=_s,wm=iee(Vj);function iee(e){return e&&e.__esModule?e:{default:e}}function Owe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Owe=function(r){return r?n:t})(e)}function rct(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Owe(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function ba(e,t,n){return t=act(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function act(e){var t=ict(e,"string");return typeof t=="symbol"?t:String(t)}function ict(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const go={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let Pl=go.mouse,jj=class extends ree.Component{constructor(){super(...arguments),ba(this,"dragging",!1),ba(this,"lastX",NaN),ba(this,"lastY",NaN),ba(this,"touchIdentifier",null),ba(this,"mounted",!1),ba(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const n=this.findDOMNode();if(!n||!n.ownerDocument||!n.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:r}=n;if(this.props.disabled||!(t.target instanceof r.defaultView.Node)||this.props.handle&&!(0,ra.matchesSelectorAndParentsTo)(t.target,this.props.handle,n)||this.props.cancel&&(0,ra.matchesSelectorAndParentsTo)(t.target,this.props.cancel,n))return;t.type==="touchstart"&&t.preventDefault();const a=(0,ra.getTouchIdentifier)(t);this.touchIdentifier=a;const i=(0,Dl.getControlPosition)(t,a,this);if(i==null)return;const{x:o,y:s}=i,c=(0,Dl.createCoreData)(this,o,s);(0,wm.default)("DraggableCore: handleDragStart: %j",c),(0,wm.default)("calling",this.props.onStart),!(this.props.onStart(t,c)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,ra.addUserSelectStyles)(r),this.dragging=!0,this.lastX=o,this.lastY=s,(0,ra.addEvent)(r,Pl.move,this.handleDrag),(0,ra.addEvent)(r,Pl.stop,this.handleDragStop))}),ba(this,"handleDrag",t=>{const n=(0,Dl.getControlPosition)(t,this.touchIdentifier,this);if(n==null)return;let{x:r,y:a}=n;if(Array.isArray(this.props.grid)){let s=r-this.lastX,c=a-this.lastY;if([s,c]=(0,Dl.snapToGrid)(this.props.grid,s,c),!s&&!c)return;r=this.lastX+s,a=this.lastY+c}const i=(0,Dl.createCoreData)(this,r,a);if((0,wm.default)("DraggableCore: handleDrag: %j",i),this.props.onDrag(t,i)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const c=document.createEvent("MouseEvents");c.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(c)}return}this.lastX=r,this.lastY=a}),ba(this,"handleDragStop",t=>{if(!this.dragging)return;const n=(0,Dl.getControlPosition)(t,this.touchIdentifier,this);if(n==null)return;let{x:r,y:a}=n;if(Array.isArray(this.props.grid)){let c=r-this.lastX||0,l=a-this.lastY||0;[c,l]=(0,Dl.snapToGrid)(this.props.grid,c,l),r=this.lastX+c,a=this.lastY+l}const i=(0,Dl.createCoreData)(this,r,a);if(this.props.onStop(t,i)===!1||this.mounted===!1)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,ra.removeUserSelectStyles)(s.ownerDocument),(0,wm.default)("DraggableCore: handleDragStop: %j",i),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,wm.default)("DraggableCore: Removing handlers"),(0,ra.removeEvent)(s.ownerDocument,Pl.move,this.handleDrag),(0,ra.removeEvent)(s.ownerDocument,Pl.stop,this.handleDragStop))}),ba(this,"onMouseDown",t=>(Pl=go.mouse,this.handleDragStart(t))),ba(this,"onMouseUp",t=>(Pl=go.mouse,this.handleDragStop(t))),ba(this,"onTouchStart",t=>(Pl=go.touch,this.handleDragStart(t))),ba(this,"onTouchEnd",t=>(Pl=go.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,ra.addEvent)(t,go.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:n}=t;(0,ra.removeEvent)(n,go.mouse.move,this.handleDrag),(0,ra.removeEvent)(n,go.touch.move,this.handleDrag),(0,ra.removeEvent)(n,go.mouse.stop,this.handleDragStop),(0,ra.removeEvent)(n,go.touch.stop,this.handleDragStop),(0,ra.removeEvent)(t,go.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,ra.removeUserSelectStyles)(n)}}findDOMNode(){var t,n;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(n=this.props)===null||n===void 0||(n=n.nodeRef)===null||n===void 0?void 0:n.current:nct.default.findDOMNode(this)}render(){return ree.cloneElement(ree.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};Bj.default=jj,ba(jj,"displayName","DraggableCore"),ba(jj,"propTypes",{allowAnyClick:Ea.default.bool,children:Ea.default.node.isRequired,disabled:Ea.default.bool,enableUserSelectHack:Ea.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:Ea.default.arrayOf(Ea.default.number),handle:Ea.default.string,cancel:Ea.default.string,nodeRef:Ea.default.object,onStart:Ea.default.func,onDrag:Ea.default.func,onStop:Ea.default.func,onMouseDown:Ea.default.func,scale:Ea.default.number,className:aee.dontSetMe,style:aee.dontSetMe,transform:aee.dontSetMe}),ba(jj,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return c.default}}),e.default=void 0;var t=h(D),n=u(El),r=u(Eo),a=u(Sst),i=Kn,o=ws,s=_s,c=u(Bj),l=u(Vj);function u(m){return m&&m.__esModule?m:{default:m}}function d(m){if(typeof WeakMap!="function")return null;var _=new WeakMap,b=new WeakMap;return(d=function(k){return k?b:_})(m)}function h(m,_){if(m&&m.__esModule)return m;if(m===null||typeof m!="object"&&typeof m!="function")return{default:m};var b=d(_);if(b&&b.has(m))return b.get(m);var k={},x=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var S in m)if(S!=="default"&&Object.prototype.hasOwnProperty.call(m,S)){var C=x?Object.getOwnPropertyDescriptor(m,S):null;C&&(C.get||C.set)?Object.defineProperty(k,S,C):k[S]=m[S]}return k.default=m,b&&b.set(m,k),k}function f(){return f=Object.assign?Object.assign.bind():function(m){for(var _=1;_<arguments.length;_++){var b=arguments[_];for(var k in b)Object.prototype.hasOwnProperty.call(b,k)&&(m[k]=b[k])}return m},f.apply(this,arguments)}function p(m,_,b){return _=v(_),_ in m?Object.defineProperty(m,_,{value:b,enumerable:!0,configurable:!0,writable:!0}):m[_]=b,m}function v(m){var _=y(m,"string");return typeof _=="symbol"?_:String(_)}function y(m,_){if(typeof m!="object"||m===null)return m;var b=m[Symbol.toPrimitive];if(b!==void 0){var k=b.call(m,_||"default");if(typeof k!="object")return k;throw new TypeError("@@toPrimitive must return a primitive value.")}return(_==="string"?String:Number)(m)}class g extends t.Component{static getDerivedStateFromProps(_,b){let{position:k}=_,{prevPropsPosition:x}=b;return k&&(!x||k.x!==x.x||k.y!==x.y)?((0,l.default)("Draggable: getDerivedStateFromProps %j",{position:k,prevPropsPosition:x}),{x:k.x,y:k.y,prevPropsPosition:{...k}}):null}constructor(_){super(_),p(this,"onDragStart",(b,k)=>{if((0,l.default)("Draggable: onDragStart: %j",k),this.props.onStart(b,(0,o.createDraggableData)(this,k))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),p(this,"onDrag",(b,k)=>{if(!this.state.dragging)return!1;(0,l.default)("Draggable: onDrag: %j",k);const x=(0,o.createDraggableData)(this,k),S={x:x.x,y:x.y,slackX:0,slackY:0};if(this.props.bounds){const{x:N,y:L}=S;S.x+=this.state.slackX,S.y+=this.state.slackY;const[A,R]=(0,o.getBoundPosition)(this,S.x,S.y);S.x=A,S.y=R,S.slackX=this.state.slackX+(N-S.x),S.slackY=this.state.slackY+(L-S.y),x.x=S.x,x.y=S.y,x.deltaX=S.x-this.state.x,x.deltaY=S.y-this.state.y}if(this.props.onDrag(b,x)===!1)return!1;this.setState(S)}),p(this,"onDragStop",(b,k)=>{if(!this.state.dragging||this.props.onStop(b,(0,o.createDraggableData)(this,k))===!1)return!1;(0,l.default)("Draggable: onDragStop: %j",k);const S={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:N,y:L}=this.props.position;S.x=N,S.y=L}this.setState(S)}),this.state={dragging:!1,dragged:!1,x:_.position?_.position.x:_.defaultPosition.x,y:_.position?_.position.y:_.defaultPosition.y,prevPropsPosition:{..._.position},slackX:0,slackY:0,isElementSVG:!1},_.position&&!(_.onDrag||_.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var _,b;return(_=(b=this.props)===null||b===void 0||(b=b.nodeRef)===null||b===void 0?void 0:b.current)!==null&&_!==void 0?_:r.default.findDOMNode(this)}render(){const{axis:_,bounds:b,children:k,defaultPosition:x,defaultClassName:S,defaultClassNameDragging:C,defaultClassNameDragged:N,position:L,positionOffset:A,scale:R,...T}=this.props;let P={},$=null;const V=!!!L||this.state.dragging,B=L||x,q={x:(0,o.canDragX)(this)&&V?this.state.x:B.x,y:(0,o.canDragY)(this)&&V?this.state.y:B.y};this.state.isElementSVG?$=(0,i.createSVGTransform)(q,A):P=(0,i.createCSSTransform)(q,A);const G=(0,a.default)(k.props.className||"",S,{[C]:this.state.dragging,[N]:this.state.dragged});return t.createElement(c.default,f({},T,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(k),{className:G,style:{...k.props.style,...P},transform:$}))}}e.default=g,p(g,"displayName","Draggable"),p(g,"propTypes",{...c.default.propTypes,axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),p(g,"defaultProps",{...c.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(Nwe);const{default:zwe,DraggableCore:oct}=Nwe;zj.exports=zwe,zj.exports.default=zwe,zj.exports.DraggableCore=oct;var Fwe=zj.exports,Hj={exports:{}},bm={},oee={};oee.__esModule=!0,oee.cloneElement=hct;var sct=cct(D);function cct(e){return e&&e.__esModule?e:{default:e}}function Bwe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function Vwe(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Bwe(Object(n),!0).forEach(function(r){lct(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Bwe(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function lct(e,t,n){return t=uct(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function uct(e){var t=dct(e,"string");return typeof t=="symbol"?t:String(t)}function dct(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function hct(e,t){return t.style&&e.props.style&&(t.style=Vwe(Vwe({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),sct.default.cloneElement(e,t)}var km={};km.__esModule=!0,km.resizableProps=void 0;var At=fct(El);function fct(e){return e&&e.__esModule?e:{default:e}}var pct={axis:At.default.oneOf(["both","x","y","none"]),className:At.default.string,children:At.default.element.isRequired,draggableOpts:At.default.shape({allowAnyClick:At.default.bool,cancel:At.default.string,children:At.default.node,disabled:At.default.bool,enableUserSelectHack:At.default.bool,offsetParent:At.default.node,grid:At.default.arrayOf(At.default.number),handle:At.default.string,nodeRef:At.default.object,onStart:At.default.func,onDrag:At.default.func,onStop:At.default.func,onMouseDown:At.default.func,scale:At.default.number}),height:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var a=n[0];if(a.axis==="both"||a.axis==="y"){var i;return(i=At.default.number).isRequired.apply(i,n)}return At.default.number.apply(At.default,n)},handle:At.default.oneOfType([At.default.node,At.default.func]),handleSize:At.default.arrayOf(At.default.number),lockAspectRatio:At.default.bool,maxConstraints:At.default.arrayOf(At.default.number),minConstraints:At.default.arrayOf(At.default.number),onResizeStop:At.default.func,onResizeStart:At.default.func,onResize:At.default.func,resizeHandles:At.default.arrayOf(At.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:At.default.number,width:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var a=n[0];if(a.axis==="both"||a.axis==="x"){var i;return(i=At.default.number).isRequired.apply(i,n)}return At.default.number.apply(At.default,n)}};km.resizableProps=pct,bm.__esModule=!0,bm.default=void 0;var xm=_ct(D),vct=Fwe,yct=oee,gct=km,mct=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function jwe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(jwe=function(a){return a?n:t})(e)}function _ct(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=jwe(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function see(){return see=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},see.apply(this,arguments)}function wct(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,i;for(i=0;i<r.length;i++)a=r[i],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Hwe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function cee(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Hwe(Object(n),!0).forEach(function(r){bct(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Hwe(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function bct(e,t,n){return t=kct(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function kct(e){var t=xct(e,"string");return typeof t=="symbol"?t:String(t)}function xct(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Sct(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,lee(e,t)}function lee(e,t){return lee=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},lee(e,t)}var uee=function(e){Sct(t,e);function t(){for(var r,a=arguments.length,i=new Array(a),o=0;o<a;o++)i[o]=arguments[o];return r=e.call.apply(e,[this].concat(i))||this,r.handleRefs={},r.lastHandleRect=null,r.slack=null,r}var n=t.prototype;return n.componentWillUnmount=function(){this.resetData()},n.resetData=function(){this.lastHandleRect=this.slack=null},n.runConstraints=function(a,i){var o=this.props,s=o.minConstraints,c=o.maxConstraints,l=o.lockAspectRatio;if(!s&&!c&&!l)return[a,i];if(l){var u=this.props.width/this.props.height,d=a-this.props.width,h=i-this.props.height;Math.abs(d)>Math.abs(h*u)?i=a/u:a=i*u}var f=a,p=i,v=this.slack||[0,0],y=v[0],g=v[1];return a+=y,i+=g,s&&(a=Math.max(s[0],a),i=Math.max(s[1],i)),c&&(a=Math.min(c[0],a),i=Math.min(c[1],i)),this.slack=[y+(f-a),g+(p-i)],[a,i]},n.resizeHandler=function(a,i){var o=this;return function(s,c){var l=c.node,u=c.deltaX,d=c.deltaY;a==="onResizeStart"&&o.resetData();var h=(o.props.axis==="both"||o.props.axis==="x")&&i!=="n"&&i!=="s",f=(o.props.axis==="both"||o.props.axis==="y")&&i!=="e"&&i!=="w";if(!(!h&&!f)){var p=i[0],v=i[i.length-1],y=l.getBoundingClientRect();if(o.lastHandleRect!=null){if(v==="w"){var g=y.left-o.lastHandleRect.left;u+=g}if(p==="n"){var m=y.top-o.lastHandleRect.top;d+=m}}o.lastHandleRect=y,v==="w"&&(u=-u),p==="n"&&(d=-d);var _=o.props.width+(h?u/o.props.transformScale:0),b=o.props.height+(f?d/o.props.transformScale:0),k=o.runConstraints(_,b);_=k[0],b=k[1];var x=_!==o.props.width||b!==o.props.height,S=typeof o.props[a]=="function"?o.props[a]:null,C=a==="onResize"&&!x;S&&!C&&(s.persist==null||s.persist(),S(s,{node:l,size:{width:_,height:b},handle:i})),a==="onResizeStop"&&o.resetData()}}},n.renderResizeHandle=function(a,i){var o=this.props.handle;if(!o)return xm.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+a,ref:i});if(typeof o=="function")return o(a,i);var s=typeof o.type=="string",c=cee({ref:i},s?{}:{handleAxis:a});return xm.cloneElement(o,c)},n.render=function(){var a=this,i=this.props,o=i.children,s=i.className,c=i.draggableOpts;i.width,i.height,i.handle,i.handleSize,i.lockAspectRatio,i.axis,i.minConstraints,i.maxConstraints,i.onResize,i.onResizeStop,i.onResizeStart;var l=i.resizeHandles;i.transformScale;var u=wct(i,mct);return(0,yct.cloneElement)(o,cee(cee({},u),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(o.props.children,l.map(function(d){var h,f=(h=a.handleRefs[d])!=null?h:a.handleRefs[d]=xm.createRef();return xm.createElement(vct.DraggableCore,see({},c,{nodeRef:f,key:"resizableHandle-"+d,onStop:a.resizeHandler("onResizeStop",d),onStart:a.resizeHandler("onResizeStart",d),onDrag:a.resizeHandler("onResize",d)}),a.renderResizeHandle(d,f))}))}))},t}(xm.Component);bm.default=uee,uee.propTypes=gct.resizableProps,uee.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var qj={};qj.__esModule=!0,qj.default=void 0;var dee=Lct(D),Mct=qwe(El),Cct=qwe(bm),Nct=km,Ict=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function qwe(e){return e&&e.__esModule?e:{default:e}}function Gwe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Gwe=function(a){return a?n:t})(e)}function Lct(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Gwe(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function hee(){return hee=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},hee.apply(this,arguments)}function Wwe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function Gj(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Wwe(Object(n),!0).forEach(function(r){Act(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wwe(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function Act(e,t,n){return t=Tct(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Tct(e){var t=Ect(e,"string");return typeof t=="symbol"?t:String(t)}function Ect(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Dct(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,i;for(i=0;i<r.length;i++)a=r[i],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Pct(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,fee(e,t)}function fee(e,t){return fee=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},fee(e,t)}var Uwe=function(e){Pct(t,e);function t(){for(var r,a=arguments.length,i=new Array(a),o=0;o<a;o++)i[o]=arguments[o];return r=e.call.apply(e,[this].concat(i))||this,r.state={width:r.props.width,height:r.props.height,propsWidth:r.props.width,propsHeight:r.props.height},r.onResize=function(s,c){var l=c.size;r.props.onResize?(s.persist==null||s.persist(),r.setState(l,function(){return r.props.onResize&&r.props.onResize(s,c)})):r.setState(l)},r}t.getDerivedStateFromProps=function(a,i){return i.propsWidth!==a.width||i.propsHeight!==a.height?{width:a.width,height:a.height,propsWidth:a.width,propsHeight:a.height}:null};var n=t.prototype;return n.render=function(){var a=this.props,i=a.handle,o=a.handleSize;a.onResize;var s=a.onResizeStart,c=a.onResizeStop,l=a.draggableOpts,u=a.minConstraints,d=a.maxConstraints,h=a.lockAspectRatio,f=a.axis;a.width,a.height;var p=a.resizeHandles,v=a.style,y=a.transformScale,g=Dct(a,Ict);return dee.createElement(Cct.default,{axis:f,draggableOpts:l,handle:i,handleSize:o,height:this.state.height,lockAspectRatio:h,maxConstraints:d,minConstraints:u,onResizeStart:s,onResize:this.onResize,onResizeStop:c,resizeHandles:p,transformScale:y,width:this.state.width},dee.createElement("div",hee({},g,{style:Gj(Gj({},v),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(dee.Component);qj.default=Uwe,Uwe.propTypes=Gj(Gj({},Nct.resizableProps),{},{children:Mct.default.element}),Hj.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},Hj.exports.Resizable=bm.default,Hj.exports.ResizableBox=qj.default;var Rct=Hj.exports,mc={};Object.defineProperty(mc,"__esModule",{value:!0}),mc.resizeHandleType=mc.resizeHandleAxesType=mc.default=void 0;var Rt=Ywe(El),$ct=Ywe(D);function Ywe(e){return e&&e.__esModule?e:{default:e}}const Oct=mc.resizeHandleAxesType=Rt.default.arrayOf(Rt.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),zct=mc.resizeHandleType=Rt.default.oneOfType([Rt.default.node,Rt.default.func]);mc.default={className:Rt.default.string,style:Rt.default.object,width:Rt.default.number,autoSize:Rt.default.bool,cols:Rt.default.number,draggableCancel:Rt.default.string,draggableHandle:Rt.default.string,verticalCompact:function(e){e.verticalCompact},compactType:Rt.default.oneOf(["vertical","horizontal"]),layout:function(e){var t=e.layout;t!==void 0&&Vt.validateLayout(t,"layout")},margin:Rt.default.arrayOf(Rt.default.number),containerPadding:Rt.default.arrayOf(Rt.default.number),rowHeight:Rt.default.number,maxRows:Rt.default.number,isBounded:Rt.default.bool,isDraggable:Rt.default.bool,isResizable:Rt.default.bool,allowOverlap:Rt.default.bool,preventCollision:Rt.default.bool,useCSSTransforms:Rt.default.bool,transformScale:Rt.default.number,isDroppable:Rt.default.bool,resizeHandles:Oct,resizeHandle:zct,onLayoutChange:Rt.default.func,onDragStart:Rt.default.func,onDrag:Rt.default.func,onDragStop:Rt.default.func,onResizeStart:Rt.default.func,onResize:Rt.default.func,onResizeStop:Rt.default.func,onDrop:Rt.default.func,droppingItem:Rt.default.shape({i:Rt.default.string.isRequired,w:Rt.default.number.isRequired,h:Rt.default.number.isRequired}),children:function(e,t){const n=e[t],r={};$ct.default.Children.forEach(n,function(a){if((a==null?void 0:a.key)!=null){if(r[a.key])throw new Error('Duplicate child key "'+a.key+'" found! This will cause problems in ReactGridLayout.');r[a.key]=!0}})},innerRef:Rt.default.any},Object.defineProperty(Oj,"__esModule",{value:!0}),Oj.default=void 0;var $0=pee(D),sn=pee(El),Fct=Fwe,Bct=Rct,O0=Vt,Fr=ms,Xwe=mc,Vct=pee(VQ);function pee(e){return e&&e.__esModule?e:{default:e}}function bs(e,t,n){return t=jct(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function jct(e){var t=Hct(e,"string");return typeof t=="symbol"?t:String(t)}function Hct(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}class vee extends $0.default.Component{constructor(){super(...arguments),bs(this,"state",{resizing:null,dragging:null,className:""}),bs(this,"elementRef",$0.default.createRef()),bs(this,"onDragStart",(t,n)=>{let{node:r}=n;const{onDragStart:a,transformScale:i}=this.props;if(!a)return;const o={top:0,left:0},{offsetParent:s}=r;if(!s)return;const c=s.getBoundingClientRect(),l=r.getBoundingClientRect(),u=l.left/i,d=c.left/i,h=l.top/i,f=c.top/i;o.left=u-d+s.scrollLeft,o.top=h-f+s.scrollTop,this.setState({dragging:o});const{x:p,y:v}=(0,Fr.calcXY)(this.getPositionParams(),o.top,o.left,this.props.w,this.props.h);return a.call(this,this.props.i,p,v,{e:t,node:r,newPosition:o})}),bs(this,"onDrag",(t,n)=>{let{node:r,deltaX:a,deltaY:i}=n;const{onDrag:o}=this.props;if(!o)return;if(!this.state.dragging)throw new Error("onDrag called before onDragStart.");let s=this.state.dragging.top+i,c=this.state.dragging.left+a;const{isBounded:l,i:u,w:d,h,containerWidth:f}=this.props,p=this.getPositionParams();if(l){const{offsetParent:m}=r;if(m){const{margin:_,rowHeight:b,containerPadding:k}=this.props,x=m.clientHeight-(0,Fr.calcGridItemWHPx)(h,b,_[1]);s=(0,Fr.clamp)(s-k[1],0,x);const S=(0,Fr.calcGridColWidth)(p),C=f-(0,Fr.calcGridItemWHPx)(d,S,_[0]);c=(0,Fr.clamp)(c-k[0],0,C)}}const v={top:s,left:c};this.setState({dragging:v});const{x:y,y:g}=(0,Fr.calcXY)(p,s,c,d,h);return o.call(this,u,y,g,{e:t,node:r,newPosition:v})}),bs(this,"onDragStop",(t,n)=>{let{node:r}=n;const{onDragStop:a}=this.props;if(!a)return;if(!this.state.dragging)throw new Error("onDragEnd called before onDragStart.");const{w:i,h:o,i:s}=this.props,{left:c,top:l}=this.state.dragging,u={top:l,left:c};this.setState({dragging:null});const{x:d,y:h}=(0,Fr.calcXY)(this.getPositionParams(),l,c,i,o);return a.call(this,s,d,h,{e:t,node:r,newPosition:u})}),bs(this,"onResizeStop",(t,n,r)=>this.onResizeHandler(t,n,r,"onResizeStop")),bs(this,"onResizeStart",(t,n,r)=>this.onResizeHandler(t,n,r,"onResizeStart")),bs(this,"onResize",(t,n,r)=>this.onResizeHandler(t,n,r,"onResize"))}shouldComponentUpdate(t,n){if(this.props.children!==t.children||this.props.droppingPosition!==t.droppingPosition)return!0;const r=(0,Fr.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),a=(0,Fr.calcGridItemPosition)(this.getPositionParams(t),t.x,t.y,t.w,t.h,n);return!(0,O0.fastPositionEqual)(r,a)||this.props.useCSSTransforms!==t.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(t){this.moveDroppingItem(t)}moveDroppingItem(t){const{droppingPosition:n}=this.props;if(!n)return;const r=this.elementRef.current;if(!r)return;const a=t.droppingPosition||{left:0,top:0},{dragging:i}=this.state,o=i&&n.left!==a.left||n.top!==a.top;if(!i)this.onDragStart(n.e,{node:r,deltaX:n.left,deltaY:n.top});else if(o){const s=n.left-i.left,c=n.top-i.top;this.onDrag(n.e,{node:r,deltaX:s,deltaY:c})}}getPositionParams(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:t.cols,containerPadding:t.containerPadding,containerWidth:t.containerWidth,margin:t.margin,maxRows:t.maxRows,rowHeight:t.rowHeight}}createStyle(t){const{usePercentages:n,containerWidth:r,useCSSTransforms:a}=this.props;let i;return a?i=(0,O0.setTransform)(t):(i=(0,O0.setTopLeft)(t),n&&(i.left=(0,O0.perc)(t.left/r),i.width=(0,O0.perc)(t.width/r))),i}mixinDraggable(t,n){return $0.default.createElement(Fct.DraggableCore,{disabled:!n,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:".react-resizable-handle"+(this.props.cancel?","+this.props.cancel:""),scale:this.props.transformScale,nodeRef:this.elementRef},t)}curryResizeHandler(t,n){return(r,a)=>n(r,a,t)}mixinResizable(t,n,r){const{cols:a,minW:i,minH:o,maxW:s,maxH:c,transformScale:l,resizeHandles:u,resizeHandle:d}=this.props,h=this.getPositionParams(),f=(0,Fr.calcGridItemPosition)(h,0,0,a,0).width,p=(0,Fr.calcGridItemPosition)(h,0,0,i,o),v=(0,Fr.calcGridItemPosition)(h,0,0,s,c),y=[p.width,p.height],g=[Math.min(v.width,f),Math.min(v.height,1/0)];return $0.default.createElement(Bct.Resizable,{draggableOpts:{disabled:!r},className:r?void 0:"react-resizable-hide",width:n.width,height:n.height,minConstraints:y,maxConstraints:g,onResizeStop:this.curryResizeHandler(n,this.onResizeStop),onResizeStart:this.curryResizeHandler(n,this.onResizeStart),onResize:this.curryResizeHandler(n,this.onResize),transformScale:l,resizeHandles:u,handle:d},t)}onResizeHandler(t,n,r,a){let{node:i,size:o,handle:s}=n;const c=this.props[a];if(!c)return;const{x:l,y:u,i:d,maxH:h,minH:f,containerWidth:p}=this.props,{minW:v,maxW:y}=this.props;let g=o;i&&(g=(0,O0.resizeItemInDirection)(s,r,o,p),this.setState({resizing:a==="onResizeStop"?null:g}));let{w:m,h:_}=(0,Fr.calcWH)(this.getPositionParams(),g.width,g.height,l,u,s);m=(0,Fr.clamp)(m,Math.max(v,1),y),_=(0,Fr.clamp)(_,f,h),c.call(this,d,m,_,{e:t,node:i,size:g,handle:s})}render(){const{x:t,y:n,w:r,h:a,isDraggable:i,isResizable:o,droppingPosition:s,useCSSTransforms:c}=this.props,l=(0,Fr.calcGridItemPosition)(this.getPositionParams(),t,n,r,a,this.state),u=$0.default.Children.only(this.props.children);let d=$0.default.cloneElement(u,{ref:this.elementRef,className:(0,Vct.default)("react-grid-item",u.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":i,"react-draggable-dragging":!!this.state.dragging,dropping:!!s,cssTransforms:c}),style:{...this.props.style,...u.props.style,...this.createStyle(l)}});return d=this.mixinResizable(d,l,o),d=this.mixinDraggable(d,i),d}}Oj.default=vee,bs(vee,"propTypes",{children:sn.default.element,cols:sn.default.number.isRequired,containerWidth:sn.default.number.isRequired,rowHeight:sn.default.number.isRequired,margin:sn.default.array.isRequired,maxRows:sn.default.number.isRequired,containerPadding:sn.default.array.isRequired,x:sn.default.number.isRequired,y:sn.default.number.isRequired,w:sn.default.number.isRequired,h:sn.default.number.isRequired,minW:function(e,t){const n=e[t];if(typeof n!="number")return new Error("minWidth not Number");if(n>e.w||n>e.maxW)return new Error("minWidth larger than item width/maxWidth")},maxW:function(e,t){const n=e[t];if(typeof n!="number")return new Error("maxWidth not Number");if(n<e.w||n<e.minW)return new Error("maxWidth smaller than item width/minWidth")},minH:function(e,t){const n=e[t];if(typeof n!="number")return new Error("minHeight not Number");if(n>e.h||n>e.maxH)return new Error("minHeight larger than item height/maxHeight")},maxH:function(e,t){const n=e[t];if(typeof n!="number")return new Error("maxHeight not Number");if(n<e.h||n<e.minH)return new Error("maxHeight smaller than item height/minHeight")},i:sn.default.string.isRequired,resizeHandles:Xwe.resizeHandleAxesType,resizeHandle:Xwe.resizeHandleType,onDragStop:sn.default.func,onDragStart:sn.default.func,onDrag:sn.default.func,onResizeStop:sn.default.func,onResizeStart:sn.default.func,onResize:sn.default.func,isDraggable:sn.default.bool.isRequired,isResizable:sn.default.bool.isRequired,isBounded:sn.default.bool.isRequired,static:sn.default.bool,useCSSTransforms:sn.default.bool.isRequired,transformScale:sn.default.number,className:sn.default.string,handle:sn.default.string,cancel:sn.default.string,droppingPosition:sn.default.shape({e:sn.default.object.isRequired,left:sn.default.number.isRequired,top:sn.default.number.isRequired})}),bs(vee,"defaultProps",{className:"",cancel:"",handle:"",minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1}),Object.defineProperty(gm,"__esModule",{value:!0}),gm.default=void 0;var b1=Uct(D),yee=BQ,qct=gee(VQ),wt=Vt,Gct=ms,Zwe=gee(Oj),Wct=gee(mc);function gee(e){return e&&e.__esModule?e:{default:e}}function Kwe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Kwe=function(r){return r?n:t})(e)}function Uct(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Kwe(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function aa(e,t,n){return t=Yct(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Yct(e){var t=Xct(e,"string");return typeof t=="symbol"?t:String(t)}function Xct(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const Jwe="react-grid-layout";let Qwe=!1;try{Qwe=/firefox/i.test(navigator.userAgent)}catch{}class Wj extends b1.Component{constructor(){super(...arguments),aa(this,"state",{activeDrag:null,layout:(0,wt.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,wt.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),aa(this,"dragEnterCounter",0),aa(this,"onDragStart",(t,n,r,a)=>{let{e:i,node:o}=a;const{layout:s}=this.state,c=(0,wt.getLayoutItem)(s,t);if(!c)return;const l={w:c.w,h:c.h,x:c.x,y:c.y,placeholder:!0,i:t};return this.setState({oldDragItem:(0,wt.cloneLayoutItem)(c),oldLayout:s,activeDrag:l}),this.props.onDragStart(s,c,c,null,i,o)}),aa(this,"onDrag",(t,n,r,a)=>{let{e:i,node:o}=a;const{oldDragItem:s}=this.state;let{layout:c}=this.state;const{cols:l,allowOverlap:u,preventCollision:d}=this.props,h=(0,wt.getLayoutItem)(c,t);if(!h)return;const f={w:h.w,h:h.h,x:h.x,y:h.y,placeholder:!0,i:t};c=(0,wt.moveElement)(c,h,n,r,!0,d,(0,wt.compactType)(this.props),l,u),this.props.onDrag(c,s,h,f,i,o),this.setState({layout:u?c:(0,wt.compact)(c,(0,wt.compactType)(this.props),l),activeDrag:f})}),aa(this,"onDragStop",(t,n,r,a)=>{let{e:i,node:o}=a;if(!this.state.activeDrag)return;const{oldDragItem:s}=this.state;let{layout:c}=this.state;const{cols:l,preventCollision:u,allowOverlap:d}=this.props,h=(0,wt.getLayoutItem)(c,t);if(!h)return;c=(0,wt.moveElement)(c,h,n,r,!0,u,(0,wt.compactType)(this.props),l,d);const p=d?c:(0,wt.compact)(c,(0,wt.compactType)(this.props),l);this.props.onDragStop(p,s,h,null,i,o);const{oldLayout:v}=this.state;this.setState({activeDrag:null,layout:p,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(p,v)}),aa(this,"onResizeStart",(t,n,r,a)=>{let{e:i,node:o}=a;const{layout:s}=this.state,c=(0,wt.getLayoutItem)(s,t);c&&(this.setState({oldResizeItem:(0,wt.cloneLayoutItem)(c),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(s,c,c,null,i,o))}),aa(this,"onResize",(t,n,r,a)=>{let{e:i,node:o,size:s,handle:c}=a;const{oldResizeItem:l}=this.state,{layout:u}=this.state,{cols:d,preventCollision:h,allowOverlap:f}=this.props;let p=!1,v,y,g;const[m,_]=(0,wt.withLayoutItem)(u,t,k=>{let x;return y=k.x,g=k.y,["sw","w","nw","n","ne"].indexOf(c)!==-1&&(["sw","nw","w"].indexOf(c)!==-1&&(y=k.x+(k.w-n),n=k.x!==y&&y<0?k.w:n,y=y<0?0:y),["ne","n","nw"].indexOf(c)!==-1&&(g=k.y+(k.h-r),r=k.y!==g&&g<0?k.h:r,g=g<0?0:g),p=!0),h&&!f&&(x=(0,wt.getAllCollisions)(u,{...k,w:n,h:r,x:y,y:g}).filter(C=>C.i!==k.i).length>0,x&&(g=k.y,r=k.h,y=k.x,n=k.w,p=!1)),k.w=n,k.h=r,k});if(!_)return;v=m,p&&(v=(0,wt.moveElement)(m,_,y,g,!0,this.props.preventCollision,(0,wt.compactType)(this.props),d,f));const b={w:_.w,h:_.h,x:_.x,y:_.y,static:!0,i:t};this.props.onResize(v,l,_,b,i,o),this.setState({layout:f?v:(0,wt.compact)(v,(0,wt.compactType)(this.props),d),activeDrag:b})}),aa(this,"onResizeStop",(t,n,r,a)=>{let{e:i,node:o}=a;const{layout:s,oldResizeItem:c}=this.state,{cols:l,allowOverlap:u}=this.props,d=(0,wt.getLayoutItem)(s,t),h=u?s:(0,wt.compact)(s,(0,wt.compactType)(this.props),l);this.props.onResizeStop(h,c,d,null,i,o);const{oldLayout:f}=this.state;this.setState({activeDrag:null,layout:h,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(h,f)}),aa(this,"onDragOver",t=>{var m;if(t.preventDefault(),t.stopPropagation(),Qwe&&!((m=t.nativeEvent.target)!=null&&m.classList.contains(Jwe)))return!1;const{droppingItem:n,onDropDragOver:r,margin:a,cols:i,rowHeight:o,maxRows:s,width:c,containerPadding:l,transformScale:u}=this.props,d=r==null?void 0:r(t);if(d===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;const h={...n,...d},{layout:f}=this.state,p=t.currentTarget.getBoundingClientRect(),v=t.clientX-p.left,y=t.clientY-p.top,g={left:v/u,top:y/u,e:t};if(this.state.droppingDOMNode){if(this.state.droppingPosition){const{left:_,top:b}=this.state.droppingPosition;(_!=v||b!=y)&&this.setState({droppingPosition:g})}}else{const _={cols:i,margin:a,maxRows:s,rowHeight:o,containerWidth:c,containerPadding:l||a},b=(0,Gct.calcXY)(_,y,v,h.w,h.h);this.setState({droppingDOMNode:b1.createElement("div",{key:h.i}),droppingPosition:g,layout:[...f,{...h,x:b.x,y:b.y,static:!1,isDraggable:!0}]})}}),aa(this,"removeDroppingPlaceholder",()=>{const{droppingItem:t,cols:n}=this.props,{layout:r}=this.state,a=(0,wt.compact)(r.filter(i=>i.i!==t.i),(0,wt.compactType)(this.props),n,this.props.allowOverlap);this.setState({layout:a,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),aa(this,"onDragLeave",t=>{t.preventDefault(),t.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),aa(this,"onDragEnter",t=>{t.preventDefault(),t.stopPropagation(),this.dragEnterCounter++}),aa(this,"onDrop",t=>{t.preventDefault(),t.stopPropagation();const{droppingItem:n}=this.props,{layout:r}=this.state,a=r.find(i=>i.i===n.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(r,a,t)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(t,n){let r;return n.activeDrag?null:(!(0,yee.deepEqual)(t.layout,n.propsLayout)||t.compactType!==n.compactType?r=t.layout:(0,wt.childrenEqual)(t.children,n.children)||(r=n.layout),r?{layout:(0,wt.synchronizeLayoutWithChildren)(r,t.children,t.cols,(0,wt.compactType)(t),t.allowOverlap),compactType:t.compactType,children:t.children,propsLayout:t.layout}:null)}shouldComponentUpdate(t,n){return this.props.children!==t.children||!(0,wt.fastRGLPropsEqual)(this.props,t,yee.deepEqual)||this.state.activeDrag!==n.activeDrag||this.state.mounted!==n.mounted||this.state.droppingPosition!==n.droppingPosition}componentDidUpdate(t,n){if(!this.state.activeDrag){const r=this.state.layout,a=n.layout;this.onLayoutMaybeChanged(r,a)}}containerHeight(){if(!this.props.autoSize)return;const t=(0,wt.bottom)(this.state.layout),n=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return t*this.props.rowHeight+(t-1)*this.props.margin[1]+n*2+"px"}onLayoutMaybeChanged(t,n){n||(n=this.state.layout),(0,yee.deepEqual)(n,t)||this.props.onLayoutChange(t)}placeholder(){const{activeDrag:t}=this.state;if(!t)return null;const{width:n,cols:r,margin:a,containerPadding:i,rowHeight:o,maxRows:s,useCSSTransforms:c,transformScale:l}=this.props;return b1.createElement(Zwe.default,{w:t.w,h:t.h,x:t.x,y:t.y,i:t.i,className:`react-grid-placeholder ${this.state.resizing?"placeholder-resizing":""}`,containerWidth:n,cols:r,margin:a,containerPadding:i||a,maxRows:s,rowHeight:o,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:c,transformScale:l},b1.createElement("div",null))}processGridItem(t,n){if(!t||!t.key)return;const r=(0,wt.getLayoutItem)(this.state.layout,String(t.key));if(!r)return null;const{width:a,cols:i,margin:o,containerPadding:s,rowHeight:c,maxRows:l,isDraggable:u,isResizable:d,isBounded:h,useCSSTransforms:f,transformScale:p,draggableCancel:v,draggableHandle:y,resizeHandles:g,resizeHandle:m}=this.props,{mounted:_,droppingPosition:b}=this.state,k=typeof r.isDraggable=="boolean"?r.isDraggable:!r.static&&u,x=typeof r.isResizable=="boolean"?r.isResizable:!r.static&&d,S=r.resizeHandles||g,C=k&&h&&r.isBounded!==!1;return b1.createElement(Zwe.default,{containerWidth:a,cols:i,margin:o,containerPadding:s||o,maxRows:l,rowHeight:c,cancel:v,handle:y,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:k,isResizable:x,isBounded:C,useCSSTransforms:f&&_,usePercentages:!_,transformScale:p,w:r.w,h:r.h,x:r.x,y:r.y,i:r.i,minH:r.minH,minW:r.minW,maxH:r.maxH,maxW:r.maxW,static:r.static,droppingPosition:n?b:void 0,resizeHandles:S,resizeHandle:m},t)}render(){const{className:t,style:n,isDroppable:r,innerRef:a}=this.props,i=(0,qct.default)(Jwe,t),o={height:this.containerHeight(),...n};return b1.createElement("div",{ref:a,className:i,style:o,onDrop:r?this.onDrop:wt.noop,onDragLeave:r?this.onDragLeave:wt.noop,onDragEnter:r?this.onDragEnter:wt.noop,onDragOver:r?this.onDragOver:wt.noop},b1.Children.map(this.props.children,s=>this.processGridItem(s)),r&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}}gm.default=Wj,aa(Wj,"displayName","ReactGridLayout"),aa(Wj,"propTypes",Wct.default),aa(Wj,"defaultProps",{autoSize:!0,cols:12,className:"",style:{},draggableHandle:"",draggableCancel:"",containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:"vertical",preventCollision:!1,droppingItem:{i:"__dropping-elem__",h:1,w:1},resizeHandles:["se"],onLayoutChange:wt.noop,onDragStart:wt.noop,onDrag:wt.noop,onDragStop:wt.noop,onResizeStart:wt.noop,onResize:wt.noop,onResizeStop:wt.noop,onDrop:wt.noop,onDropDragOver:wt.noop});var Uj={},k1={};Object.defineProperty(k1,"__esModule",{value:!0}),k1.findOrGenerateResponsiveLayout=Jct,k1.getBreakpointFromWidth=Zct,k1.getColsFromBreakpoint=Kct,k1.sortBreakpoints=mee;var Yj=Vt;function Zct(e,t){const n=mee(e);let r=n[0];for(let a=1,i=n.length;a<i;a++){const o=n[a];t>e[o]&&(r=o)}return r}function Kct(e,t){if(!t[e])throw new Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+e+" is missing!");return t[e]}function Jct(e,t,n,r,a,i){if(e[n])return(0,Yj.cloneLayout)(e[n]);let o=e[r];const s=mee(t),c=s.slice(s.indexOf(n));for(let l=0,u=c.length;l<u;l++){const d=c[l];if(e[d]){o=e[d];break}}return o=(0,Yj.cloneLayout)(o||[]),(0,Yj.compact)((0,Yj.correctBounds)(o,{cols:a}),i,a)}function mee(e){return Object.keys(e).sort(function(n,r){return e[n]-e[r]})}Object.defineProperty(Uj,"__esModule",{value:!0}),Uj.default=void 0;var ebe=elt(D),Da=tbe(El),_ee=BQ,z0=Vt,x1=k1,Qct=tbe(gm);function tbe(e){return e&&e.__esModule?e:{default:e}}function nbe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(nbe=function(r){return r?n:t})(e)}function elt(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=nbe(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function wee(){return wee=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},wee.apply(this,arguments)}function Xj(e,t,n){return t=tlt(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function tlt(e){var t=nlt(e,"string");return typeof t=="symbol"?t:String(t)}function nlt(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const rbe=e=>Object.prototype.toString.call(e);function Zj(e,t){return e==null?null:Array.isArray(e)?e:e[t]}class bee extends ebe.Component{constructor(){super(...arguments),Xj(this,"state",this.generateInitialState()),Xj(this,"onLayoutChange",t=>{this.props.onLayoutChange(t,{...this.props.layouts,[this.state.breakpoint]:t})})}generateInitialState(){const{width:t,breakpoints:n,layouts:r,cols:a}=this.props,i=(0,x1.getBreakpointFromWidth)(n,t),o=(0,x1.getColsFromBreakpoint)(i,a),s=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,x1.findOrGenerateResponsiveLayout)(r,n,i,i,o,s),breakpoint:i,cols:o}}static getDerivedStateFromProps(t,n){if(!(0,_ee.deepEqual)(t.layouts,n.layouts)){const{breakpoint:r,cols:a}=n;return{layout:(0,x1.findOrGenerateResponsiveLayout)(t.layouts,t.breakpoints,r,r,a,t.compactType),layouts:t.layouts}}return null}componentDidUpdate(t){(this.props.width!=t.width||this.props.breakpoint!==t.breakpoint||!(0,_ee.deepEqual)(this.props.breakpoints,t.breakpoints)||!(0,_ee.deepEqual)(this.props.cols,t.cols))&&this.onWidthChange(t)}onWidthChange(t){const{breakpoints:n,cols:r,layouts:a,compactType:i}=this.props,o=this.props.breakpoint||(0,x1.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),s=this.state.breakpoint,c=(0,x1.getColsFromBreakpoint)(o,r),l={...a};if(s!==o||t.breakpoints!==n||t.cols!==r){s in l||(l[s]=(0,z0.cloneLayout)(this.state.layout));let h=(0,x1.findOrGenerateResponsiveLayout)(l,n,o,s,c,i);h=(0,z0.synchronizeLayoutWithChildren)(h,this.props.children,c,i,this.props.allowOverlap),l[o]=h,this.props.onBreakpointChange(o,c),this.props.onLayoutChange(h,l),this.setState({breakpoint:o,layout:h,cols:c})}const u=Zj(this.props.margin,o),d=Zj(this.props.containerPadding,o);this.props.onWidthChange(this.props.width,u,c,d)}render(){const{breakpoint:t,breakpoints:n,cols:r,layouts:a,margin:i,containerPadding:o,onBreakpointChange:s,onLayoutChange:c,onWidthChange:l,...u}=this.props;return ebe.createElement(Qct.default,wee({},u,{margin:Zj(i,this.state.breakpoint),containerPadding:Zj(o,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}}Uj.default=bee,Xj(bee,"propTypes",{breakpoint:Da.default.string,breakpoints:Da.default.object,allowOverlap:Da.default.bool,cols:Da.default.object,margin:Da.default.oneOfType([Da.default.array,Da.default.object]),containerPadding:Da.default.oneOfType([Da.default.array,Da.default.object]),layouts(e,t){if(rbe(e[t])!=="[object Object]")throw new Error("Layout property must be an object. Received: "+rbe(e[t]));Object.keys(e[t]).forEach(n=>{if(!(n in e.breakpoints))throw new Error("Each key in layouts must align with a key in breakpoints.");(0,z0.validateLayout)(e.layouts[n],"layouts."+n)})},width:Da.default.number.isRequired,onBreakpointChange:Da.default.func,onLayoutChange:Da.default.func,onWidthChange:Da.default.func}),Xj(bee,"defaultProps",{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},containerPadding:{lg:null,md:null,sm:null,xs:null,xxs:null},layouts:{},margin:[10,10],allowOverlap:!1,onBreakpointChange:z0.noop,onLayoutChange:z0.noop,onWidthChange:z0.noop});var kee={},abe=function(){if(typeof Map<"u")return Map;function e(t,n){var r=-1;return t.some(function(a,i){return a[0]===n?(r=i,!0):!1}),r}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(n){var r=e(this.__entries__,n),a=this.__entries__[r];return a&&a[1]},t.prototype.set=function(n,r){var a=e(this.__entries__,n);~a?this.__entries__[a][1]=r:this.__entries__.push([n,r])},t.prototype.delete=function(n){var r=this.__entries__,a=e(r,n);~a&&r.splice(a,1)},t.prototype.has=function(n){return!!~e(this.__entries__,n)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(n,r){r===void 0&&(r=null);for(var a=0,i=this.__entries__;a<i.length;a++){var o=i[a];n.call(r,o[1],o[0])}},t}()}(),xee=typeof window<"u"&&typeof document<"u"&&window.document===document,Kj=function(){return typeof global<"u"&&global.Math===Math?global:typeof self<"u"&&self.Math===Math?self:typeof window<"u"&&window.Math===Math?window:Function("return this")()}(),rlt=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(Kj):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}}(),alt=2;function ilt(e,t){var n=!1,r=!1,a=0;function i(){n&&(n=!1,e()),r&&s()}function o(){rlt(i)}function s(){var c=Date.now();if(n){if(c-a<alt)return;r=!0}else n=!0,r=!1,setTimeout(o,t);a=c}return s}var olt=20,slt=["top","right","bottom","left","width","height","size","weight"],clt=typeof MutationObserver<"u",llt=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=ilt(this.refresh.bind(this),olt)}return e.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},e.prototype.removeObserver=function(t){var n=this.observers_,r=n.indexOf(t);~r&&n.splice(r,1),!n.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){var t=this.updateObservers_();t&&this.refresh()},e.prototype.updateObservers_=function(){var t=this.observers_.filter(function(n){return n.gatherActive(),n.hasActive()});return t.forEach(function(n){return n.broadcastActive()}),t.length>0},e.prototype.connect_=function(){!xee||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),clt?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){!xee||!this.connected_||(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(t){var n=t.propertyName,r=n===void 0?"":n,a=slt.some(function(i){return!!~r.indexOf(i)});a&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),ibe=function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var a=r[n];Object.defineProperty(e,a,{value:t[a],enumerable:!1,writable:!1,configurable:!0})}return e},F0=function(e){var t=e&&e.ownerDocument&&e.ownerDocument.defaultView;return t||Kj},obe=Qj(0,0,0,0);function Jj(e){return parseFloat(e)||0}function sbe(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return t.reduce(function(r,a){var i=e["border-"+a+"-width"];return r+Jj(i)},0)}function ult(e){for(var t=["top","right","bottom","left"],n={},r=0,a=t;r<a.length;r++){var i=a[r],o=e["padding-"+i];n[i]=Jj(o)}return n}function dlt(e){var t=e.getBBox();return Qj(0,0,t.width,t.height)}function hlt(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return obe;var r=F0(e).getComputedStyle(e),a=ult(r),i=a.left+a.right,o=a.top+a.bottom,s=Jj(r.width),c=Jj(r.height);if(r.boxSizing==="border-box"&&(Math.round(s+i)!==t&&(s-=sbe(r,"left","right")+i),Math.round(c+o)!==n&&(c-=sbe(r,"top","bottom")+o)),!plt(e)){var l=Math.round(s+i)-t,u=Math.round(c+o)-n;Math.abs(l)!==1&&(s-=l),Math.abs(u)!==1&&(c-=u)}return Qj(a.left,a.top,s,c)}var flt=function(){return typeof SVGGraphicsElement<"u"?function(e){return e instanceof F0(e).SVGGraphicsElement}:function(e){return e instanceof F0(e).SVGElement&&typeof e.getBBox=="function"}}();function plt(e){return e===F0(e).document.documentElement}function vlt(e){return xee?flt(e)?dlt(e):hlt(e):obe}function ylt(e){var t=e.x,n=e.y,r=e.width,a=e.height,i=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,o=Object.create(i.prototype);return ibe(o,{x:t,y:n,width:r,height:a,top:n,right:t+r,bottom:a+n,left:t}),o}function Qj(e,t,n,r){return{x:e,y:t,width:n,height:r}}var glt=function(){function e(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=Qj(0,0,0,0),this.target=t}return e.prototype.isActive=function(){var t=vlt(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},e}(),mlt=function(){function e(t,n){var r=ylt(n);ibe(this,{target:t,contentRect:r})}return e}(),_lt=function(){function e(t,n,r){if(this.activeObservations_=[],this.observations_=new abe,typeof t!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=n,this.callbackCtx_=r}return e.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof F0(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var n=this.observations_;n.has(t)||(n.set(t,new glt(t)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof F0(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var n=this.observations_;n.has(t)&&(n.delete(t),n.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach(function(n){n.isActive()&&t.activeObservations_.push(n)})},e.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,n=this.activeObservations_.map(function(r){return new mlt(r.target,r.broadcastRect())});this.callback_.call(t,n,t),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),cbe=typeof WeakMap<"u"?new WeakMap:new abe,lbe=function(){function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=llt.getInstance(),r=new _lt(t,n,this);cbe.set(this,r)}return e}();["observe","unobserve","disconnect"].forEach(function(e){lbe.prototype[e]=function(){var t;return(t=cbe.get(this))[e].apply(t,arguments)}});var wlt=function(){return typeof Kj.ResizeObserver<"u"?Kj.ResizeObserver:lbe}();const blt=R_(Object.freeze(Object.defineProperty({__proto__:null,default:wlt},Symbol.toStringTag,{value:"Module"})));Object.defineProperty(kee,"__esModule",{value:!0}),kee.default=Llt;var eH=Mlt(D),klt=See(El),xlt=See(blt),Slt=See(VQ);function See(e){return e&&e.__esModule?e:{default:e}}function ube(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(ube=function(r){return r?n:t})(e)}function Mlt(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=ube(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function Mee(){return Mee=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Mee.apply(this,arguments)}function B0(e,t,n){return t=Clt(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Clt(e){var t=Nlt(e,"string");return typeof t=="symbol"?t:String(t)}function Nlt(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const Ilt="react-grid-layout";function Llt(e){var t;return t=class extends eH.Component{constructor(){super(...arguments),B0(this,"state",{width:1280}),B0(this,"elementRef",eH.createRef()),B0(this,"mounted",!1),B0(this,"resizeObserver",void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new xlt.default(a=>{if(this.elementRef.current instanceof HTMLElement){const o=a[0].contentRect.width;this.setState({width:o})}});const r=this.elementRef.current;r instanceof HTMLElement&&this.resizeObserver.observe(r)}componentWillUnmount(){this.mounted=!1;const r=this.elementRef.current;r instanceof HTMLElement&&this.resizeObserver.unobserve(r),this.resizeObserver.disconnect()}render(){const{measureBeforeMount:r,...a}=this.props;return r&&!this.mounted?eH.createElement("div",{className:(0,Slt.default)(this.props.className,Ilt),style:this.props.style,ref:this.elementRef}):eH.createElement(e,Mee({innerRef:this.elementRef},a,this.state))}},B0(t,"defaultProps",{measureBeforeMount:!1}),B0(t,"propTypes",{measureBeforeMount:klt.default.bool}),t}(function(e){e.exports=gm.default,e.exports.utils=Vt,e.exports.calculateUtils=ms,e.exports.Responsive=Uj.default,e.exports.Responsive.utils=k1,e.exports.WidthProvider=kee.default})(uwe);var tH=uwe.exports;const Alt=tH.WidthProvider(tH.Responsive),Tlt=Tl.div`
   .react-grid-layout {
     position: relative;
-    // transition: height 200ms ease;
   }
   .react-grid-item {
     // transition: all 200ms ease;
@@ -8136,10 +8135,6 @@ object-assign
     pointer-events: none; /* Allow events to pass through to elements below */
   }
 
-  .react-grid-item > .react-resizable-handle {
-    display: none !important;
-  }
-
   .react-grid-item:hover > .react-resizable-handle {
     z-index: 1000;
     display: ${({disableResize:e})=>e?"none":"block"} !important;
@@ -8185,7 +8180,7 @@ object-assign
   .react-grid-drag-handle {
     cursor: move;
   }
-`,dbe=50,Dlt=e=>{const{activeCompDimension:t}=DQ();return M.jsx(Tlt,{disableResize:!!e.disableResize,children:M.jsx(Elt,{children:M.jsx(Alt,{className:"layout",rowHeight:dbe,breakpoints:{lg:1200},cols:{lg:12},layouts:e.layouts,onLayoutChange:e.onLayoutChange,onResizeStart:e.onResizeStart,onResizeStop:e.onResizeStop,onDrop:e.onDrop,onDragStart:e.onDragStart,onDragStop:e.onDragStop,onDropDragOver:()=>t,draggableCancel:".cancel-drag",preventCollision:!1,isDraggable:e.isDraggable,isResizable:e.isResizable,isDroppable:e.isDroppable,autoSize:!0,margin:[0,0],containerPadding:[3,3],draggableHandle:".react-grid-drag-handle",children:e.components})})})},Plt=tH.WidthProvider(tH.Responsive),Rlt=Tl.div`
+`,dbe=50,Dlt=e=>{const{activeCompDimension:t}=DQ();return M.jsx(Tlt,{disableResize:!!e.disableResize,id:"movement-patch",children:M.jsx(Elt,{id:"grid-style-override",children:M.jsx(Alt,{className:"layout",rowHeight:dbe,breakpoints:{lg:1200},cols:{lg:12},layouts:e.layouts,onLayoutChange:e.onLayoutChange,onResizeStart:e.onResizeStart,onResize:e.onResize,onResizeStop:e.onResizeStop,onDrop:e.onDrop,onDragStart:e.onDragStart,onDragStop:e.onDragStop,onDropDragOver:()=>t,draggableCancel:".cancel-drag",preventCollision:!1,isDraggable:e.isDraggable,isResizable:e.isResizable,isDroppable:e.isDroppable,margin:[0,0],autoSize:!0,containerPadding:[3,3],draggableHandle:".react-grid-drag-handle",children:e.components})})})},Plt=tH.WidthProvider(tH.Responsive),Rlt=Tl.div`
   .grid-container {
     display: flex;
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@spaceandtimelabs/makeinfinite-ui",
   "author": "aw-sxt",
   "private": false,
-  "version": "0.61.0",
+  "version": "0.62.1",
   "type": "module",
   "exports": {
     ".": {