npm - @1urso/generic-editor - Versions diffs - 0.1.45 → 0.1.46 - Mend

@1urso/generic-editor 0.1.45 → 0.1.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/generic-editor.js +81 -6
package/dist/generic-editor.umd.cjs +1 -1
package/package.json +1 -1

package/dist/generic-editor.js CHANGED Viewed

@@ -12063,7 +12063,7 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		n.type
 	]);
 	let aM = {
-		position: "absolute",
+		position: "relative",
 		left: 0,
 		top: 0,
 		width: "100%",
@@ -12071,13 +12071,14 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		minHeight: n.autoGrow ? "100%" : void 0,
 		padding: n.type === "image" || n.type === "text" ? 0 : "8px",
 		border: _ || B ? "2px solid var(--accent-9)" : "1px dashed transparent",
-		outline: _ || B ? "none" : "1px solid transparent",
+		outline: "none",
 		cursor: P ? "grabbing" : "grab",
 		borderRadius: "var(--radius-2)",
 		overflow: n.autoGrow ? "visible" : "hidden",
 		whiteSpace: n.autoGrow ? "pre-wrap" : void 0,
 		wordBreak: n.autoGrow ? "break-word" : void 0,
 		userSelect: "none",
+		boxSizing: "border-box",
 		...n.style,
 		...Qj
 	};
@@ -12093,12 +12094,85 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 		},
 		onResizeStop: (_, E, A, j) => {
 			H(!1);
-			let N = (n.width ?? 100) + j.width, P = (n.height ?? 100) + j.height;
-			n.type === "group" ? M(n.id, N, P) : O(n.id, {
+			let N = (n.width ?? 100) + j.width, P = (n.height ?? 100) + j.height, z = n.x ?? 0, B = n.y ?? 0;
+			E.includes("left") && (z -= j.width), E.includes("top") && (B -= j.height), n.type === "group" ? (M(n.id, N, P), O(n.id, {
+				x: z,
+				y: B
+			}, !0)) : O(n.id, {
 				width: N,
-				height: P
+				height: P,
+				x: z,
+				y: B
 			});
 		},
+		handleComponent: {
+			topLeft: /* @__PURE__ */ jsx("div", { className: "resize-handle top-left" }),
+			topRight: /* @__PURE__ */ jsx("div", { className: "resize-handle top-right" }),
+			bottomLeft: /* @__PURE__ */ jsx("div", { className: "resize-handle bottom-left" }),
+			bottomRight: /* @__PURE__ */ jsx("div", { className: "resize-handle bottom-right" }),
+			top: /* @__PURE__ */ jsx("div", { className: "resize-handle top" }),
+			bottom: /* @__PURE__ */ jsx("div", { className: "resize-handle bottom" }),
+			left: /* @__PURE__ */ jsx("div", { className: "resize-handle left" }),
+			right: /* @__PURE__ */ jsx("div", { className: "resize-handle right" })
+		},
+		handleStyles: {
+			topLeft: {
+				width: 10,
+				height: 10,
+				background: "var(--accent-9)",
+				borderRadius: "50%",
+				left: -5,
+				top: -5,
+				zIndex: 1001
+			},
+			topRight: {
+				width: 10,
+				height: 10,
+				background: "var(--accent-9)",
+				borderRadius: "50%",
+				right: -5,
+				top: -5,
+				zIndex: 1001
+			},
+			bottomLeft: {
+				width: 10,
+				height: 10,
+				background: "var(--accent-9)",
+				borderRadius: "50%",
+				left: -5,
+				bottom: -5,
+				zIndex: 1001
+			},
+			bottomRight: {
+				width: 10,
+				height: 10,
+				background: "var(--accent-9)",
+				borderRadius: "50%",
+				right: -5,
+				bottom: -5,
+				zIndex: 1001
+			},
+			top: {
+				height: 6,
+				top: -3,
+				zIndex: 1e3
+			},
+			bottom: {
+				height: 6,
+				bottom: -3,
+				zIndex: 1e3
+			},
+			left: {
+				width: 6,
+				left: -3,
+				zIndex: 1e3
+			},
+			right: {
+				width: 6,
+				right: -3,
+				zIndex: 1e3
+			}
+		},
 		style: {
 			position: "absolute",
 			transform: `translate(${n.x ?? 0}px, ${n.y ?? 0}px) rotate(${n.rotation || 0}deg)`,
@@ -12106,7 +12180,8 @@ const ElementContextMenu = ({ children: n, element: _ }) => {
 			display: $j && !_ ? "none" : void 0,
 			opacity: $j && _ ? .4 : 1,
 			zIndex: _ ? 1e3 : void 0,
-			outline: _ ? "1px dashed var(--accent-9)" : void 0
+			outline: "none",
+			overflow: "visible"
 		},
 		enable: _ && !n.autoGrow ? void 0 : {
 			top: !1,

package/dist/generic-editor.umd.cjs CHANGED Viewed

@@ -45,7 +45,7 @@ If you want to hide the \`${n.titleName}\`, you can wrap it with our VisuallyHid
 For more information, see https://radix-ui.com/primitives/docs/components/${n.docsSlug}`;return t.useEffect(()=>{e&&(document.getElementById(e)||console.error(r))},[r,e]),null},Zr=`DialogDescriptionWarning`,Qr=({contentRef:e,descriptionId:n})=>{let r=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Yr(Zr).contentName}}.`;return t.useEffect(()=>{let t=e.current?.getAttribute(`aria-describedby`);n&&t&&(document.getElementById(n)||console.warn(r))},[r,e,n]),null},$r=wr,ei=Er,ti=Ar,ni=Mr,ri=Ir,ii=Vr,ai=Ur,oi=Gr;function si(e){let n=t.useRef({value:e,previous:e});return t.useMemo(()=>(n.current.value!==e&&(n.current.previous=n.current.value,n.current.value=e),n.current.previous),[e])}function ci(e){let[n,r]=t.useState(void 0);return tt(()=>{if(e){r({width:e.offsetWidth,height:e.offsetHeight});let t=new ResizeObserver(t=>{if(!Array.isArray(t)||!t.length)return;let n=t[0],i,a;if(`borderBoxSize`in n){let e=n.borderBoxSize,t=Array.isArray(e)?e[0]:e;i=t.inlineSize,a=t.blockSize}else i=e.offsetWidth,a=e.offsetHeight;r({width:i,height:a})});return t.observe(e,{box:`border-box`}),()=>t.unobserve(e)}else r(void 0)},[e]),n}var li=[`top`,`right`,`bottom`,`left`],ui=Math.min,di=Math.max,fi=Math.round,pi=Math.floor,mi=e=>({x:e,y:e}),hi={left:`right`,right:`left`,bottom:`top`,top:`bottom`},gi={start:`end`,end:`start`};function _i(e,t,n){return di(e,ui(t,n))}function vi(e,t){return typeof e==`function`?e(t):e}function yi(e){return e.split(`-`)[0]}function bi(e){return e.split(`-`)[1]}function xi(e){return e===`x`?`y`:`x`}function Si(e){return e===`y`?`height`:`width`}var Ci=new Set([`top`,`bottom`]);function wi(e){return Ci.has(yi(e))?`y`:`x`}function Ti(e){return xi(wi(e))}function Ei(e,t,n){n===void 0&&(n=!1);let r=bi(e),i=Ti(e),a=Si(i),o=i===`x`?r===(n?`end`:`start`)?`right`:`left`:r===`start`?`bottom`:`top`;return t.reference[a]>t.floating[a]&&(o=Fi(o)),[o,Fi(o)]}function Di(e){let t=Fi(e);return[Oi(e),t,Oi(t)]}function Oi(e){return e.replace(/start|end/g,e=>gi[e])}var ki=[`left`,`right`],Ai=[`right`,`left`],ji=[`top`,`bottom`],Mi=[`bottom`,`top`];function Ni(e,t,n){switch(e){case`top`:case`bottom`:return n?t?Ai:ki:t?ki:Ai;case`left`:case`right`:return t?ji:Mi;default:return[]}}function Pi(e,t,n,r){let i=bi(e),a=Ni(yi(e),n===`start`,r);return i&&(a=a.map(e=>e+`-`+i),t&&(a=a.concat(a.map(Oi)))),a}function Fi(e){return e.replace(/left|right|bottom|top/g,e=>hi[e])}function Ii(e){return{top:0,right:0,bottom:0,left:0,...e}}function Li(e){return typeof e==`number`?{top:e,right:e,bottom:e,left:e}:Ii(e)}function Ri(e){let{x:t,y:n,width:r,height:i}=e;return{width:r,height:i,top:n,left:t,right:t+r,bottom:n+i,x:t,y:n}}function zi(e,t,n){let{reference:r,floating:i}=e,a=wi(t),o=Ti(t),s=Si(o),c=yi(t),l=a===`y`,u=r.x+r.width/2-i.width/2,d=r.y+r.height/2-i.height/2,f=r[s]/2-i[s]/2,p;switch(c){case`top`:p={x:u,y:r.y-i.height};break;case`bottom`:p={x:u,y:r.y+r.height};break;case`right`:p={x:r.x+r.width,y:d};break;case`left`:p={x:r.x-i.width,y:d};break;default:p={x:r.x,y:r.y}}switch(bi(t)){case`start`:p[o]-=f*(n&&l?-1:1);break;case`end`:p[o]+=f*(n&&l?-1:1);break}return p}var Bi=async(e,t,n)=>{let{placement:r=`bottom`,strategy:i=`absolute`,middleware:a=[],platform:o}=n,s=a.filter(Boolean),c=await(o.isRTL==null?void 0:o.isRTL(t)),l=await o.getElementRects({reference:e,floating:t,strategy:i}),{x:u,y:d}=zi(l,r,c),f=r,p={},m=0;for(let n=0;n<s.length;n++){let{name:a,fn:h}=s[n],{x:g,y:_,data:v,reset:y}=await h({x:u,y:d,initialPlacement:r,placement:f,strategy:i,middlewareData:p,rects:l,platform:o,elements:{reference:e,floating:t}});u=g??u,d=_??d,p={...p,[a]:{...p[a],...v}},y&&m<=50&&(m++,typeof y==`object`&&(y.placement&&(f=y.placement),y.rects&&(l=y.rects===!0?await o.getElementRects({reference:e,floating:t,strategy:i}):y.rects),{x:u,y:d}=zi(l,f,c)),n=-1)}return{x:u,y:d,placement:f,strategy:i,middlewareData:p}};async function Vi(e,t){t===void 0&&(t={});let{x:n,y:r,platform:i,rects:a,elements:o,strategy:s}=e,{boundary:c=`clippingAncestors`,rootBoundary:l=`viewport`,elementContext:u=`floating`,altBoundary:d=!1,padding:f=0}=vi(t,e),p=Li(f),m=o[d?u===`floating`?`reference`:`floating`:u],h=Ri(await i.getClippingRect({element:await(i.isElement==null?void 0:i.isElement(m))??!0?m:m.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(o.floating)),boundary:c,rootBoundary:l,strategy:s})),g=u===`floating`?{x:n,y:r,width:a.floating.width,height:a.floating.height}:a.reference,_=await(i.getOffsetParent==null?void 0:i.getOffsetParent(o.floating)),v=await(i.isElement==null?void 0:i.isElement(_))&&await(i.getScale==null?void 0:i.getScale(_))||{x:1,y:1},y=Ri(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:g,offsetParent:_,strategy:s}):g);return{top:(h.top-y.top+p.top)/v.y,bottom:(y.bottom-h.bottom+p.bottom)/v.y,left:(h.left-y.left+p.left)/v.x,right:(y.right-h.right+p.right)/v.x}}var Hi=e=>({name:`arrow`,options:e,async fn(t){let{x:n,y:r,placement:i,rects:a,platform:o,elements:s,middlewareData:c}=t,{element:l,padding:u=0}=vi(e,t)||{};if(l==null)return{};let d=Li(u),f={x:n,y:r},p=Ti(i),m=Si(p),h=await o.getDimensions(l),g=p===`y`,_=g?`top`:`left`,v=g?`bottom`:`right`,y=g?`clientHeight`:`clientWidth`,b=a.reference[m]+a.reference[p]-f[p]-a.floating[m],x=f[p]-a.reference[p],S=await(o.getOffsetParent==null?void 0:o.getOffsetParent(l)),C=S?S[y]:0;(!C||!await(o.isElement==null?void 0:o.isElement(S)))&&(C=s.floating[y]||a.floating[m]);let w=b/2-x/2,T=C/2-h[m]/2-1,E=ui(d[_],T),D=ui(d[v],T),O=E,k=C-h[m]-D,A=C/2-h[m]/2+w,j=_i(O,A,k),ee=!c.arrow&&bi(i)!=null&&A!==j&&a.reference[m]/2-(A<O?E:D)-h[m]/2<0,te=ee?A<O?A-O:A-k:0;return{[p]:f[p]+te,data:{[p]:j,centerOffset:A-j-te,...ee&&{alignmentOffset:te}},reset:ee}}}),Ui=function(e){return e===void 0&&(e={}),{name:`flip`,options:e,async fn(t){var n;let{placement:r,middlewareData:i,rects:a,initialPlacement:o,platform:s,elements:c}=t,{mainAxis:l=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:f=`bestFit`,fallbackAxisSideDirection:p=`none`,flipAlignment:m=!0,...h}=vi(e,t);if((n=i.arrow)!=null&&n.alignmentOffset)return{};let g=yi(r),_=wi(o),v=yi(o)===o,y=await(s.isRTL==null?void 0:s.isRTL(c.floating)),b=d||(v||!m?[Fi(o)]:Di(o)),x=p!==`none`;!d&&x&&b.push(...Pi(o,m,p,y));let S=[o,...b],C=await Vi(t,h),w=[],T=i.flip?.overflows||[];if(l&&w.push(C[g]),u){let e=Ei(r,a,y);w.push(C[e[0]],C[e[1]])}if(T=[...T,{placement:r,overflows:w}],!w.every(e=>e<=0)){let e=(i.flip?.index||0)+1,t=S[e];if(t&&(!(u===`alignment`&&_!==wi(t))||T.every(e=>wi(e.placement)===_?e.overflows[0]>0:!0)))return{data:{index:e,overflows:T},reset:{placement:t}};let n=T.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0]?.placement;if(!n)switch(f){case`bestFit`:{let e=T.filter(e=>{if(x){let t=wi(e.placement);return t===_||t===`y`}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0]?.[0];e&&(n=e);break}case`initialPlacement`:n=o;break}if(r!==n)return{reset:{placement:n}}}return{}}}};function Wi(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Gi(e){return li.some(t=>e[t]>=0)}var Ki=function(e){return e===void 0&&(e={}),{name:`hide`,options:e,async fn(t){let{rects:n}=t,{strategy:r=`referenceHidden`,...i}=vi(e,t);switch(r){case`referenceHidden`:{let e=Wi(await Vi(t,{...i,elementContext:`reference`}),n.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:Gi(e)}}}case`escaped`:{let e=Wi(await Vi(t,{...i,altBoundary:!0}),n.floating);return{data:{escapedOffsets:e,escaped:Gi(e)}}}default:return{}}}}},qi=new Set([`left`,`top`]);async function Ji(e,t){let{placement:n,platform:r,elements:i}=e,a=await(r.isRTL==null?void 0:r.isRTL(i.floating)),o=yi(n),s=bi(n),c=wi(n)===`y`,l=qi.has(o)?-1:1,u=a&&c?-1:1,d=vi(t,e),{mainAxis:f,crossAxis:p,alignmentAxis:m}=typeof d==`number`?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return s&&typeof m==`number`&&(p=s===`end`?m*-1:m),c?{x:p*u,y:f*l}:{x:f*l,y:p*u}}var Yi=function(e){return e===void 0&&(e=0),{name:`offset`,options:e,async fn(t){var n;let{x:r,y:i,placement:a,middlewareData:o}=t,s=await Ji(t,e);return a===o.offset?.placement&&(n=o.arrow)!=null&&n.alignmentOffset?{}:{x:r+s.x,y:i+s.y,data:{...s,placement:a}}}}},Xi=function(e){return e===void 0&&(e={}),{name:`shift`,options:e,async fn(t){let{x:n,y:r,placement:i}=t,{mainAxis:a=!0,crossAxis:o=!1,limiter:s={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...c}=vi(e,t),l={x:n,y:r},u=await Vi(t,c),d=wi(yi(i)),f=xi(d),p=l[f],m=l[d];if(a){let e=f===`y`?`top`:`left`,t=f===`y`?`bottom`:`right`,n=p+u[e],r=p-u[t];p=_i(n,p,r)}if(o){let e=d===`y`?`top`:`left`,t=d===`y`?`bottom`:`right`,n=m+u[e],r=m-u[t];m=_i(n,m,r)}let h=s.fn({...t,[f]:p,[d]:m});return{...h,data:{x:h.x-n,y:h.y-r,enabled:{[f]:a,[d]:o}}}}}},Zi=function(e){return e===void 0&&(e={}),{options:e,fn(t){let{x:n,y:r,placement:i,rects:a,middlewareData:o}=t,{offset:s=0,mainAxis:c=!0,crossAxis:l=!0}=vi(e,t),u={x:n,y:r},d=wi(i),f=xi(d),p=u[f],m=u[d],h=vi(s,t),g=typeof h==`number`?{mainAxis:h,crossAxis:0}:{mainAxis:0,crossAxis:0,...h};if(c){let e=f===`y`?`height`:`width`,t=a.reference[f]-a.floating[e]+g.mainAxis,n=a.reference[f]+a.reference[e]-g.mainAxis;p<t?p=t:p>n&&(p=n)}if(l){let e=f===`y`?`width`:`height`,t=qi.has(yi(i)),n=a.reference[d]-a.floating[e]+(t&&o.offset?.[d]||0)+(t?0:g.crossAxis),r=a.reference[d]+a.reference[e]+(t?0:o.offset?.[d]||0)-(t?g.crossAxis:0);m<n?m=n:m>r&&(m=r)}return{[f]:p,[d]:m}}}},Qi=function(e){return e===void 0&&(e={}),{name:`size`,options:e,async fn(t){var n,r;let{placement:i,rects:a,platform:o,elements:s}=t,{apply:c=()=>{},...l}=vi(e,t),u=await Vi(t,l),d=yi(i),f=bi(i),p=wi(i)===`y`,{width:m,height:h}=a.floating,g,_;d===`top`||d===`bottom`?(g=d,_=f===(await(o.isRTL==null?void 0:o.isRTL(s.floating))?`start`:`end`)?`left`:`right`):(_=d,g=f===`end`?`top`:`bottom`);let v=h-u.top-u.bottom,y=m-u.left-u.right,b=ui(h-u[g],v),x=ui(m-u[_],y),S=!t.middlewareData.shift,C=b,w=x;if((n=t.middlewareData.shift)!=null&&n.enabled.x&&(w=y),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(C=v),S&&!f){let e=di(u.left,0),t=di(u.right,0),n=di(u.top,0),r=di(u.bottom,0);p?w=m-2*(e!==0||t!==0?e+t:di(u.left,u.right)):C=h-2*(n!==0||r!==0?n+r:di(u.top,u.bottom))}await c({...t,availableWidth:w,availableHeight:C});let T=await o.getDimensions(s.floating);return m!==T.width||h!==T.height?{reset:{rects:!0}}:{}}}};function $i(){return typeof window<`u`}function ea(e){return ra(e)?(e.nodeName||``).toLowerCase():`#document`}function ta(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function na(e){return((ra(e)?e.ownerDocument:e.document)||window.document)?.documentElement}function ra(e){return $i()?e instanceof Node||e instanceof ta(e).Node:!1}function ia(e){return $i()?e instanceof Element||e instanceof ta(e).Element:!1}function aa(e){return $i()?e instanceof HTMLElement||e instanceof ta(e).HTMLElement:!1}function oa(e){return!$i()||typeof ShadowRoot>`u`?!1:e instanceof ShadowRoot||e instanceof ta(e).ShadowRoot}var sa=new Set([`inline`,`contents`]);function ca(e){let{overflow:t,overflowX:n,overflowY:r,display:i}=xa(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&!sa.has(i)}var la=new Set([`table`,`td`,`th`]);function ua(e){return la.has(ea(e))}var da=[`:popover-open`,`:modal`];function fa(e){return da.some(t=>{try{return e.matches(t)}catch{return!1}})}var pa=[`transform`,`translate`,`scale`,`rotate`,`perspective`],ma=[`transform`,`translate`,`scale`,`rotate`,`perspective`,`filter`],ha=[`paint`,`layout`,`strict`,`content`];function ga(e){let t=va(),n=ia(e)?xa(e):e;return pa.some(e=>n[e]?n[e]!==`none`:!1)||(n.containerType?n.containerType!==`normal`:!1)||!t&&(n.backdropFilter?n.backdropFilter!==`none`:!1)||!t&&(n.filter?n.filter!==`none`:!1)||ma.some(e=>(n.willChange||``).includes(e))||ha.some(e=>(n.contain||``).includes(e))}function _a(e){let t=Ca(e);for(;aa(t)&&!ba(t);){if(ga(t))return t;if(fa(t))return null;t=Ca(t)}return null}function va(){return typeof CSS>`u`||!CSS.supports?!1:CSS.supports(`-webkit-backdrop-filter`,`none`)}var ya=new Set([`html`,`body`,`#document`]);function ba(e){return ya.has(ea(e))}function xa(e){return ta(e).getComputedStyle(e)}function Sa(e){return ia(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Ca(e){if(ea(e)===`html`)return e;let t=e.assignedSlot||e.parentNode||oa(e)&&e.host||na(e);return oa(t)?t.host:t}function wa(e){let t=Ca(e);return ba(t)?e.ownerDocument?e.ownerDocument.body:e.body:aa(t)&&ca(t)?t:wa(t)}function Ta(e,t,n){t===void 0&&(t=[]),n===void 0&&(n=!0);let r=wa(e),i=r===e.ownerDocument?.body,a=ta(r);if(i){let e=Ea(a);return t.concat(a,a.visualViewport||[],ca(r)?r:[],e&&n?Ta(e):[])}return t.concat(r,Ta(r,[],n))}function Ea(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Da(e){let t=xa(e),n=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=aa(e),a=i?e.offsetWidth:n,o=i?e.offsetHeight:r,s=fi(n)!==a||fi(r)!==o;return s&&(n=a,r=o),{width:n,height:r,$:s}}function Oa(e){return ia(e)?e:e.contextElement}function ka(e){let t=Oa(e);if(!aa(t))return mi(1);let n=t.getBoundingClientRect(),{width:r,height:i,$:a}=Da(t),o=(a?fi(n.width):n.width)/r,s=(a?fi(n.height):n.height)/i;return(!o||!Number.isFinite(o))&&(o=1),(!s||!Number.isFinite(s))&&(s=1),{x:o,y:s}}var Aa=mi(0);function ja(e){let t=ta(e);return!va()||!t.visualViewport?Aa:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Ma(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==ta(e)?!1:t}function Na(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),a=Oa(e),o=mi(1);t&&(r?ia(r)&&(o=ka(r)):o=ka(e));let s=Ma(a,n,r)?ja(a):mi(0),c=(i.left+s.x)/o.x,l=(i.top+s.y)/o.y,u=i.width/o.x,d=i.height/o.y;if(a){let e=ta(a),t=r&&ia(r)?ta(r):r,n=e,i=Ea(n);for(;i&&r&&t!==n;){let e=ka(i),t=i.getBoundingClientRect(),r=xa(i),a=t.left+(i.clientLeft+parseFloat(r.paddingLeft))*e.x,o=t.top+(i.clientTop+parseFloat(r.paddingTop))*e.y;c*=e.x,l*=e.y,u*=e.x,d*=e.y,c+=a,l+=o,n=ta(i),i=Ea(n)}}return Ri({width:u,height:d,x:c,y:l})}function Pa(e,t){let n=Sa(e).scrollLeft;return t?t.left+n:Na(na(e)).left+n}function Fa(e,t){let n=e.getBoundingClientRect();return{x:n.left+t.scrollLeft-Pa(e,n),y:n.top+t.scrollTop}}function Ia(e){let{elements:t,rect:n,offsetParent:r,strategy:i}=e,a=i===`fixed`,o=na(r),s=t?fa(t.floating):!1;if(r===o||s&&a)return n;let c={scrollLeft:0,scrollTop:0},l=mi(1),u=mi(0),d=aa(r);if((d||!d&&!a)&&((ea(r)!==`body`||ca(o))&&(c=Sa(r)),aa(r))){let e=Na(r);l=ka(r),u.x=e.x+r.clientLeft,u.y=e.y+r.clientTop}let f=o&&!d&&!a?Fa(o,c):mi(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-c.scrollLeft*l.x+u.x+f.x,y:n.y*l.y-c.scrollTop*l.y+u.y+f.y}}function La(e){return Array.from(e.getClientRects())}function Ra(e){let t=na(e),n=Sa(e),r=e.ownerDocument.body,i=di(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=di(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),o=-n.scrollLeft+Pa(e),s=-n.scrollTop;return xa(r).direction===`rtl`&&(o+=di(t.clientWidth,r.clientWidth)-i),{width:i,height:a,x:o,y:s}}var za=25;function Ba(e,t){let n=ta(e),r=na(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,s=0,c=0;if(i){a=i.width,o=i.height;let e=va();(!e||e&&t===`fixed`)&&(s=i.offsetLeft,c=i.offsetTop)}let l=Pa(r);if(l<=0){let e=r.ownerDocument,t=e.body,n=getComputedStyle(t),i=e.compatMode===`CSS1Compat`&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,o=Math.abs(r.clientWidth-t.clientWidth-i);o<=za&&(a-=o)}else l<=za&&(a+=l);return{width:a,height:o,x:s,y:c}}var Va=new Set([`absolute`,`fixed`]);function Ha(e,t){let n=Na(e,!0,t===`fixed`),r=n.top+e.clientTop,i=n.left+e.clientLeft,a=aa(e)?ka(e):mi(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:i*a.x,y:r*a.y}}function Ua(e,t,n){let r;if(t===`viewport`)r=Ba(e,n);else if(t===`document`)r=Ra(na(e));else if(ia(t))r=Ha(t,n);else{let n=ja(e);r={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return Ri(r)}function Wa(e,t){let n=Ca(e);return n===t||!ia(n)||ba(n)?!1:xa(n).position===`fixed`||Wa(n,t)}function Ga(e,t){let n=t.get(e);if(n)return n;let r=Ta(e,[],!1).filter(e=>ia(e)&&ea(e)!==`body`),i=null,a=xa(e).position===`fixed`,o=a?Ca(e):e;for(;ia(o)&&!ba(o);){let t=xa(o),n=ga(o);!n&&t.position===`fixed`&&(i=null),(a?!n&&!i:!n&&t.position===`static`&&i&&Va.has(i.position)||ca(o)&&!n&&Wa(e,o))?r=r.filter(e=>e!==o):i=t,o=Ca(o)}return t.set(e,r),r}function Ka(e){let{element:t,boundary:n,rootBoundary:r,strategy:i}=e,a=[...n===`clippingAncestors`?fa(t)?[]:Ga(t,this._c):[].concat(n),r],o=a[0],s=a.reduce((e,n)=>{let r=Ua(t,n,i);return e.top=di(r.top,e.top),e.right=ui(r.right,e.right),e.bottom=ui(r.bottom,e.bottom),e.left=di(r.left,e.left),e},Ua(t,o,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function qa(e){let{width:t,height:n}=Da(e);return{width:t,height:n}}function Ja(e,t,n){let r=aa(t),i=na(t),a=n===`fixed`,o=Na(e,!0,a,t),s={scrollLeft:0,scrollTop:0},c=mi(0);function l(){c.x=Pa(i)}if(r||!r&&!a)if((ea(t)!==`body`||ca(i))&&(s=Sa(t)),r){let e=Na(t,!0,a,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else i&&l();a&&!r&&i&&l();let u=i&&!r&&!a?Fa(i,s):mi(0);return{x:o.left+s.scrollLeft-c.x-u.x,y:o.top+s.scrollTop-c.y-u.y,width:o.width,height:o.height}}function Ya(e){return xa(e).position===`static`}function Xa(e,t){if(!aa(e)||xa(e).position===`fixed`)return null;if(t)return t(e);let n=e.offsetParent;return na(e)===n&&(n=n.ownerDocument.body),n}function Za(e,t){let n=ta(e);if(fa(e))return n;if(!aa(e)){let t=Ca(e);for(;t&&!ba(t);){if(ia(t)&&!Ya(t))return t;t=Ca(t)}return n}let r=Xa(e,t);for(;r&&ua(r)&&Ya(r);)r=Xa(r,t);return r&&ba(r)&&Ya(r)&&!ga(r)?n:r||_a(e)||n}var Qa=async function(e){let t=this.getOffsetParent||Za,n=this.getDimensions,r=await n(e.floating);return{reference:Ja(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function $a(e){return xa(e).direction===`rtl`}var eo={convertOffsetParentRelativeRectToViewportRelativeRect:Ia,getDocumentElement:na,getClippingRect:Ka,getOffsetParent:Za,getElementRects:Qa,getClientRects:La,getDimensions:qa,getScale:ka,isElement:ia,isRTL:$a};function to(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function no(e,t){let n=null,r,i=na(e);function a(){var e;clearTimeout(r),(e=n)==null||e.disconnect(),n=null}function o(s,c){s===void 0&&(s=!1),c===void 0&&(c=1),a();let l=e.getBoundingClientRect(),{left:u,top:d,width:f,height:p}=l;if(s||t(),!f||!p)return;let m=pi(d),h=pi(i.clientWidth-(u+f)),g=pi(i.clientHeight-(d+p)),_=pi(u),v={rootMargin:-m+`px `+-h+`px `+-g+`px `+-_+`px`,threshold:di(0,ui(1,c))||1},y=!0;function b(t){let n=t[0].intersectionRatio;if(n!==c){if(!y)return o();n?o(!1,n):r=setTimeout(()=>{o(!1,1e-7)},1e3)}n===1&&!to(l,e.getBoundingClientRect())&&o(),y=!1}try{n=new IntersectionObserver(b,{...v,root:i.ownerDocument})}catch{n=new IntersectionObserver(b,v)}n.observe(e)}return o(!0),a}function ro(e,t,n,r){r===void 0&&(r={});let{ancestorScroll:i=!0,ancestorResize:a=!0,elementResize:o=typeof ResizeObserver==`function`,layoutShift:s=typeof IntersectionObserver==`function`,animationFrame:c=!1}=r,l=Oa(e),u=i||a?[...l?Ta(l):[],...Ta(t)]:[];u.forEach(e=>{i&&e.addEventListener(`scroll`,n,{passive:!0}),a&&e.addEventListener(`resize`,n)});let d=l&&s?no(l,n):null,f=-1,p=null;o&&(p=new ResizeObserver(e=>{let[r]=e;r&&r.target===l&&p&&(p.unobserve(t),cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var e;(e=p)==null||e.observe(t)})),n()}),l&&!c&&p.observe(l),p.observe(t));let m,h=c?Na(e):null;c&&g();function g(){let t=Na(e);h&&!to(h,t)&&n(),h=t,m=requestAnimationFrame(g)}return n(),()=>{var e;u.forEach(e=>{i&&e.removeEventListener(`scroll`,n),a&&e.removeEventListener(`resize`,n)}),d?.(),(e=p)==null||e.disconnect(),p=null,c&&cancelAnimationFrame(m)}}var io=Yi,ao=Xi,oo=Ui,so=Qi,co=Ki,lo=Hi,uo=Zi,fo=(e,t,n)=>{let r=new Map,i={platform:eo,...n},a={...i.platform,_c:r};return Bi(e,t,{...i,platform:a})},po=typeof document<`u`?t.useLayoutEffect:function(){};function mo(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e==`function`&&e.toString()===t.toString())return!0;let n,r,i;if(e&&t&&typeof e==`object`){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(r=n;r--!==0;)if(!mo(e[r],t[r]))return!1;return!0}if(i=Object.keys(e),n=i.length,n!==Object.keys(t).length)return!1;for(r=n;r--!==0;)if(!{}.hasOwnProperty.call(t,i[r]))return!1;for(r=n;r--!==0;){let n=i[r];if(!(n===`_owner`&&e.$$typeof)&&!mo(e[n],t[n]))return!1}return!0}return e!==e&&t!==t}function ho(e){return typeof window>`u`?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function go(e,t){let n=ho(e);return Math.round(t*n)/n}function _o(e){let n=t.useRef(e);return po(()=>{n.current=e}),n}function vo(e){e===void 0&&(e={});let{placement:r=`bottom`,strategy:i=`absolute`,middleware:a=[],platform:o,elements:{reference:s,floating:c}={},transform:l=!0,whileElementsMounted:u,open:d}=e,[f,p]=t.useState({x:0,y:0,strategy:i,placement:r,middlewareData:{},isPositioned:!1}),[m,h]=t.useState(a);mo(m,a)||h(a);let[g,_]=t.useState(null),[v,y]=t.useState(null),b=t.useCallback(e=>{e!==w.current&&(w.current=e,_(e))},[]),x=t.useCallback(e=>{e!==T.current&&(T.current=e,y(e))},[]),S=s||g,C=c||v,w=t.useRef(null),T=t.useRef(null),E=t.useRef(f),D=u!=null,O=_o(u),k=_o(o),A=_o(d),j=t.useCallback(()=>{if(!w.current||!T.current)return;let e={placement:r,strategy:i,middleware:m};k.current&&(e.platform=k.current),fo(w.current,T.current,e).then(e=>{let t={...e,isPositioned:A.current!==!1};ee.current&&!mo(E.current,t)&&(E.current=t,n.flushSync(()=>{p(t)}))})},[m,r,i,k,A]);po(()=>{d===!1&&E.current.isPositioned&&(E.current.isPositioned=!1,p(e=>({...e,isPositioned:!1})))},[d]);let ee=t.useRef(!1);po(()=>(ee.current=!0,()=>{ee.current=!1}),[]),po(()=>{if(S&&(w.current=S),C&&(T.current=C),S&&C){if(O.current)return O.current(S,C,j);j()}},[S,C,j,O,D]);let te=t.useMemo(()=>({reference:w,floating:T,setReference:b,setFloating:x}),[b,x]),M=t.useMemo(()=>({reference:S,floating:C}),[S,C]),ne=t.useMemo(()=>{let e={position:i,left:0,top:0};if(!M.floating)return e;let t=go(M.floating,f.x),n=go(M.floating,f.y);return l?{...e,transform:`translate(`+t+`px, `+n+`px)`,...ho(M.floating)>=1.5&&{willChange:`transform`}}:{position:i,left:t,top:n}},[i,l,M.floating,f.x,f.y]);return t.useMemo(()=>({...f,update:j,refs:te,elements:M,floatingStyles:ne}),[f,j,te,M,ne])}var yo=e=>{function t(e){return{}.hasOwnProperty.call(e,`current`)}return{name:`arrow`,options:e,fn(n){let{element:r,padding:i}=typeof e==`function`?e(n):e;return r&&t(r)?r.current==null?{}:lo({element:r.current,padding:i}).fn(n):r?lo({element:r,padding:i}).fn(n):{}}}},bo=(e,t)=>({...io(e),options:[e,t]}),xo=(e,t)=>({...ao(e),options:[e,t]}),So=(e,t)=>({...uo(e),options:[e,t]}),Co=(e,t)=>({...oo(e),options:[e,t]}),wo=(e,t)=>({...so(e),options:[e,t]}),To=(e,t)=>({...co(e),options:[e,t]}),Eo=(e,t)=>({...yo(e),options:[e,t]}),Do=`Arrow`,Oo=t.forwardRef((e,t)=>{let{children:n,width:i=10,height:a=5,...o}=e;return(0,r.jsx)(F.svg,{...o,ref:t,width:i,height:a,viewBox:`0 0 30 10`,preserveAspectRatio:`none`,children:e.asChild?n:(0,r.jsx)(`polygon`,{points:`0,0 30,0 15,10`})})});Oo.displayName=Do;var ko=Oo,Ao=`Popper`,[jo,Mo]=Qe(Ao),[No,Po]=jo(Ao),Fo=e=>{let{__scopePopper:n,children:i}=e,[a,o]=t.useState(null);return(0,r.jsx)(No,{scope:n,anchor:a,onAnchorChange:o,children:i})};Fo.displayName=Ao;var Io=`PopperAnchor`,Lo=t.forwardRef((e,n)=>{let{__scopePopper:i,virtualRef:a,...o}=e,s=Po(Io,i),c=t.useRef(null),l=P(n,c),u=t.useRef(null);return t.useEffect(()=>{let e=u.current;u.current=a?.current||c.current,e!==u.current&&s.onAnchorChange(u.current)}),a?null:(0,r.jsx)(F.div,{...o,ref:l})});Lo.displayName=Io;var Ro=`PopperContent`,[zo,Bo]=jo(Ro),Vo=t.forwardRef((e,n)=>{let{__scopePopper:i,side:a=`bottom`,sideOffset:o=0,align:s=`center`,alignOffset:c=0,arrowPadding:l=0,avoidCollisions:u=!0,collisionBoundary:d=[],collisionPadding:f=0,sticky:p=`partial`,hideWhenDetached:m=!1,updatePositionStrategy:h=`optimized`,onPlaced:g,..._}=e,v=Po(Ro,i),[y,b]=t.useState(null),x=P(n,e=>b(e)),[S,C]=t.useState(null),w=ci(S),T=w?.width??0,E=w?.height??0,D=a+(s===`center`?``:`-`+s),O=typeof f==`number`?f:{top:0,right:0,bottom:0,left:0,...f},k=Array.isArray(d)?d:[d],A=k.length>0,j={padding:O,boundary:k.filter(Go),altBoundary:A},{refs:ee,floatingStyles:te,placement:M,isPositioned:ne,middlewareData:re}=vo({strategy:`fixed`,placement:D,whileElementsMounted:(...e)=>ro(...e,{animationFrame:h===`always`}),elements:{reference:v.anchor},middleware:[bo({mainAxis:o+E,alignmentAxis:c}),u&&xo({mainAxis:!0,crossAxis:!1,limiter:p===`partial`?So():void 0,...j}),u&&Co({...j}),wo({...j,apply:({elements:e,rects:t,availableWidth:n,availableHeight:r})=>{let{width:i,height:a}=t.reference,o=e.floating.style;o.setProperty(`--radix-popper-available-width`,`${n}px`),o.setProperty(`--radix-popper-available-height`,`${r}px`),o.setProperty(`--radix-popper-anchor-width`,`${i}px`),o.setProperty(`--radix-popper-anchor-height`,`${a}px`)}}),S&&Eo({element:S,padding:l}),Ko({arrowWidth:T,arrowHeight:E}),m&&To({strategy:`referenceHidden`,...j})]}),[ie,ae]=qo(M),oe=L(g);tt(()=>{ne&&oe?.()},[ne,oe]);let se=re.arrow?.x,ce=re.arrow?.y,N=re.arrow?.centerOffset!==0,[le,ue]=t.useState();return tt(()=>{y&&ue(window.getComputedStyle(y).zIndex)},[y]),(0,r.jsx)(`div`,{ref:ee.setFloating,"data-radix-popper-content-wrapper":``,style:{...te,transform:ne?te.transform:`translate(0, -200%)`,minWidth:`max-content`,zIndex:le,"--radix-popper-transform-origin":[re.transformOrigin?.x,re.transformOrigin?.y].join(` `),...re.hide?.referenceHidden&&{visibility:`hidden`,pointerEvents:`none`}},dir:e.dir,children:(0,r.jsx)(zo,{scope:i,placedSide:ie,onArrowChange:C,arrowX:se,arrowY:ce,shouldHideArrow:N,children:(0,r.jsx)(F.div,{"data-side":ie,"data-align":ae,..._,ref:x,style:{..._.style,animation:ne?void 0:`none`}})})})});Vo.displayName=Ro;var Ho=`PopperArrow`,Uo={top:`bottom`,right:`left`,bottom:`top`,left:`right`},Wo=t.forwardRef(function(e,t){let{__scopePopper:n,...i}=e,a=Bo(Ho,n),o=Uo[a.placedSide];return(0,r.jsx)(`span`,{ref:a.onArrowChange,style:{position:`absolute`,left:a.arrowX,top:a.arrowY,[o]:0,transformOrigin:{top:``,right:`0 0`,bottom:`center 0`,left:`100% 0`}[a.placedSide],transform:{top:`translateY(100%)`,right:`translateY(50%) rotate(90deg) translateX(-50%)`,bottom:`rotate(180deg)`,left:`translateY(50%) rotate(-90deg) translateX(50%)`}[a.placedSide],visibility:a.shouldHideArrow?`hidden`:void 0},children:(0,r.jsx)(ko,{...i,ref:t,style:{...i.style,display:`block`}})})});Wo.displayName=Ho;function Go(e){return e!==null}var Ko=e=>({name:`transformOrigin`,options:e,fn(t){let{placement:n,rects:r,middlewareData:i}=t,a=i.arrow?.centerOffset!==0,o=a?0:e.arrowWidth,s=a?0:e.arrowHeight,[c,l]=qo(n),u={start:`0%`,center:`50%`,end:`100%`}[l],d=(i.arrow?.x??0)+o/2,f=(i.arrow?.y??0)+s/2,p=``,m=``;return c===`bottom`?(p=a?u:`${d}px`,m=`${-s}px`):c===`top`?(p=a?u:`${d}px`,m=`${r.floating.height+s}px`):c===`right`?(p=`${-s}px`,m=a?u:`${f}px`):c===`left`&&(p=`${r.floating.width+s}px`,m=a?u:`${f}px`),{data:{x:p,y:m}}}});function qo(e){let[t,n=`center`]=e.split(`-`);return[t,n]}var Jo=Fo,Yo=Lo,Xo=Vo,Zo=Wo,Qo=`rovingFocusGroup.onEntryFocus`,$o={bubbles:!1,cancelable:!0},es=`RovingFocusGroup`,[ts,ns,rs]=et(es),[is,as]=Qe(es,[rs]),[os,ss]=is(es),cs=t.forwardRef((e,t)=>(0,r.jsx)(ts.Provider,{scope:e.__scopeRovingFocusGroup,children:(0,r.jsx)(ts.Slot,{scope:e.__scopeRovingFocusGroup,children:(0,r.jsx)(ls,{...e,ref:t})})}));cs.displayName=es;var ls=t.forwardRef((e,n)=>{let{__scopeRovingFocusGroup:i,orientation:a,loop:o=!1,dir:s,currentTabStopId:c,defaultCurrentTabStopId:l,onCurrentTabStopIdChange:u,onEntryFocus:d,preventScrollOnEntryFocus:f=!1,...p}=e,m=t.useRef(null),h=P(n,m),g=gt(s),[_,v]=rt({prop:c,defaultProp:l??null,onChange:u,caller:es}),[y,b]=t.useState(!1),x=L(d),S=ns(i),C=t.useRef(!1),[w,T]=t.useState(0);return t.useEffect(()=>{let e=m.current;if(e)return e.addEventListener(Qo,x),()=>e.removeEventListener(Qo,x)},[x]),(0,r.jsx)(os,{scope:i,orientation:a,dir:g,loop:o,currentTabStopId:_,onItemFocus:t.useCallback(e=>v(e),[v]),onItemShiftTab:t.useCallback(()=>b(!0),[]),onFocusableItemAdd:t.useCallback(()=>T(e=>e+1),[]),onFocusableItemRemove:t.useCallback(()=>T(e=>e-1),[]),children:(0,r.jsx)(F.div,{tabIndex:y||w===0?-1:0,"data-orientation":a,...p,ref:h,style:{outline:`none`,...e.style},onMouseDown:I(e.onMouseDown,()=>{C.current=!0}),onFocus:I(e.onFocus,e=>{let t=!C.current;if(e.target===e.currentTarget&&t&&!y){let t=new CustomEvent(Qo,$o);if(e.currentTarget.dispatchEvent(t),!t.defaultPrevented){let e=S().filter(e=>e.focusable);hs([e.find(e=>e.active),e.find(e=>e.id===_),...e].filter(Boolean).map(e=>e.ref.current),f)}}C.current=!1}),onBlur:I(e.onBlur,()=>b(!1))})})}),us=`RovingFocusGroupItem`,ds=t.forwardRef((e,n)=>{let{__scopeRovingFocusGroup:i,focusable:a=!0,active:o=!1,tabStopId:s,children:c,...l}=e,u=pt(),d=s||u,f=ss(us,i),p=f.currentTabStopId===d,m=ns(i),{onFocusableItemAdd:h,onFocusableItemRemove:g,currentTabStopId:_}=f;return t.useEffect(()=>{if(a)return h(),()=>g()},[a,h,g]),(0,r.jsx)(ts.ItemSlot,{scope:i,id:d,focusable:a,active:o,children:(0,r.jsx)(F.span,{tabIndex:p?0:-1,"data-orientation":f.orientation,...l,ref:n,onMouseDown:I(e.onMouseDown,e=>{a?f.onItemFocus(d):e.preventDefault()}),onFocus:I(e.onFocus,()=>f.onItemFocus(d)),onKeyDown:I(e.onKeyDown,e=>{if(e.key===`Tab`&&e.shiftKey){f.onItemShiftTab();return}if(e.target!==e.currentTarget)return;let t=ms(e,f.orientation,f.dir);if(t!==void 0){if(e.metaKey||e.ctrlKey||e.altKey||e.shiftKey)return;e.preventDefault();let n=m().filter(e=>e.focusable).map(e=>e.ref.current);if(t===`last`)n.reverse();else if(t===`prev`||t===`next`){t===`prev`&&n.reverse();let r=n.indexOf(e.currentTarget);n=f.loop?gs(n,r+1):n.slice(r+1)}setTimeout(()=>hs(n))}}),children:typeof c==`function`?c({isCurrentTabStop:p,hasTabStop:_!=null}):c})})});ds.displayName=us;var fs={ArrowLeft:`prev`,ArrowUp:`prev`,ArrowRight:`next`,ArrowDown:`next`,PageUp:`first`,Home:`first`,PageDown:`last`,End:`last`};function ps(e,t){return t===`rtl`?e===`ArrowLeft`?`ArrowRight`:e===`ArrowRight`?`ArrowLeft`:e:e}function ms(e,t,n){let r=ps(e.key,n);if(!(t===`vertical`&&[`ArrowLeft`,`ArrowRight`].includes(r))&&!(t===`horizontal`&&[`ArrowUp`,`ArrowDown`].includes(r)))return fs[r]}function hs(e,t=!1){let n=document.activeElement;for(let r of e)if(r===n||(r.focus({preventScroll:t}),document.activeElement!==n))return}function gs(e,t){return e.map((n,r)=>e[(t+r)%e.length])}var _s=cs,vs=ds,ys=[`Enter`,` `],bs=[`ArrowDown`,`PageUp`,`Home`],xs=[`ArrowUp`,`PageDown`,`End`],Ss=[...bs,...xs],Cs={ltr:[...ys,`ArrowRight`],rtl:[...ys,`ArrowLeft`]},ws={ltr:[`ArrowLeft`],rtl:[`ArrowRight`]},Ts=`Menu`,[Es,Ds,Os]=et(Ts),[ks,As]=Qe(Ts,[Os,Mo,as]),js=Mo(),Ms=as(),[Ns,Ps]=ks(Ts),[Fs,Is]=ks(Ts),Ls=e=>{let{__scopeMenu:n,open:i=!1,children:a,dir:o,onOpenChange:s,modal:c=!0}=e,l=js(n),[u,d]=t.useState(null),f=t.useRef(!1),p=L(s),m=gt(o);return t.useEffect(()=>{let e=()=>{f.current=!0,document.addEventListener(`pointerdown`,t,{capture:!0,once:!0}),document.addEventListener(`pointermove`,t,{capture:!0,once:!0})},t=()=>f.current=!1;return document.addEventListener(`keydown`,e,{capture:!0}),()=>{document.removeEventListener(`keydown`,e,{capture:!0}),document.removeEventListener(`pointerdown`,t,{capture:!0}),document.removeEventListener(`pointermove`,t,{capture:!0})}},[]),(0,r.jsx)(Jo,{...l,children:(0,r.jsx)(Ns,{scope:n,open:i,onOpenChange:p,content:u,onContentChange:d,children:(0,r.jsx)(Fs,{scope:n,onClose:t.useCallback(()=>p(!1),[p]),isUsingKeyboardRef:f,dir:m,modal:c,children:a})})})};Ls.displayName=Ts;var Rs=`MenuAnchor`,zs=t.forwardRef((e,t)=>{let{__scopeMenu:n,...i}=e,a=js(n);return(0,r.jsx)(Yo,{...a,...i,ref:t})});zs.displayName=Rs;var Bs=`MenuPortal`,[Vs,Hs]=ks(Bs,{forceMount:void 0}),Us=e=>{let{__scopeMenu:t,forceMount:n,children:i,container:a}=e,o=Ps(Bs,t);return(0,r.jsx)(Vs,{scope:t,forceMount:n,children:(0,r.jsx)(st,{present:n||o.open,children:(0,r.jsx)(Yt,{asChild:!0,container:a,children:i})})})};Us.displayName=Bs;var Ws=`MenuContent`,[Gs,Ks]=ks(Ws),qs=t.forwardRef((e,t)=>{let n=Hs(Ws,e.__scopeMenu),{forceMount:i=n.forceMount,...a}=e,o=Ps(Ws,e.__scopeMenu),s=Is(Ws,e.__scopeMenu);return(0,r.jsx)(Es.Provider,{scope:e.__scopeMenu,children:(0,r.jsx)(st,{present:i||o.open,children:(0,r.jsx)(Es.Slot,{scope:e.__scopeMenu,children:s.modal?(0,r.jsx)(Js,{...a,ref:t}):(0,r.jsx)(Ys,{...a,ref:t})})})})}),Js=t.forwardRef((e,n)=>{let i=Ps(Ws,e.__scopeMenu),a=t.useRef(null),o=P(n,a);return t.useEffect(()=>{let e=a.current;if(e)return vr(e)},[]),(0,r.jsx)(Zs,{...e,ref:o,trapFocus:i.open,disableOutsidePointerEvents:i.open,disableOutsideScroll:!0,onFocusOutside:I(e.onFocusOutside,e=>e.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:()=>i.onOpenChange(!1)})}),Ys=t.forwardRef((e,t)=>{let n=Ps(Ws,e.__scopeMenu);return(0,r.jsx)(Zs,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,onDismiss:()=>n.onOpenChange(!1)})}),Xs=Le(`MenuContent.ScrollLock`),Zs=t.forwardRef((e,n)=>{let{__scopeMenu:i,loop:a=!1,trapFocus:o,onOpenAutoFocus:s,onCloseAutoFocus:c,disableOutsidePointerEvents:l,onEntryFocus:u,onEscapeKeyDown:d,onPointerDownOutside:f,onFocusOutside:p,onInteractOutside:m,onDismiss:h,disableOutsideScroll:g,..._}=e,v=Ps(Ws,i),y=Is(Ws,i),b=js(i),x=Ms(i),S=Ds(i),[C,w]=t.useState(null),T=t.useRef(null),E=P(n,T,v.onContentChange),D=t.useRef(0),O=t.useRef(``),k=t.useRef(0),A=t.useRef(null),j=t.useRef(`right`),ee=t.useRef(0),te=g?lr:t.Fragment,M=g?{as:Xs,allowPinchZoom:!0}:void 0,ne=e=>{let t=O.current+e,n=S().filter(e=>!e.disabled),r=document.activeElement,i=n.find(e=>e.ref.current===r)?.textValue,a=Fc(n.map(e=>e.textValue),t,i),o=n.find(e=>e.textValue===a)?.ref.current;(function e(t){O.current=t,window.clearTimeout(D.current),t!==``&&(D.current=window.setTimeout(()=>e(``),1e3))})(t),o&&setTimeout(()=>o.focus())};t.useEffect(()=>()=>window.clearTimeout(D.current),[]),Zt();let re=t.useCallback(e=>j.current===A.current?.side&&Lc(e,A.current?.area),[]);return(0,r.jsx)(Gs,{scope:i,searchRef:O,onItemEnter:t.useCallback(e=>{re(e)&&e.preventDefault()},[re]),onItemLeave:t.useCallback(e=>{re(e)||(T.current?.focus(),w(null))},[re]),onTriggerLeave:t.useCallback(e=>{re(e)&&e.preventDefault()},[re]),pointerGraceTimerRef:k,onPointerGraceIntentChange:t.useCallback(e=>{A.current=e},[]),children:(0,r.jsx)(te,{...M,children:(0,r.jsx)(It,{asChild:!0,trapped:o,onMountAutoFocus:I(s,e=>{e.preventDefault(),T.current?.focus({preventScroll:!0})}),onUnmountAutoFocus:c,children:(0,r.jsx)(Tt,{asChild:!0,disableOutsidePointerEvents:l,onEscapeKeyDown:d,onPointerDownOutside:f,onFocusOutside:p,onInteractOutside:m,onDismiss:h,children:(0,r.jsx)(_s,{asChild:!0,...x,dir:y.dir,orientation:`vertical`,loop:a,currentTabStopId:C,onCurrentTabStopIdChange:w,onEntryFocus:I(u,e=>{y.isUsingKeyboardRef.current||e.preventDefault()}),preventScrollOnEntryFocus:!0,children:(0,r.jsx)(Xo,{role:`menu`,"aria-orientation":`vertical`,"data-state":Ac(v.open),"data-radix-menu-content":``,dir:y.dir,...b,..._,ref:E,style:{outline:`none`,..._.style},onKeyDown:I(_.onKeyDown,e=>{let t=e.target.closest(`[data-radix-menu-content]`)===e.currentTarget,n=e.ctrlKey||e.altKey||e.metaKey,r=e.key.length===1;t&&(e.key===`Tab`&&e.preventDefault(),!n&&r&&ne(e.key));let i=T.current;if(e.target!==i||!Ss.includes(e.key))return;e.preventDefault();let a=S().filter(e=>!e.disabled).map(e=>e.ref.current);xs.includes(e.key)&&a.reverse(),Nc(a)}),onBlur:I(e.onBlur,e=>{e.currentTarget.contains(e.target)||(window.clearTimeout(D.current),O.current=``)}),onPointerMove:I(e.onPointerMove,Rc(e=>{let t=e.target,n=ee.current!==e.clientX;e.currentTarget.contains(t)&&n&&(j.current=e.clientX>ee.current?`right`:`left`,ee.current=e.clientX)}))})})})})})})});qs.displayName=Ws;var Qs=`MenuGroup`,$s=t.forwardRef((e,t)=>{let{__scopeMenu:n,...i}=e;return(0,r.jsx)(F.div,{role:`group`,...i,ref:t})});$s.displayName=Qs;var ec=`MenuLabel`,tc=t.forwardRef((e,t)=>{let{__scopeMenu:n,...i}=e;return(0,r.jsx)(F.div,{...i,ref:t})});tc.displayName=ec;var nc=`MenuItem`,rc=`menu.itemSelect`,ic=t.forwardRef((e,n)=>{let{disabled:i=!1,onSelect:a,...o}=e,s=t.useRef(null),c=Is(nc,e.__scopeMenu),l=Ks(nc,e.__scopeMenu),u=P(n,s),d=t.useRef(!1),f=()=>{let e=s.current;if(!i&&e){let t=new CustomEvent(rc,{bubbles:!0,cancelable:!0});e.addEventListener(rc,e=>a?.(e),{once:!0}),Ke(e,t),t.defaultPrevented?d.current=!1:c.onClose()}};return(0,r.jsx)(ac,{...o,ref:u,disabled:i,onClick:I(e.onClick,f),onPointerDown:t=>{e.onPointerDown?.(t),d.current=!0},onPointerUp:I(e.onPointerUp,e=>{d.current||e.currentTarget?.click()}),onKeyDown:I(e.onKeyDown,e=>{let t=l.searchRef.current!==``;i||t&&e.key===` `||ys.includes(e.key)&&(e.currentTarget.click(),e.preventDefault())})})});ic.displayName=nc;var ac=t.forwardRef((e,n)=>{let{__scopeMenu:i,disabled:a=!1,textValue:o,...s}=e,c=Ks(nc,i),l=Ms(i),u=t.useRef(null),d=P(n,u),[f,p]=t.useState(!1),[m,h]=t.useState(``);return t.useEffect(()=>{let e=u.current;e&&h((e.textContent??``).trim())},[s.children]),(0,r.jsx)(Es.ItemSlot,{scope:i,disabled:a,textValue:o??m,children:(0,r.jsx)(vs,{asChild:!0,...l,focusable:!a,children:(0,r.jsx)(F.div,{role:`menuitem`,"data-highlighted":f?``:void 0,"aria-disabled":a||void 0,"data-disabled":a?``:void 0,...s,ref:d,onPointerMove:I(e.onPointerMove,Rc(e=>{a?c.onItemLeave(e):(c.onItemEnter(e),e.defaultPrevented||e.currentTarget.focus({preventScroll:!0}))})),onPointerLeave:I(e.onPointerLeave,Rc(e=>c.onItemLeave(e))),onFocus:I(e.onFocus,()=>p(!0)),onBlur:I(e.onBlur,()=>p(!1))})})})}),oc=`MenuCheckboxItem`,sc=t.forwardRef((e,t)=>{let{checked:n=!1,onCheckedChange:i,...a}=e;return(0,r.jsx)(hc,{scope:e.__scopeMenu,checked:n,children:(0,r.jsx)(ic,{role:`menuitemcheckbox`,"aria-checked":jc(n)?`mixed`:n,...a,ref:t,"data-state":Mc(n),onSelect:I(a.onSelect,()=>i?.(jc(n)?!0:!n),{checkForDefaultPrevented:!1})})})});sc.displayName=oc;var cc=`MenuRadioGroup`,[lc,uc]=ks(cc,{value:void 0,onValueChange:()=>{}}),dc=t.forwardRef((e,t)=>{let{value:n,onValueChange:i,...a}=e,o=L(i);return(0,r.jsx)(lc,{scope:e.__scopeMenu,value:n,onValueChange:o,children:(0,r.jsx)($s,{...a,ref:t})})});dc.displayName=cc;var fc=`MenuRadioItem`,pc=t.forwardRef((e,t)=>{let{value:n,...i}=e,a=uc(fc,e.__scopeMenu),o=n===a.value;return(0,r.jsx)(hc,{scope:e.__scopeMenu,checked:o,children:(0,r.jsx)(ic,{role:`menuitemradio`,"aria-checked":o,...i,ref:t,"data-state":Mc(o),onSelect:I(i.onSelect,()=>a.onValueChange?.(n),{checkForDefaultPrevented:!1})})})});pc.displayName=fc;var mc=`MenuItemIndicator`,[hc,gc]=ks(mc,{checked:!1}),_c=t.forwardRef((e,t)=>{let{__scopeMenu:n,forceMount:i,...a}=e,o=gc(mc,n);return(0,r.jsx)(st,{present:i||jc(o.checked)||o.checked===!0,children:(0,r.jsx)(F.span,{...a,ref:t,"data-state":Mc(o.checked)})})});_c.displayName=mc;var vc=`MenuSeparator`,yc=t.forwardRef((e,t)=>{let{__scopeMenu:n,...i}=e;return(0,r.jsx)(F.div,{role:`separator`,"aria-orientation":`horizontal`,...i,ref:t})});yc.displayName=vc;var bc=`MenuArrow`,xc=t.forwardRef((e,t)=>{let{__scopeMenu:n,...i}=e,a=js(n);return(0,r.jsx)(Zo,{...a,...i,ref:t})});xc.displayName=bc;var Sc=`MenuSub`,[Cc,wc]=ks(Sc),Tc=e=>{let{__scopeMenu:n,children:i,open:a=!1,onOpenChange:o}=e,s=Ps(Sc,n),c=js(n),[l,u]=t.useState(null),[d,f]=t.useState(null),p=L(o);return t.useEffect(()=>(s.open===!1&&p(!1),()=>p(!1)),[s.open,p]),(0,r.jsx)(Jo,{...c,children:(0,r.jsx)(Ns,{scope:n,open:a,onOpenChange:p,content:d,onContentChange:f,children:(0,r.jsx)(Cc,{scope:n,contentId:pt(),triggerId:pt(),trigger:l,onTriggerChange:u,children:i})})})};Tc.displayName=Sc;var Ec=`MenuSubTrigger`,Dc=t.forwardRef((e,n)=>{let i=Ps(Ec,e.__scopeMenu),a=Is(Ec,e.__scopeMenu),o=wc(Ec,e.__scopeMenu),s=Ks(Ec,e.__scopeMenu),c=t.useRef(null),{pointerGraceTimerRef:l,onPointerGraceIntentChange:u}=s,d={__scopeMenu:e.__scopeMenu},f=t.useCallback(()=>{c.current&&window.clearTimeout(c.current),c.current=null},[]);return t.useEffect(()=>f,[f]),t.useEffect(()=>{let e=l.current;return()=>{window.clearTimeout(e),u(null)}},[l,u]),(0,r.jsx)(zs,{asChild:!0,...d,children:(0,r.jsx)(ac,{id:o.triggerId,"aria-haspopup":`menu`,"aria-expanded":i.open,"aria-controls":o.contentId,"data-state":Ac(i.open),...e,ref:Ie(n,o.onTriggerChange),onClick:t=>{e.onClick?.(t),!(e.disabled||t.defaultPrevented)&&(t.currentTarget.focus(),i.open||i.onOpenChange(!0))},onPointerMove:I(e.onPointerMove,Rc(t=>{s.onItemEnter(t),!t.defaultPrevented&&!e.disabled&&!i.open&&!c.current&&(s.onPointerGraceIntentChange(null),c.current=window.setTimeout(()=>{i.onOpenChange(!0),f()},100))})),onPointerLeave:I(e.onPointerLeave,Rc(e=>{f();let t=i.content?.getBoundingClientRect();if(t){let n=i.content?.dataset.side,r=n===`right`,a=r?-5:5,o=t[r?`left`:`right`],c=t[r?`right`:`left`];s.onPointerGraceIntentChange({area:[{x:e.clientX+a,y:e.clientY},{x:o,y:t.top},{x:c,y:t.top},{x:c,y:t.bottom},{x:o,y:t.bottom}],side:n}),window.clearTimeout(l.current),l.current=window.setTimeout(()=>s.onPointerGraceIntentChange(null),300)}else{if(s.onTriggerLeave(e),e.defaultPrevented)return;s.onPointerGraceIntentChange(null)}})),onKeyDown:I(e.onKeyDown,t=>{let n=s.searchRef.current!==``;e.disabled||n&&t.key===` `||Cs[a.dir].includes(t.key)&&(i.onOpenChange(!0),i.content?.focus(),t.preventDefault())})})})});Dc.displayName=Ec;var Oc=`MenuSubContent`,kc=t.forwardRef((e,n)=>{let i=Hs(Ws,e.__scopeMenu),{forceMount:a=i.forceMount,...o}=e,s=Ps(Ws,e.__scopeMenu),c=Is(Ws,e.__scopeMenu),l=wc(Oc,e.__scopeMenu),u=t.useRef(null),d=P(n,u);return(0,r.jsx)(Es.Provider,{scope:e.__scopeMenu,children:(0,r.jsx)(st,{present:a||s.open,children:(0,r.jsx)(Es.Slot,{scope:e.__scopeMenu,children:(0,r.jsx)(Zs,{id:l.contentId,"aria-labelledby":l.triggerId,...o,ref:d,align:`start`,side:c.dir===`rtl`?`left`:`right`,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,trapFocus:!1,onOpenAutoFocus:e=>{c.isUsingKeyboardRef.current&&u.current?.focus(),e.preventDefault()},onCloseAutoFocus:e=>e.preventDefault(),onFocusOutside:I(e.onFocusOutside,e=>{e.target!==l.trigger&&s.onOpenChange(!1)}),onEscapeKeyDown:I(e.onEscapeKeyDown,e=>{c.onClose(),e.preventDefault()}),onKeyDown:I(e.onKeyDown,e=>{let t=e.currentTarget.contains(e.target),n=ws[c.dir].includes(e.key);t&&n&&(s.onOpenChange(!1),l.trigger?.focus(),e.preventDefault())})})})})})});kc.displayName=Oc;function Ac(e){return e?`open`:`closed`}function jc(e){return e===`indeterminate`}function Mc(e){return jc(e)?`indeterminate`:e?`checked`:`unchecked`}function Nc(e){let t=document.activeElement;for(let n of e)if(n===t||(n.focus(),document.activeElement!==t))return}function Pc(e,t){return e.map((n,r)=>e[(t+r)%e.length])}function Fc(e,t,n){let r=t.length>1&&Array.from(t).every(e=>e===t[0])?t[0]:t,i=n?e.indexOf(n):-1,a=Pc(e,Math.max(i,0));r.length===1&&(a=a.filter(e=>e!==n));let o=a.find(e=>e.toLowerCase().startsWith(r.toLowerCase()));return o===n?void 0:o}function Ic(e,t){let{x:n,y:r}=e,i=!1;for(let e=0,a=t.length-1;e<t.length;a=e++){let o=t[e],s=t[a],c=o.x,l=o.y,u=s.x,d=s.y;l>r!=d>r&&n<(u-c)*(r-l)/(d-l)+c&&(i=!i)}return i}function Lc(e,t){return t?Ic({x:e.clientX,y:e.clientY},t):!1}function Rc(e){return t=>t.pointerType===`mouse`?e(t):void 0}var zc=Ls,Bc=zs,Vc=Us,Hc=qs,Uc=$s,Wc=tc,Gc=ic,Kc=sc,qc=dc,Jc=pc,Yc=_c,Xc=yc,Zc=xc,Qc=Tc,$c=Dc,el=kc,tl=`ContextMenu`,[nl,rl]=Qe(tl,[As]),il=As(),[al,ol]=nl(tl),sl=e=>{let{__scopeContextMenu:n,children:i,onOpenChange:a,dir:o,modal:s=!0}=e,[c,l]=t.useState(!1),u=il(n),d=L(a),f=t.useCallback(e=>{l(e),d(e)},[d]);return(0,r.jsx)(al,{scope:n,open:c,onOpenChange:f,modal:s,children:(0,r.jsx)(zc,{...u,dir:o,open:c,onOpenChange:f,modal:s,children:i})})};sl.displayName=tl;var cl=`ContextMenuTrigger`,ll=t.forwardRef((e,n)=>{let{__scopeContextMenu:i,disabled:a=!1,...o}=e,s=ol(cl,i),c=il(i),l=t.useRef({x:0,y:0}),u=t.useRef({getBoundingClientRect:()=>DOMRect.fromRect({width:0,height:0,...l.current})}),d=t.useRef(0),f=t.useCallback(()=>window.clearTimeout(d.current),[]),p=e=>{l.current={x:e.clientX,y:e.clientY},s.onOpenChange(!0)};return t.useEffect(()=>f,[f]),t.useEffect(()=>void(a&&f()),[a,f]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(Bc,{...c,virtualRef:u}),(0,r.jsx)(F.span,{"data-state":s.open?`open`:`closed`,"data-disabled":a?``:void 0,...o,ref:n,style:{WebkitTouchCallout:`none`,...e.style},onContextMenu:a?e.onContextMenu:I(e.onContextMenu,e=>{f(),p(e),e.preventDefault()}),onPointerDown:a?e.onPointerDown:I(e.onPointerDown,Rl(e=>{f(),d.current=window.setTimeout(()=>p(e),700)})),onPointerMove:a?e.onPointerMove:I(e.onPointerMove,Rl(f)),onPointerCancel:a?e.onPointerCancel:I(e.onPointerCancel,Rl(f)),onPointerUp:a?e.onPointerUp:I(e.onPointerUp,Rl(f))})]})});ll.displayName=cl;var ul=`ContextMenuPortal`,dl=e=>{let{__scopeContextMenu:t,...n}=e,i=il(t);return(0,r.jsx)(Vc,{...i,...n})};dl.displayName=ul;var fl=`ContextMenuContent`,pl=t.forwardRef((e,n)=>{let{__scopeContextMenu:i,...a}=e,o=ol(fl,i),s=il(i),c=t.useRef(!1);return(0,r.jsx)(Hc,{...s,...a,ref:n,side:`right`,sideOffset:2,align:`start`,onCloseAutoFocus:t=>{e.onCloseAutoFocus?.(t),!t.defaultPrevented&&c.current&&t.preventDefault(),c.current=!1},onInteractOutside:t=>{e.onInteractOutside?.(t),!t.defaultPrevented&&!o.modal&&(c.current=!0)},style:{...e.style,"--radix-context-menu-content-transform-origin":`var(--radix-popper-transform-origin)`,"--radix-context-menu-content-available-width":`var(--radix-popper-available-width)`,"--radix-context-menu-content-available-height":`var(--radix-popper-available-height)`,"--radix-context-menu-trigger-width":`var(--radix-popper-anchor-width)`,"--radix-context-menu-trigger-height":`var(--radix-popper-anchor-height)`}})});pl.displayName=fl;var ml=`ContextMenuGroup`,hl=t.forwardRef((e,t)=>{let{__scopeContextMenu:n,...i}=e,a=il(n);return(0,r.jsx)(Uc,{...a,...i,ref:t})});hl.displayName=ml;var gl=`ContextMenuLabel`,_l=t.forwardRef((e,t)=>{let{__scopeContextMenu:n,...i}=e,a=il(n);return(0,r.jsx)(Wc,{...a,...i,ref:t})});_l.displayName=gl;var vl=`ContextMenuItem`,yl=t.forwardRef((e,t)=>{let{__scopeContextMenu:n,...i}=e,a=il(n);return(0,r.jsx)(Gc,{...a,...i,ref:t})});yl.displayName=vl;var bl=`ContextMenuCheckboxItem`,xl=t.forwardRef((e,t)=>{let{__scopeContextMenu:n,...i}=e,a=il(n);return(0,r.jsx)(Kc,{...a,...i,ref:t})});xl.displayName=bl;var Sl=`ContextMenuRadioGroup`,Cl=t.forwardRef((e,t)=>{let{__scopeContextMenu:n,...i}=e,a=il(n);return(0,r.jsx)(qc,{...a,...i,ref:t})});Cl.displayName=Sl;var wl=`ContextMenuRadioItem`,Tl=t.forwardRef((e,t)=>{let{__scopeContextMenu:n,...i}=e,a=il(n);return(0,r.jsx)(Jc,{...a,...i,ref:t})});Tl.displayName=wl;var El=`ContextMenuItemIndicator`,Dl=t.forwardRef((e,t)=>{let{__scopeContextMenu:n,...i}=e,a=il(n);return(0,r.jsx)(Yc,{...a,...i,ref:t})});Dl.displayName=El;var Ol=`ContextMenuSeparator`,kl=t.forwardRef((e,t)=>{let{__scopeContextMenu:n,...i}=e,a=il(n);return(0,r.jsx)(Xc,{...a,...i,ref:t})});kl.displayName=Ol;var Al=`ContextMenuArrow`,jl=t.forwardRef((e,t)=>{let{__scopeContextMenu:n,...i}=e,a=il(n);return(0,r.jsx)(Zc,{...a,...i,ref:t})});jl.displayName=Al;var Ml=`ContextMenuSub`,Nl=e=>{let{__scopeContextMenu:t,children:n,onOpenChange:i,open:a,defaultOpen:o}=e,s=il(t),[c,l]=rt({prop:a,defaultProp:o??!1,onChange:i,caller:Ml});return(0,r.jsx)(Qc,{...s,open:c,onOpenChange:l,children:n})};Nl.displayName=Ml;var Pl=`ContextMenuSubTrigger`,Fl=t.forwardRef((e,t)=>{let{__scopeContextMenu:n,...i}=e,a=il(n);return(0,r.jsx)($c,{...a,...i,ref:t})});Fl.displayName=Pl;var Il=`ContextMenuSubContent`,Ll=t.forwardRef((e,t)=>{let{__scopeContextMenu:n,...i}=e,a=il(n);return(0,r.jsx)(el,{...a,...i,ref:t,style:{...e.style,"--radix-context-menu-content-transform-origin":`var(--radix-popper-transform-origin)`,"--radix-context-menu-content-available-width":`var(--radix-popper-available-width)`,"--radix-context-menu-content-available-height":`var(--radix-popper-available-height)`,"--radix-context-menu-trigger-width":`var(--radix-popper-anchor-width)`,"--radix-context-menu-trigger-height":`var(--radix-popper-anchor-height)`}})});Ll.displayName=Il;function Rl(e){return t=>t.pointerType===`mouse`?void 0:e(t)}var zl=sl,Bl=ll,Vl=dl,Hl=pl,R=yl,Ul=kl,Wl=Nl,Gl=Fl,Kl=Ll,ql=`DropdownMenu`,[Jl,Yl]=Qe(ql,[As]),Xl=As(),[Zl,Ql]=Jl(ql),$l=e=>{let{__scopeDropdownMenu:n,children:i,dir:a,open:o,defaultOpen:s,onOpenChange:c,modal:l=!0}=e,u=Xl(n),d=t.useRef(null),[f,p]=rt({prop:o,defaultProp:s??!1,onChange:c,caller:ql});return(0,r.jsx)(Zl,{scope:n,triggerId:pt(),triggerRef:d,contentId:pt(),open:f,onOpenChange:p,onOpenToggle:t.useCallback(()=>p(e=>!e),[p]),modal:l,children:(0,r.jsx)(zc,{...u,open:f,onOpenChange:p,dir:a,modal:l,children:i})})};$l.displayName=ql;var eu=`DropdownMenuTrigger`,tu=t.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,disabled:i=!1,...a}=e,o=Ql(eu,n),s=Xl(n);return(0,r.jsx)(Bc,{asChild:!0,...s,children:(0,r.jsx)(F.button,{type:`button`,id:o.triggerId,"aria-haspopup":`menu`,"aria-expanded":o.open,"aria-controls":o.open?o.contentId:void 0,"data-state":o.open?`open`:`closed`,"data-disabled":i?``:void 0,disabled:i,...a,ref:Ie(t,o.triggerRef),onPointerDown:I(e.onPointerDown,e=>{!i&&e.button===0&&e.ctrlKey===!1&&(o.onOpenToggle(),o.open||e.preventDefault())}),onKeyDown:I(e.onKeyDown,e=>{i||([`Enter`,` `].includes(e.key)&&o.onOpenToggle(),e.key===`ArrowDown`&&o.onOpenChange(!0),[`Enter`,` `,`ArrowDown`].includes(e.key)&&e.preventDefault())})})})});tu.displayName=eu;var nu=`DropdownMenuPortal`,ru=e=>{let{__scopeDropdownMenu:t,...n}=e,i=Xl(t);return(0,r.jsx)(Vc,{...i,...n})};ru.displayName=nu;var iu=`DropdownMenuContent`,au=t.forwardRef((e,n)=>{let{__scopeDropdownMenu:i,...a}=e,o=Ql(iu,i),s=Xl(i),c=t.useRef(!1);return(0,r.jsx)(Hc,{id:o.contentId,"aria-labelledby":o.triggerId,...s,...a,ref:n,onCloseAutoFocus:I(e.onCloseAutoFocus,e=>{c.current||o.triggerRef.current?.focus(),c.current=!1,e.preventDefault()}),onInteractOutside:I(e.onInteractOutside,e=>{let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0,r=t.button===2||n;(!o.modal||r)&&(c.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":`var(--radix-popper-transform-origin)`,"--radix-dropdown-menu-content-available-width":`var(--radix-popper-available-width)`,"--radix-dropdown-menu-content-available-height":`var(--radix-popper-available-height)`,"--radix-dropdown-menu-trigger-width":`var(--radix-popper-anchor-width)`,"--radix-dropdown-menu-trigger-height":`var(--radix-popper-anchor-height)`}})});au.displayName=iu;var ou=`DropdownMenuGroup`,su=t.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...i}=e,a=Xl(n);return(0,r.jsx)(Uc,{...a,...i,ref:t})});su.displayName=ou;var cu=`DropdownMenuLabel`,lu=t.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...i}=e,a=Xl(n);return(0,r.jsx)(Wc,{...a,...i,ref:t})});lu.displayName=cu;var uu=`DropdownMenuItem`,du=t.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...i}=e,a=Xl(n);return(0,r.jsx)(Gc,{...a,...i,ref:t})});du.displayName=uu;var fu=`DropdownMenuCheckboxItem`,pu=t.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...i}=e,a=Xl(n);return(0,r.jsx)(Kc,{...a,...i,ref:t})});pu.displayName=fu;var mu=`DropdownMenuRadioGroup`,hu=t.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...i}=e,a=Xl(n);return(0,r.jsx)(qc,{...a,...i,ref:t})});hu.displayName=mu;var gu=`DropdownMenuRadioItem`,_u=t.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...i}=e,a=Xl(n);return(0,r.jsx)(Jc,{...a,...i,ref:t})});_u.displayName=gu;var vu=`DropdownMenuItemIndicator`,yu=t.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...i}=e,a=Xl(n);return(0,r.jsx)(Yc,{...a,...i,ref:t})});yu.displayName=vu;var bu=`DropdownMenuSeparator`,xu=t.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...i}=e,a=Xl(n);return(0,r.jsx)(Xc,{...a,...i,ref:t})});xu.displayName=bu;var Su=`DropdownMenuArrow`,Cu=t.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...i}=e,a=Xl(n);return(0,r.jsx)(Zc,{...a,...i,ref:t})});Cu.displayName=Su;var wu=e=>{let{__scopeDropdownMenu:t,children:n,open:i,onOpenChange:a,defaultOpen:o}=e,s=Xl(t),[c,l]=rt({prop:i,defaultProp:o??!1,onChange:a,caller:`DropdownMenuSub`});return(0,r.jsx)(Qc,{...s,open:c,onOpenChange:l,children:n})},Tu=`DropdownMenuSubTrigger`,Eu=t.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...i}=e,a=Xl(n);return(0,r.jsx)($c,{...a,...i,ref:t})});Eu.displayName=Tu;var Du=`DropdownMenuSubContent`,Ou=t.forwardRef((e,t)=>{let{__scopeDropdownMenu:n,...i}=e,a=Xl(n);return(0,r.jsx)(el,{...a,...i,ref:t,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":`var(--radix-popper-transform-origin)`,"--radix-dropdown-menu-content-available-width":`var(--radix-popper-available-width)`,"--radix-dropdown-menu-content-available-height":`var(--radix-popper-available-height)`,"--radix-dropdown-menu-trigger-width":`var(--radix-popper-anchor-width)`,"--radix-dropdown-menu-trigger-height":`var(--radix-popper-anchor-height)`}})});Ou.displayName=Du;var ku=$l,Au=tu,ju=ru,Mu=au,Nu=su,Pu=lu,Fu=du,Iu=pu,Lu=hu,Ru=_u,zu=yu,Bu=xu,Vu=wu,Hu=Eu,Uu=Ou;function Wu(e,[t,n]){return Math.min(n,Math.max(t,e))}var Gu=`Popover`,[Ku,qu]=Qe(Gu,[Mo]),Ju=Mo(),[Yu,Xu]=Ku(Gu),Zu=e=>{let{__scopePopover:n,children:i,open:a,defaultOpen:o,onOpenChange:s,modal:c=!1}=e,l=Ju(n),u=t.useRef(null),[d,f]=t.useState(!1),[p,m]=rt({prop:a,defaultProp:o??!1,onChange:s,caller:Gu});return(0,r.jsx)(Jo,{...l,children:(0,r.jsx)(Yu,{scope:n,contentId:pt(),triggerRef:u,open:p,onOpenChange:m,onOpenToggle:t.useCallback(()=>m(e=>!e),[m]),hasCustomAnchor:d,onCustomAnchorAdd:t.useCallback(()=>f(!0),[]),onCustomAnchorRemove:t.useCallback(()=>f(!1),[]),modal:c,children:i})})};Zu.displayName=Gu;var Qu=`PopoverAnchor`,$u=t.forwardRef((e,n)=>{let{__scopePopover:i,...a}=e,o=Xu(Qu,i),s=Ju(i),{onCustomAnchorAdd:c,onCustomAnchorRemove:l}=o;return t.useEffect(()=>(c(),()=>l()),[c,l]),(0,r.jsx)(Yo,{...s,...a,ref:n})});$u.displayName=Qu;var ed=`PopoverTrigger`,td=t.forwardRef((e,t)=>{let{__scopePopover:n,...i}=e,a=Xu(ed,n),o=Ju(n),s=P(t,a.triggerRef),c=(0,r.jsx)(F.button,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":a.open,"aria-controls":a.contentId,"data-state":gd(a.open),...i,ref:s,onClick:I(e.onClick,a.onOpenToggle)});return a.hasCustomAnchor?c:(0,r.jsx)(Yo,{asChild:!0,...o,children:c})});td.displayName=ed;var nd=`PopoverPortal`,[rd,id]=Ku(nd,{forceMount:void 0}),ad=e=>{let{__scopePopover:t,forceMount:n,children:i,container:a}=e,o=Xu(nd,t);return(0,r.jsx)(rd,{scope:t,forceMount:n,children:(0,r.jsx)(st,{present:n||o.open,children:(0,r.jsx)(Yt,{asChild:!0,container:a,children:i})})})};ad.displayName=nd;var od=`PopoverContent`,sd=t.forwardRef((e,t)=>{let n=id(od,e.__scopePopover),{forceMount:i=n.forceMount,...a}=e,o=Xu(od,e.__scopePopover);return(0,r.jsx)(st,{present:i||o.open,children:o.modal?(0,r.jsx)(ld,{...a,ref:t}):(0,r.jsx)(ud,{...a,ref:t})})});sd.displayName=od;var cd=Le(`PopoverContent.RemoveScroll`),ld=t.forwardRef((e,n)=>{let i=Xu(od,e.__scopePopover),a=t.useRef(null),o=P(n,a),s=t.useRef(!1);return t.useEffect(()=>{let e=a.current;if(e)return vr(e)},[]),(0,r.jsx)(lr,{as:cd,allowPinchZoom:!0,children:(0,r.jsx)(dd,{...e,ref:o,trapFocus:i.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:I(e.onCloseAutoFocus,e=>{e.preventDefault(),s.current||i.triggerRef.current?.focus()}),onPointerDownOutside:I(e.onPointerDownOutside,e=>{let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0;s.current=t.button===2||n},{checkForDefaultPrevented:!1}),onFocusOutside:I(e.onFocusOutside,e=>e.preventDefault(),{checkForDefaultPrevented:!1})})})}),ud=t.forwardRef((e,n)=>{let i=Xu(od,e.__scopePopover),a=t.useRef(!1),o=t.useRef(!1);return(0,r.jsx)(dd,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{e.onCloseAutoFocus?.(t),t.defaultPrevented||(a.current||i.triggerRef.current?.focus(),t.preventDefault()),a.current=!1,o.current=!1},onInteractOutside:t=>{e.onInteractOutside?.(t),t.defaultPrevented||(a.current=!0,t.detail.originalEvent.type===`pointerdown`&&(o.current=!0));let n=t.target;i.triggerRef.current?.contains(n)&&t.preventDefault(),t.detail.originalEvent.type===`focusin`&&o.current&&t.preventDefault()}})}),dd=t.forwardRef((e,t)=>{let{__scopePopover:n,trapFocus:i,onOpenAutoFocus:a,onCloseAutoFocus:o,disableOutsidePointerEvents:s,onEscapeKeyDown:c,onPointerDownOutside:l,onFocusOutside:u,onInteractOutside:d,...f}=e,p=Xu(od,n),m=Ju(n);return Zt(),(0,r.jsx)(It,{asChild:!0,loop:!0,trapped:i,onMountAutoFocus:a,onUnmountAutoFocus:o,children:(0,r.jsx)(Tt,{asChild:!0,disableOutsidePointerEvents:s,onInteractOutside:d,onEscapeKeyDown:c,onPointerDownOutside:l,onFocusOutside:u,onDismiss:()=>p.onOpenChange(!1),children:(0,r.jsx)(Xo,{"data-state":gd(p.open),role:`dialog`,id:p.contentId,...m,...f,ref:t,style:{...f.style,"--radix-popover-content-transform-origin":`var(--radix-popper-transform-origin)`,"--radix-popover-content-available-width":`var(--radix-popper-available-width)`,"--radix-popover-content-available-height":`var(--radix-popper-available-height)`,"--radix-popover-trigger-width":`var(--radix-popper-anchor-width)`,"--radix-popover-trigger-height":`var(--radix-popper-anchor-height)`}})})})}),fd=`PopoverClose`,pd=t.forwardRef((e,t)=>{let{__scopePopover:n,...i}=e,a=Xu(fd,n);return(0,r.jsx)(F.button,{type:`button`,...i,ref:t,onClick:I(e.onClick,()=>a.onOpenChange(!1))})});pd.displayName=fd;var md=`PopoverArrow`,hd=t.forwardRef((e,t)=>{let{__scopePopover:n,...i}=e,a=Ju(n);return(0,r.jsx)(Zo,{...a,...i,ref:t})});hd.displayName=md;function gd(e){return e?`open`:`closed`}var _d=Zu,vd=$u,yd=td,bd=ad,xd=sd,Sd=pd;function Cd(e,n){return t.useReducer((e,t)=>n[e][t]??e,e)}var wd=`ScrollArea`,[Td,Ed]=Qe(wd),[Dd,Od]=Td(wd),kd=t.forwardRef((e,n)=>{let{__scopeScrollArea:i,type:a=`hover`,dir:o,scrollHideDelay:s=600,...c}=e,[l,u]=t.useState(null),[d,f]=t.useState(null),[p,m]=t.useState(null),[h,g]=t.useState(null),[_,v]=t.useState(null),[y,b]=t.useState(0),[x,S]=t.useState(0),[C,w]=t.useState(!1),[T,E]=t.useState(!1),D=P(n,e=>u(e)),O=gt(o);return(0,r.jsx)(Dd,{scope:i,type:a,dir:O,scrollHideDelay:s,scrollArea:l,viewport:d,onViewportChange:f,content:p,onContentChange:m,scrollbarX:h,onScrollbarXChange:g,scrollbarXEnabled:C,onScrollbarXEnabledChange:w,scrollbarY:_,onScrollbarYChange:v,scrollbarYEnabled:T,onScrollbarYEnabledChange:E,onCornerWidthChange:b,onCornerHeightChange:S,children:(0,r.jsx)(F.div,{dir:O,...c,ref:D,style:{position:`relative`,"--radix-scroll-area-corner-width":y+`px`,"--radix-scroll-area-corner-height":x+`px`,...e.style}})})});kd.displayName=wd;var Ad=`ScrollAreaViewport`,jd=t.forwardRef((e,n)=>{let{__scopeScrollArea:i,children:a,nonce:o,...s}=e,c=Od(Ad,i),l=P(n,t.useRef(null),c.onViewportChange);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}`},nonce:o}),(0,r.jsx)(F.div,{"data-radix-scroll-area-viewport":``,...s,ref:l,style:{overflowX:c.scrollbarXEnabled?`scroll`:`hidden`,overflowY:c.scrollbarYEnabled?`scroll`:`hidden`,...e.style},children:(0,r.jsx)(`div`,{ref:c.onContentChange,style:{minWidth:`100%`,display:`table`},children:a})})]})});jd.displayName=Ad;var Md=`ScrollAreaScrollbar`,Nd=t.forwardRef((e,n)=>{let{forceMount:i,...a}=e,o=Od(Md,e.__scopeScrollArea),{onScrollbarXEnabledChange:s,onScrollbarYEnabledChange:c}=o,l=e.orientation===`horizontal`;return t.useEffect(()=>(l?s(!0):c(!0),()=>{l?s(!1):c(!1)}),[l,s,c]),o.type===`hover`?(0,r.jsx)(Pd,{...a,ref:n,forceMount:i}):o.type===`scroll`?(0,r.jsx)(Fd,{...a,ref:n,forceMount:i}):o.type===`auto`?(0,r.jsx)(Id,{...a,ref:n,forceMount:i}):o.type===`always`?(0,r.jsx)(Ld,{...a,ref:n}):null});Nd.displayName=Md;var Pd=t.forwardRef((e,n)=>{let{forceMount:i,...a}=e,o=Od(Md,e.__scopeScrollArea),[s,c]=t.useState(!1);return t.useEffect(()=>{let e=o.scrollArea,t=0;if(e){let n=()=>{window.clearTimeout(t),c(!0)},r=()=>{t=window.setTimeout(()=>c(!1),o.scrollHideDelay)};return e.addEventListener(`pointerenter`,n),e.addEventListener(`pointerleave`,r),()=>{window.clearTimeout(t),e.removeEventListener(`pointerenter`,n),e.removeEventListener(`pointerleave`,r)}}},[o.scrollArea,o.scrollHideDelay]),(0,r.jsx)(st,{present:i||s,children:(0,r.jsx)(Id,{"data-state":s?`visible`:`hidden`,...a,ref:n})})}),Fd=t.forwardRef((e,n)=>{let{forceMount:i,...a}=e,o=Od(Md,e.__scopeScrollArea),s=e.orientation===`horizontal`,c=rf(()=>u(`SCROLL_END`),100),[l,u]=Cd(`hidden`,{hidden:{SCROLL:`scrolling`},scrolling:{SCROLL_END:`idle`,POINTER_ENTER:`interacting`},interacting:{SCROLL:`interacting`,POINTER_LEAVE:`idle`},idle:{HIDE:`hidden`,SCROLL:`scrolling`,POINTER_ENTER:`interacting`}});return t.useEffect(()=>{if(l===`idle`){let e=window.setTimeout(()=>u(`HIDE`),o.scrollHideDelay);return()=>window.clearTimeout(e)}},[l,o.scrollHideDelay,u]),t.useEffect(()=>{let e=o.viewport,t=s?`scrollLeft`:`scrollTop`;if(e){let n=e[t],r=()=>{let r=e[t];n!==r&&(u(`SCROLL`),c()),n=r};return e.addEventListener(`scroll`,r),()=>e.removeEventListener(`scroll`,r)}},[o.viewport,s,u,c]),(0,r.jsx)(st,{present:i||l!==`hidden`,children:(0,r.jsx)(Ld,{"data-state":l===`hidden`?`hidden`:`visible`,...a,ref:n,onPointerEnter:I(e.onPointerEnter,()=>u(`POINTER_ENTER`)),onPointerLeave:I(e.onPointerLeave,()=>u(`POINTER_LEAVE`))})})}),Id=t.forwardRef((e,n)=>{let i=Od(Md,e.__scopeScrollArea),{forceMount:a,...o}=e,[s,c]=t.useState(!1),l=e.orientation===`horizontal`,u=rf(()=>{if(i.viewport){let e=i.viewport.offsetWidth<i.viewport.scrollWidth,t=i.viewport.offsetHeight<i.viewport.scrollHeight;c(l?e:t)}},10);return af(i.viewport,u),af(i.content,u),(0,r.jsx)(st,{present:a||s,children:(0,r.jsx)(Ld,{"data-state":s?`visible`:`hidden`,...o,ref:n})})}),Ld=t.forwardRef((e,n)=>{let{orientation:i=`vertical`,...a}=e,o=Od(Md,e.__scopeScrollArea),s=t.useRef(null),c=t.useRef(0),[l,u]=t.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),d=Xd(l.viewport,l.content),f={...a,sizes:l,onSizesChange:u,hasThumb:d>0&&d<1,onThumbChange:e=>s.current=e,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:e=>c.current=e};function p(e,t){return Qd(e,c.current,l,t)}return i===`horizontal`?(0,r.jsx)(Rd,{...f,ref:n,onThumbPositionChange:()=>{if(o.viewport&&s.current){let e=o.viewport.scrollLeft,t=$d(e,l,o.dir);s.current.style.transform=`translate3d(${t}px, 0, 0)`}},onWheelScroll:e=>{o.viewport&&(o.viewport.scrollLeft=e)},onDragScroll:e=>{o.viewport&&(o.viewport.scrollLeft=p(e,o.dir))}}):i===`vertical`?(0,r.jsx)(zd,{...f,ref:n,onThumbPositionChange:()=>{if(o.viewport&&s.current){let e=o.viewport.scrollTop,t=$d(e,l);s.current.style.transform=`translate3d(0, ${t}px, 0)`}},onWheelScroll:e=>{o.viewport&&(o.viewport.scrollTop=e)},onDragScroll:e=>{o.viewport&&(o.viewport.scrollTop=p(e))}}):null}),Rd=t.forwardRef((e,n)=>{let{sizes:i,onSizesChange:a,...o}=e,s=Od(Md,e.__scopeScrollArea),[c,l]=t.useState(),u=t.useRef(null),d=P(n,u,s.onScrollbarXChange);return t.useEffect(()=>{u.current&&l(getComputedStyle(u.current))},[u]),(0,r.jsx)(Hd,{"data-orientation":`horizontal`,...o,ref:d,sizes:i,style:{bottom:0,left:s.dir===`rtl`?`var(--radix-scroll-area-corner-width)`:0,right:s.dir===`ltr`?`var(--radix-scroll-area-corner-width)`:0,"--radix-scroll-area-thumb-width":Zd(i)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,n)=>{if(s.viewport){let r=s.viewport.scrollLeft+t.deltaX;e.onWheelScroll(r),tf(r,n)&&t.preventDefault()}},onResize:()=>{u.current&&s.viewport&&c&&a({content:s.viewport.scrollWidth,viewport:s.viewport.offsetWidth,scrollbar:{size:u.current.clientWidth,paddingStart:Yd(c.paddingLeft),paddingEnd:Yd(c.paddingRight)}})}})}),zd=t.forwardRef((e,n)=>{let{sizes:i,onSizesChange:a,...o}=e,s=Od(Md,e.__scopeScrollArea),[c,l]=t.useState(),u=t.useRef(null),d=P(n,u,s.onScrollbarYChange);return t.useEffect(()=>{u.current&&l(getComputedStyle(u.current))},[u]),(0,r.jsx)(Hd,{"data-orientation":`vertical`,...o,ref:d,sizes:i,style:{top:0,right:s.dir===`ltr`?0:void 0,left:s.dir===`rtl`?0:void 0,bottom:`var(--radix-scroll-area-corner-height)`,"--radix-scroll-area-thumb-height":Zd(i)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,n)=>{if(s.viewport){let r=s.viewport.scrollTop+t.deltaY;e.onWheelScroll(r),tf(r,n)&&t.preventDefault()}},onResize:()=>{u.current&&s.viewport&&c&&a({content:s.viewport.scrollHeight,viewport:s.viewport.offsetHeight,scrollbar:{size:u.current.clientHeight,paddingStart:Yd(c.paddingTop),paddingEnd:Yd(c.paddingBottom)}})}})}),[Bd,Vd]=Td(Md),Hd=t.forwardRef((e,n)=>{let{__scopeScrollArea:i,sizes:a,hasThumb:o,onThumbChange:s,onThumbPointerUp:c,onThumbPointerDown:l,onThumbPositionChange:u,onDragScroll:d,onWheelScroll:f,onResize:p,...m}=e,h=Od(Md,i),[g,_]=t.useState(null),v=P(n,e=>_(e)),y=t.useRef(null),b=t.useRef(``),x=h.viewport,S=a.content-a.viewport,C=L(f),w=L(u),T=rf(p,10);function E(e){y.current&&d({x:e.clientX-y.current.left,y:e.clientY-y.current.top})}return t.useEffect(()=>{let e=e=>{let t=e.target;g?.contains(t)&&C(e,S)};return document.addEventListener(`wheel`,e,{passive:!1}),()=>document.removeEventListener(`wheel`,e,{passive:!1})},[x,g,S,C]),t.useEffect(w,[a,w]),af(g,T),af(h.content,T),(0,r.jsx)(Bd,{scope:i,scrollbar:g,hasThumb:o,onThumbChange:L(s),onThumbPointerUp:L(c),onThumbPositionChange:w,onThumbPointerDown:L(l),children:(0,r.jsx)(F.div,{...m,ref:v,style:{position:`absolute`,...m.style},onPointerDown:I(e.onPointerDown,e=>{e.button===0&&(e.target.setPointerCapture(e.pointerId),y.current=g.getBoundingClientRect(),b.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect=`none`,h.viewport&&(h.viewport.style.scrollBehavior=`auto`),E(e))}),onPointerMove:I(e.onPointerMove,E),onPointerUp:I(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=b.current,h.viewport&&(h.viewport.style.scrollBehavior=``),y.current=null})})})}),Ud=`ScrollAreaThumb`,Wd=t.forwardRef((e,t)=>{let{forceMount:n,...i}=e,a=Vd(Ud,e.__scopeScrollArea);return(0,r.jsx)(st,{present:n||a.hasThumb,children:(0,r.jsx)(Gd,{ref:t,...i})})}),Gd=t.forwardRef((e,n)=>{let{__scopeScrollArea:i,style:a,...o}=e,s=Od(Ud,i),c=Vd(Ud,i),{onThumbPositionChange:l}=c,u=P(n,e=>c.onThumbChange(e)),d=t.useRef(void 0),f=rf(()=>{d.current&&=(d.current(),void 0)},100);return t.useEffect(()=>{let e=s.viewport;if(e){let t=()=>{f(),d.current||(d.current=nf(e,l),l())};return l(),e.addEventListener(`scroll`,t),()=>e.removeEventListener(`scroll`,t)}},[s.viewport,f,l]),(0,r.jsx)(F.div,{"data-state":c.hasThumb?`visible`:`hidden`,...o,ref:u,style:{width:`var(--radix-scroll-area-thumb-width)`,height:`var(--radix-scroll-area-thumb-height)`,...a},onPointerDownCapture:I(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top;c.onThumbPointerDown({x:n,y:r})}),onPointerUp:I(e.onPointerUp,c.onThumbPointerUp)})});Wd.displayName=Ud;var Kd=`ScrollAreaCorner`,qd=t.forwardRef((e,t)=>{let n=Od(Kd,e.__scopeScrollArea),i=!!(n.scrollbarX&&n.scrollbarY);return n.type!==`scroll`&&i?(0,r.jsx)(Jd,{...e,ref:t}):null});qd.displayName=Kd;var Jd=t.forwardRef((e,n)=>{let{__scopeScrollArea:i,...a}=e,o=Od(Kd,i),[s,c]=t.useState(0),[l,u]=t.useState(0),d=!!(s&&l);return af(o.scrollbarX,()=>{let e=o.scrollbarX?.offsetHeight||0;o.onCornerHeightChange(e),u(e)}),af(o.scrollbarY,()=>{let e=o.scrollbarY?.offsetWidth||0;o.onCornerWidthChange(e),c(e)}),d?(0,r.jsx)(F.div,{...a,ref:n,style:{width:s,height:l,position:`absolute`,right:o.dir===`ltr`?0:void 0,left:o.dir===`rtl`?0:void 0,bottom:0,...e.style}}):null});function Yd(e){return e?parseInt(e,10):0}function Xd(e,t){let n=e/t;return isNaN(n)?0:n}function Zd(e){let t=Xd(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}function Qd(e,t,n,r=`ltr`){let i=Zd(n),a=i/2,o=t||a,s=i-o,c=n.scrollbar.paddingStart+o,l=n.scrollbar.size-n.scrollbar.paddingEnd-s,u=n.content-n.viewport,d=r===`ltr`?[0,u]:[u*-1,0];return ef([c,l],d)(e)}function $d(e,t,n=`ltr`){let r=Zd(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,o=t.content-t.viewport,s=a-r,c=Wu(e,n===`ltr`?[0,o]:[o*-1,0]);return ef([0,o],[0,s])(c)}function ef(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function tf(e,t){return e>0&&e<t}var nf=(e,t=()=>{})=>{let n={left:e.scrollLeft,top:e.scrollTop},r=0;return(function i(){let a={left:e.scrollLeft,top:e.scrollTop},o=n.left!==a.left,s=n.top!==a.top;(o||s)&&t(),n=a,r=window.requestAnimationFrame(i)})(),()=>window.cancelAnimationFrame(r)};function rf(e,n){let r=L(e),i=t.useRef(0);return t.useEffect(()=>()=>window.clearTimeout(i.current),[]),t.useCallback(()=>{window.clearTimeout(i.current),i.current=window.setTimeout(r,n)},[r,n])}function af(e,t){let n=L(t);tt(()=>{let t=0;if(e){let r=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(n)});return r.observe(e),()=>{window.cancelAnimationFrame(t),r.unobserve(e)}}},[e,n])}var of=kd,sf=jd,cf=Nd,lf=Wd,uf=qd,df=`Switch`,[ff,pf]=Qe(df),[mf,hf]=ff(df),gf=t.forwardRef((e,n)=>{let{__scopeSwitch:i,name:a,checked:o,defaultChecked:s,required:c,disabled:l,value:u=`on`,onCheckedChange:d,form:f,...p}=e,[m,h]=t.useState(null),g=P(n,e=>h(e)),_=t.useRef(!1),v=m?f||!!m.closest(`form`):!0,[y,b]=rt({prop:o,defaultProp:s??!1,onChange:d,caller:df});return(0,r.jsxs)(mf,{scope:i,checked:y,disabled:l,children:[(0,r.jsx)(F.button,{type:`button`,role:`switch`,"aria-checked":y,"aria-required":c,"data-state":xf(y),"data-disabled":l?``:void 0,disabled:l,value:u,...p,ref:g,onClick:I(e.onClick,e=>{b(e=>!e),v&&(_.current=e.isPropagationStopped(),_.current||e.stopPropagation())})}),v&&(0,r.jsx)(bf,{control:m,bubbles:!_.current,name:a,value:u,checked:y,required:c,disabled:l,form:f,style:{transform:`translateX(-100%)`}})]})});gf.displayName=df;var _f=`SwitchThumb`,vf=t.forwardRef((e,t)=>{let{__scopeSwitch:n,...i}=e,a=hf(_f,n);return(0,r.jsx)(F.span,{"data-state":xf(a.checked),"data-disabled":a.disabled?``:void 0,...i,ref:t})});vf.displayName=_f;var yf=`SwitchBubbleInput`,bf=t.forwardRef(({__scopeSwitch:e,control:n,checked:i,bubbles:a=!0,...o},s)=>{let c=t.useRef(null),l=P(c,s),u=si(i),d=ci(n);return t.useEffect(()=>{let e=c.current;if(!e)return;let t=window.HTMLInputElement.prototype,n=Object.getOwnPropertyDescriptor(t,`checked`).set;if(u!==i&&n){let t=new Event(`click`,{bubbles:a});n.call(e,i),e.dispatchEvent(t)}},[u,i,a]),(0,r.jsx)(`input`,{type:`checkbox`,"aria-hidden":!0,defaultChecked:i,...o,tabIndex:-1,ref:l,style:{...o.style,...d,position:`absolute`,pointerEvents:`none`,opacity:0,margin:0}})});bf.displayName=yf;function xf(e){return e?`checked`:`unchecked`}var Sf=gf,Cf=vf,wf=`Tabs`,[Tf,Ef]=Qe(wf,[as]),Df=as(),[Of,kf]=Tf(wf),Af=t.forwardRef((e,t)=>{let{__scopeTabs:n,value:i,onValueChange:a,defaultValue:o,orientation:s=`horizontal`,dir:c,activationMode:l=`automatic`,...u}=e,d=gt(c),[f,p]=rt({prop:i,onChange:a,defaultProp:o??``,caller:wf});return(0,r.jsx)(Of,{scope:n,baseId:pt(),value:f,onValueChange:p,orientation:s,dir:d,activationMode:l,children:(0,r.jsx)(F.div,{dir:d,"data-orientation":s,...u,ref:t})})});Af.displayName=wf;var jf=`TabsList`,Mf=t.forwardRef((e,t)=>{let{__scopeTabs:n,loop:i=!0,...a}=e,o=kf(jf,n),s=Df(n);return(0,r.jsx)(_s,{asChild:!0,...s,orientation:o.orientation,dir:o.dir,loop:i,children:(0,r.jsx)(F.div,{role:`tablist`,"aria-orientation":o.orientation,...a,ref:t})})});Mf.displayName=jf;var Nf=`TabsTrigger`,Pf=t.forwardRef((e,t)=>{let{__scopeTabs:n,value:i,disabled:a=!1,...o}=e,s=kf(Nf,n),c=Df(n),l=Lf(s.baseId,i),u=Rf(s.baseId,i),d=i===s.value;return(0,r.jsx)(vs,{asChild:!0,...c,focusable:!a,active:d,children:(0,r.jsx)(F.button,{type:`button`,role:`tab`,"aria-selected":d,"aria-controls":u,"data-state":d?`active`:`inactive`,"data-disabled":a?``:void 0,disabled:a,id:l,...o,ref:t,onMouseDown:I(e.onMouseDown,e=>{!a&&e.button===0&&e.ctrlKey===!1?s.onValueChange(i):e.preventDefault()}),onKeyDown:I(e.onKeyDown,e=>{[` `,`Enter`].includes(e.key)&&s.onValueChange(i)}),onFocus:I(e.onFocus,()=>{let e=s.activationMode!==`manual`;!d&&!a&&e&&s.onValueChange(i)})})})});Pf.displayName=Nf;var Ff=`TabsContent`,If=t.forwardRef((e,n)=>{let{__scopeTabs:i,value:a,forceMount:o,children:s,...c}=e,l=kf(Ff,i),u=Lf(l.baseId,a),d=Rf(l.baseId,a),f=a===l.value,p=t.useRef(f);return t.useEffect(()=>{let e=requestAnimationFrame(()=>p.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,r.jsx)(st,{present:o||f,children:({present:t})=>(0,r.jsx)(F.div,{"data-state":f?`active`:`inactive`,"data-orientation":l.orientation,role:`tabpanel`,"aria-labelledby":u,hidden:!t,id:d,tabIndex:0,...c,ref:n,style:{...e.style,animationDuration:p.current?`0s`:void 0},children:t&&s})})});If.displayName=Ff;function Lf(e,t){return`${e}-trigger-${t}`}function Rf(e,t){return`${e}-content-${t}`}var zf=Af,Bf=Mf,Vf=Pf,Hf=If,[Uf,Wf]=Qe(`Tooltip`,[Mo]),Gf=Mo(),Kf=`TooltipProvider`,qf=700,Jf=`tooltip.open`,[Yf,Xf]=Uf(Kf),Zf=e=>{let{__scopeTooltip:n,delayDuration:i=qf,skipDelayDuration:a=300,disableHoverableContent:o=!1,children:s}=e,c=t.useRef(!0),l=t.useRef(!1),u=t.useRef(0);return t.useEffect(()=>{let e=u.current;return()=>window.clearTimeout(e)},[]),(0,r.jsx)(Yf,{scope:n,isOpenDelayedRef:c,delayDuration:i,onOpen:t.useCallback(()=>{window.clearTimeout(u.current),c.current=!1},[]),onClose:t.useCallback(()=>{window.clearTimeout(u.current),u.current=window.setTimeout(()=>c.current=!0,a)},[a]),isPointerInTransitRef:l,onPointerInTransitChange:t.useCallback(e=>{l.current=e},[]),disableHoverableContent:o,children:s})};Zf.displayName=Kf;var Qf=`Tooltip`,[$f,ep]=Uf(Qf),tp=e=>{let{__scopeTooltip:n,children:i,open:a,defaultOpen:o,onOpenChange:s,disableHoverableContent:c,delayDuration:l}=e,u=Xf(Qf,e.__scopeTooltip),d=Gf(n),[f,p]=t.useState(null),m=pt(),h=t.useRef(0),g=c??u.disableHoverableContent,_=l??u.delayDuration,v=t.useRef(!1),[y,b]=rt({prop:a,defaultProp:o??!1,onChange:e=>{e?(u.onOpen(),document.dispatchEvent(new CustomEvent(Jf))):u.onClose(),s?.(e)},caller:Qf}),x=t.useMemo(()=>y?v.current?`delayed-open`:`instant-open`:`closed`,[y]),S=t.useCallback(()=>{window.clearTimeout(h.current),h.current=0,v.current=!1,b(!0)},[b]),C=t.useCallback(()=>{window.clearTimeout(h.current),h.current=0,b(!1)},[b]),w=t.useCallback(()=>{window.clearTimeout(h.current),h.current=window.setTimeout(()=>{v.current=!0,b(!0),h.current=0},_)},[_,b]);return t.useEffect(()=>()=>{h.current&&=(window.clearTimeout(h.current),0)},[]),(0,r.jsx)(Jo,{...d,children:(0,r.jsx)($f,{scope:n,contentId:m,open:y,stateAttribute:x,trigger:f,onTriggerChange:p,onTriggerEnter:t.useCallback(()=>{u.isOpenDelayedRef.current?w():S()},[u.isOpenDelayedRef,w,S]),onTriggerLeave:t.useCallback(()=>{g?C():(window.clearTimeout(h.current),h.current=0)},[C,g]),onOpen:S,onClose:C,disableHoverableContent:g,children:i})})};tp.displayName=Qf;var np=`TooltipTrigger`,rp=t.forwardRef((e,n)=>{let{__scopeTooltip:i,...a}=e,o=ep(np,i),s=Xf(np,i),c=Gf(i),l=P(n,t.useRef(null),o.onTriggerChange),u=t.useRef(!1),d=t.useRef(!1),f=t.useCallback(()=>u.current=!1,[]);return t.useEffect(()=>()=>document.removeEventListener(`pointerup`,f),[f]),(0,r.jsx)(Yo,{asChild:!0,...c,children:(0,r.jsx)(F.button,{"aria-describedby":o.open?o.contentId:void 0,"data-state":o.stateAttribute,...a,ref:l,onPointerMove:I(e.onPointerMove,e=>{e.pointerType!==`touch`&&!d.current&&!s.isPointerInTransitRef.current&&(o.onTriggerEnter(),d.current=!0)}),onPointerLeave:I(e.onPointerLeave,()=>{o.onTriggerLeave(),d.current=!1}),onPointerDown:I(e.onPointerDown,()=>{o.open&&o.onClose(),u.current=!0,document.addEventListener(`pointerup`,f,{once:!0})}),onFocus:I(e.onFocus,()=>{u.current||o.onOpen()}),onBlur:I(e.onBlur,o.onClose),onClick:I(e.onClick,o.onClose)})})});rp.displayName=np;var ip=`TooltipPortal`,[ap,op]=Uf(ip,{forceMount:void 0}),sp=e=>{let{__scopeTooltip:t,forceMount:n,children:i,container:a}=e,o=ep(ip,t);return(0,r.jsx)(ap,{scope:t,forceMount:n,children:(0,r.jsx)(st,{present:n||o.open,children:(0,r.jsx)(Yt,{asChild:!0,container:a,children:i})})})};sp.displayName=ip;var cp=`TooltipContent`,lp=t.forwardRef((e,t)=>{let n=op(cp,e.__scopeTooltip),{forceMount:i=n.forceMount,side:a=`top`,...o}=e,s=ep(cp,e.__scopeTooltip);return(0,r.jsx)(st,{present:i||s.open,children:s.disableHoverableContent?(0,r.jsx)(mp,{side:a,...o,ref:t}):(0,r.jsx)(up,{side:a,...o,ref:t})})}),up=t.forwardRef((e,n)=>{let i=ep(cp,e.__scopeTooltip),a=Xf(cp,e.__scopeTooltip),o=t.useRef(null),s=P(n,o),[c,l]=t.useState(null),{trigger:u,onClose:d}=i,f=o.current,{onPointerInTransitChange:p}=a,m=t.useCallback(()=>{l(null),p(!1)},[p]),h=t.useCallback((e,t)=>{let n=e.currentTarget,r={x:e.clientX,y:e.clientY},i=vp(r,_p(r,n.getBoundingClientRect())),a=yp(t.getBoundingClientRect());l(xp([...i,...a])),p(!0)},[p]);return t.useEffect(()=>()=>m(),[m]),t.useEffect(()=>{if(u&&f){let e=e=>h(e,f),t=e=>h(e,u);return u.addEventListener(`pointerleave`,e),f.addEventListener(`pointerleave`,t),()=>{u.removeEventListener(`pointerleave`,e),f.removeEventListener(`pointerleave`,t)}}},[u,f,h,m]),t.useEffect(()=>{if(c){let e=e=>{let t=e.target,n={x:e.clientX,y:e.clientY},r=u?.contains(t)||f?.contains(t),i=!bp(n,c);r?m():i&&(m(),d())};return document.addEventListener(`pointermove`,e),()=>document.removeEventListener(`pointermove`,e)}},[u,f,c,d,m]),(0,r.jsx)(mp,{...e,ref:s})}),[dp,fp]=Uf(Qf,{isInside:!1}),pp=Ve(`TooltipContent`),mp=t.forwardRef((e,n)=>{let{__scopeTooltip:i,children:a,"aria-label":o,onEscapeKeyDown:s,onPointerDownOutside:c,...l}=e,u=ep(cp,i),d=Gf(i),{onClose:f}=u;return t.useEffect(()=>(document.addEventListener(Jf,f),()=>document.removeEventListener(Jf,f)),[f]),t.useEffect(()=>{if(u.trigger){let e=e=>{e.target?.contains(u.trigger)&&f()};return window.addEventListener(`scroll`,e,{capture:!0}),()=>window.removeEventListener(`scroll`,e,{capture:!0})}},[u.trigger,f]),(0,r.jsx)(Tt,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:s,onPointerDownOutside:c,onFocusOutside:e=>e.preventDefault(),onDismiss:f,children:(0,r.jsxs)(Xo,{"data-state":u.stateAttribute,...d,...l,ref:n,style:{...l.style,"--radix-tooltip-content-transform-origin":`var(--radix-popper-transform-origin)`,"--radix-tooltip-content-available-width":`var(--radix-popper-available-width)`,"--radix-tooltip-content-available-height":`var(--radix-popper-available-height)`,"--radix-tooltip-trigger-width":`var(--radix-popper-anchor-width)`,"--radix-tooltip-trigger-height":`var(--radix-popper-anchor-height)`},children:[(0,r.jsx)(pp,{children:a}),(0,r.jsx)(dp,{scope:i,isInside:!0,children:(0,r.jsx)(Xe,{id:u.contentId,role:`tooltip`,children:o||a})})]})})});lp.displayName=cp;var hp=`TooltipArrow`,gp=t.forwardRef((e,t)=>{let{__scopeTooltip:n,...i}=e,a=Gf(n);return fp(hp,n).isInside?null:(0,r.jsx)(Zo,{...a,...i,ref:t})});gp.displayName=hp;function _p(e,t){let n=Math.abs(t.top-e.y),r=Math.abs(t.bottom-e.y),i=Math.abs(t.right-e.x),a=Math.abs(t.left-e.x);switch(Math.min(n,r,i,a)){case a:return`left`;case i:return`right`;case n:return`top`;case r:return`bottom`;default:throw Error(`unreachable`)}}function vp(e,t,n=5){let r=[];switch(t){case`top`:r.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case`bottom`:r.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case`left`:r.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case`right`:r.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n});break}return r}function yp(e){let{top:t,right:n,bottom:r,left:i}=e;return[{x:i,y:t},{x:n,y:t},{x:n,y:r},{x:i,y:r}]}function bp(e,t){let{x:n,y:r}=e,i=!1;for(let e=0,a=t.length-1;e<t.length;a=e++){let o=t[e],s=t[a],c=o.x,l=o.y,u=s.x,d=s.y;l>r!=d>r&&n<(u-c)*(r-l)/(d-l)+c&&(i=!i)}return i}function xp(e){let t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:e.y>t.y?1:0),Sp(t)}function Sp(e){if(e.length<=1)return e.slice();let t=[];for(let n=0;n<e.length;n++){let r=e[n];for(;t.length>=2;){let e=t[t.length-1],n=t[t.length-2];if((e.x-n.x)*(r.y-n.y)>=(e.y-n.y)*(r.x-n.x))t.pop();else break}t.push(r)}t.pop();let n=[];for(let t=e.length-1;t>=0;t--){let r=e[t];for(;n.length>=2;){let e=n[n.length-1],t=n[n.length-2];if((e.x-t.x)*(r.y-t.y)>=(e.y-t.y)*(r.x-t.x))n.pop();else break}n.push(r)}return n.pop(),t.length===1&&n.length===1&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}var Cp=Zf,z=d(((e,t)=>{(function(){var e={}.hasOwnProperty;function n(){for(var e=``,t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=i(e,r(n)))}return e}function r(t){if(typeof t==`string`||typeof t==`number`)return t;if(typeof t!=`object`)return``;if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes(`[native code]`))return t.toString();var r=``;for(var a in t)e.call(t,a)&&t[a]&&(r=i(r,a));return r}function i(e,t){return t?e?e+` `+t:e+t:e}t!==void 0&&t.exports?(n.default=n,t.exports=n):typeof define==`function`&&typeof define.amd==`object`&&define.amd?define(`classnames`,[],function(){return n}):window.classNames=n})()})),wp={asChild:{type:`boolean`}},Tp={width:{type:`string`,className:`rt-r-w`,customProperties:[`--width`],responsive:!0},minWidth:{type:`string`,className:`rt-r-min-w`,customProperties:[`--min-width`],responsive:!0},maxWidth:{type:`string`,className:`rt-r-max-w`,customProperties:[`--max-width`],responsive:!0}},Ep={height:{type:`string`,className:`rt-r-h`,customProperties:[`--height`],responsive:!0},minHeight:{type:`string`,className:`rt-r-min-h`,customProperties:[`--min-height`],responsive:!0},maxHeight:{type:`string`,className:`rt-r-max-h`,customProperties:[`--max-height`],responsive:!0}},Dp=[`1`,`2`,`3`,`4`],Op={...wp,align:{type:`enum`,className:`rt-r-align`,values:[`start`,`center`],default:`center`},size:{type:`enum`,className:`rt-r-size`,values:Dp,default:`3`,responsive:!0},width:Tp.width,minWidth:Tp.minWidth,maxWidth:{...Tp.maxWidth,default:`600px`},...Ep},kp=`gray.gold.bronze.brown.yellow.amber.orange.tomato.red.ruby.crimson.pink.plum.purple.violet.iris.indigo.blue.cyan.teal.jade.green.grass.lime.mint.sky`.split(`.`),Ap=[`auto`,`gray`,`mauve`,`slate`,`sage`,`olive`,`sand`],jp={color:{type:`enum`,values:kp,default:void 0}},Mp={color:{type:`enum`,values:kp,default:``}},Np={highContrast:{type:`boolean`,className:`rt-high-contrast`,default:void 0}},Pp={trim:{type:`enum`,className:`rt-r-lt`,values:[`normal`,`start`,`end`,`both`],responsive:!0}},Fp={align:{type:`enum`,className:`rt-r-ta`,values:[`left`,`center`,`right`],responsive:!0}},Ip={wrap:{type:`enum`,className:`rt-r-tw`,values:[`wrap`,`nowrap`,`pretty`,`balance`],responsive:!0}},Lp={truncate:{type:`boolean`,className:`rt-truncate`}},Rp={weight:{type:`enum`,className:`rt-r-weight`,values:[`light`,`regular`,`medium`,`bold`],responsive:!0}},zp=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],Bp=[`1`,`2`,`3`,`4`,`5`,`6`,`7`,`8`,`9`],Vp={as:{type:`enum`,values:zp,default:`h1`},...wp,size:{type:`enum`,className:`rt-r-size`,values:Bp,default:`6`,responsive:!0},...Rp,...Fp,...Pp,...Lp,...Ip,...jp,...Np},Hp=[`initial`,`xs`,`sm`,`md`,`lg`,`xl`];function Up(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function Wp(e){return typeof e==`object`&&Object.keys(e).some(e=>Hp.includes(e))}function Gp({className:e,customProperties:t,...n}){return[Kp({allowArbitraryValues:!0,className:e,...n}),Jp({customProperties:t,...n})]}function Kp({allowArbitraryValues:e,value:t,className:n,propValues:r,parseValue:i=e=>e}){let a=[];if(t){if(typeof t==`string`&&r.includes(t))return qp(n,t,i);if(Wp(t)){let o=t;for(let t in o){if(!Up(o,t)||!Hp.includes(t))continue;let s=o[t];if(s!==void 0){if(r.includes(s)){let e=qp(n,s,i),r=t===`initial`?e:`${t}:${e}`;a.push(r)}else if(e){let e=t===`initial`?n:`${t}:${n}`;a.push(e)}}}return a.join(` `)}if(e)return n}}function qp(e,t,n){let r=e?`-`:``,i=n(t),a=i?.startsWith(`-`);return`${a?`-`:``}${e}${r}${a?i?.substring(1):i}`}function Jp({customProperties:e,value:t,propValues:n,parseValue:r=e=>e}){let i={};if(!(!t||typeof t==`string`&&n.includes(t))){if(typeof t==`string`&&(i=Object.fromEntries(e.map(e=>[e,t]))),Wp(t)){let r=t;for(let t in r){if(!Up(r,t)||!Hp.includes(t))continue;let a=r[t];if(!n.includes(a))for(let n of e)i={[t===`initial`?n:`${n}-${t}`]:a,...i}}}for(let e in i){let t=i[e];t!==void 0&&(i[e]=r(t))}return i}}function Yp(...e){let t={};for(let n of e)n&&(t={...t,...n});return Object.keys(t).length?t:void 0}var Xp=m(z());function Zp(...e){return Object.assign({},...e)}function B(e,...t){let n,r,i={...e},a=Zp(...t);for(let e in a){let t=i[e],o=a[e];if(o.default!==void 0&&t===void 0&&(t=o.default),o.type===`enum`&&![o.default,...o.values].includes(t)&&!Wp(t)&&(t=o.default),i[e]=t,`className`in o&&o.className){delete i[e];let a=`responsive`in o;if(!t||Wp(t)&&!a)continue;if(Wp(t)&&(o.default!==void 0&&t.initial===void 0&&(t.initial=o.default),o.type===`enum`&&([o.default,...o.values].includes(t.initial)||(t.initial=o.default))),o.type===`enum`){let e=Kp({allowArbitraryValues:!1,value:t,className:o.className,propValues:o.values,parseValue:o.parseValue});n=(0,Xp.default)(n,e);continue}if(o.type===`string`||o.type===`enum | string`){let e=o.type===`string`?[]:o.values,[i,a]=Gp({className:o.className,customProperties:o.customProperties,propValues:e,parseValue:o.parseValue,value:t});r=Yp(r,a),n=(0,Xp.default)(n,i);continue}if(o.type===`boolean`&&t){n=(0,Xp.default)(n,o.className);continue}}}return i.className=(0,Xp.default)(n,e.className),i.style=Yp(r,e.style),i}var Qp=[`0`,`1`,`2`,`3`,`4`,`5`,`6`,`7`,`8`,`9`,`-1`,`-2`,`-3`,`-4`,`-5`,`-6`,`-7`,`-8`,`-9`],$p={m:{type:`enum | string`,values:Qp,responsive:!0,className:`rt-r-m`,customProperties:[`--m`]},mx:{type:`enum | string`,values:Qp,responsive:!0,className:`rt-r-mx`,customProperties:[`--ml`,`--mr`]},my:{type:`enum | string`,values:Qp,responsive:!0,className:`rt-r-my`,customProperties:[`--mt`,`--mb`]},mt:{type:`enum | string`,values:Qp,responsive:!0,className:`rt-r-mt`,customProperties:[`--mt`]},mr:{type:`enum | string`,values:Qp,responsive:!0,className:`rt-r-mr`,customProperties:[`--mr`]},mb:{type:`enum | string`,values:Qp,responsive:!0,className:`rt-r-mb`,customProperties:[`--mb`]},ml:{type:`enum | string`,values:Qp,responsive:!0,className:`rt-r-ml`,customProperties:[`--ml`]}},em=m(z()),tm=t.forwardRef((e,n)=>{let{children:r,className:i,asChild:a,as:o=`h1`,color:s,...c}=B(e,Vp,$p);return t.createElement(Re,{"data-accent-color":s,...c,ref:n,className:(0,em.default)(`rt-Heading`,i)},a?r:t.createElement(o,null,r))});tm.displayName=`Heading`;var nm=[`span`,`div`,`label`,`p`],rm=[`1`,`2`,`3`,`4`,`5`,`6`,`7`,`8`,`9`],im={as:{type:`enum`,values:nm,default:`span`},...wp,size:{type:`enum`,className:`rt-r-size`,values:rm,responsive:!0},...Rp,...Fp,...Pp,...Lp,...Ip,...jp,...Np},am=m(z()),V=t.forwardRef((e,n)=>{let{children:r,className:i,asChild:a,as:o=`span`,color:s,...c}=B(e,im,$p);return t.createElement(Re,{"data-accent-color":s,...c,ref:n,className:(0,am.default)(`rt-Text`,i)},a?r:t.createElement(o,null,r))});V.displayName=`Text`;function om(e){switch(e){case`tomato`:case`red`:case`ruby`:case`crimson`:case`pink`:case`plum`:case`purple`:case`violet`:return`mauve`;case`iris`:case`indigo`:case`blue`:case`sky`:case`cyan`:return`slate`;case`teal`:case`jade`:case`mint`:case`green`:return`sage`;case`grass`:case`lime`:return`olive`;case`yellow`:case`amber`:case`orange`:case`brown`:case`gold`:case`bronze`:return`sand`;case`gray`:return`gray`}}var sm=[`none`,`small`,`medium`,`large`,`full`],cm={radius:{type:`enum`,values:sm,default:void 0}},lm=[`inherit`,`light`,`dark`],um=[`solid`,`translucent`],dm=[`90%`,`95%`,`100%`,`105%`,`110%`],fm={...wp,hasBackground:{type:`boolean`,default:!0},appearance:{type:`enum`,values:lm,default:`inherit`},accentColor:{type:`enum`,values:kp,default:`indigo`},grayColor:{type:`enum`,values:Ap,default:`auto`},panelBackground:{type:`enum`,values:um,default:`translucent`},radius:{type:`enum`,values:sm,default:`medium`},scaling:{type:`enum`,values:dm,default:`100%`}},pm=m(z()),mm=()=>{},hm=t.createContext(void 0);function gm(){let e=t.useContext(hm);if(e===void 0)throw Error("`useThemeContext` must be used within a `Theme`");return e}var _m=t.forwardRef((e,n)=>t.useContext(hm)===void 0?t.createElement(Cp,{delayDuration:200},t.createElement(_t,{dir:`ltr`},t.createElement(vm,{...e,ref:n}))):t.createElement(ym,{...e,ref:n}));_m.displayName=`Theme`;var vm=t.forwardRef((e,n)=>{let{appearance:r=fm.appearance.default,accentColor:i=fm.accentColor.default,grayColor:a=fm.grayColor.default,panelBackground:o=fm.panelBackground.default,radius:s=fm.radius.default,scaling:c=fm.scaling.default,hasBackground:l=fm.hasBackground.default,...u}=e,[d,f]=t.useState(r);t.useEffect(()=>f(r),[r]);let[p,m]=t.useState(i);t.useEffect(()=>m(i),[i]);let[h,g]=t.useState(a);t.useEffect(()=>g(a),[a]);let[_,v]=t.useState(o);t.useEffect(()=>v(o),[o]);let[y,b]=t.useState(s);t.useEffect(()=>b(s),[s]);let[x,S]=t.useState(c);return t.useEffect(()=>S(c),[c]),t.createElement(ym,{...u,ref:n,isRoot:!0,hasBackground:l,appearance:d,accentColor:p,grayColor:h,panelBackground:_,radius:y,scaling:x,onAppearanceChange:f,onAccentColorChange:m,onGrayColorChange:g,onPanelBackgroundChange:v,onRadiusChange:b,onScalingChange:S})});vm.displayName=`ThemeRoot`;var ym=t.forwardRef((e,n)=>{let r=t.useContext(hm),{asChild:i,isRoot:a,hasBackground:o,appearance:s=r?.appearance??fm.appearance.default,accentColor:c=r?.accentColor??fm.accentColor.default,grayColor:l=r?.resolvedGrayColor??fm.grayColor.default,panelBackground:u=r?.panelBackground??fm.panelBackground.default,radius:d=r?.radius??fm.radius.default,scaling:f=r?.scaling??fm.scaling.default,onAppearanceChange:p=mm,onAccentColorChange:m=mm,onGrayColorChange:h=mm,onPanelBackgroundChange:g=mm,onRadiusChange:_=mm,onScalingChange:v=mm,...y}=e,b=i?Re:`div`,x=l===`auto`?om(c):l,S=e.appearance===`light`||e.appearance===`dark`,C=o===void 0?a||S:o;return t.createElement(hm.Provider,{value:t.useMemo(()=>({appearance:s,accentColor:c,grayColor:l,resolvedGrayColor:x,panelBackground:u,radius:d,scaling:f,onAppearanceChange:p,onAccentColorChange:m,onGrayColorChange:h,onPanelBackgroundChange:g,onRadiusChange:_,onScalingChange:v}),[s,c,l,x,u,d,f,p,m,h,g,_,v])},t.createElement(b,{"data-is-root-theme":a?`true`:`false`,"data-accent-color":c,"data-gray-color":x,"data-has-background":C?`true`:`false`,"data-panel-background":u,"data-radius":d,"data-scaling":f,ref:n,...y,className:(0,pm.default)(`radix-themes`,{light:s===`light`,dark:s===`dark`},y.className)}))});ym.displayName=`ThemeImpl`;var bm=e=>{if(!t.isValidElement(e))throw Error(`Expected a single React Element child, but got: ${t.Children.toArray(e).map(e=>typeof e==`object`&&`type`in e&&typeof e.type==`string`?e.type:typeof e).join(`, `)}`);return e};function xm(e,n){let{asChild:r,children:i}=e;if(!r)return typeof n==`function`?n(i):n;let a=t.Children.only(i);return t.cloneElement(a,{children:typeof n==`function`?n(a.props.children):n})}var Sm=[`1`,`2`,`3`],Cm=[`solid`,`soft`,`surface`,`outline`],wm={...wp,size:{type:`enum`,className:`rt-r-size`,values:Sm,default:`1`,responsive:!0},variant:{type:`enum`,className:`rt-variant`,values:Cm,default:`soft`},...Mp,...Np,...cm},Tm=m(z()),Em=t.forwardRef((e,n)=>{let{asChild:r,className:i,color:a,radius:o,...s}=B(e,wm,$p),c=r?Re:`span`;return t.createElement(c,{"data-accent-color":a,"data-radius":o,...s,ref:n,className:(0,Tm.default)(`rt-reset`,`rt-Badge`,i)})});Em.displayName=`Badge`;var Dm=Re,Om=[`div`,`span`],km=[`none`,`inline`,`inline-block`,`block`,`contents`],Am={as:{type:`enum`,values:Om,default:`div`},...wp,display:{type:`enum`,className:`rt-r-display`,values:km,responsive:!0}},jm=[`0`,`1`,`2`,`3`,`4`,`5`,`6`,`7`,`8`,`9`],Mm={p:{type:`enum | string`,className:`rt-r-p`,customProperties:[`--p`],values:jm,responsive:!0},px:{type:`enum | string`,className:`rt-r-px`,customProperties:[`--pl`,`--pr`],values:jm,responsive:!0},py:{type:`enum | string`,className:`rt-r-py`,customProperties:[`--pt`,`--pb`],values:jm,responsive:!0},pt:{type:`enum | string`,className:`rt-r-pt`,customProperties:[`--pt`],values:jm,responsive:!0},pr:{type:`enum | string`,className:`rt-r-pr`,customProperties:[`--pr`],values:jm,responsive:!0},pb:{type:`enum | string`,className:`rt-r-pb`,customProperties:[`--pb`],values:jm,responsive:!0},pl:{type:`enum | string`,className:`rt-r-pl`,customProperties:[`--pl`],values:jm,responsive:!0}},Nm=[`visible`,`hidden`,`clip`,`scroll`,`auto`],Pm=[`static`,`relative`,`absolute`,`fixed`,`sticky`],Fm=[`0`,`1`,`2`,`3`,`4`,`5`,`6`,`7`,`8`,`9`,`-1`,`-2`,`-3`,`-4`,`-5`,`-6`,`-7`,`-8`,`-9`],Im=[`0`,`1`],Lm=[`0`,`1`],Rm={...Mm,...Tp,...Ep,position:{type:`enum`,className:`rt-r-position`,values:Pm,responsive:!0},inset:{type:`enum | string`,className:`rt-r-inset`,customProperties:[`--inset`],values:Fm,responsive:!0},top:{type:`enum | string`,className:`rt-r-top`,customProperties:[`--top`],values:Fm,responsive:!0},right:{type:`enum | string`,className:`rt-r-right`,customProperties:[`--right`],values:Fm,responsive:!0},bottom:{type:`enum | string`,className:`rt-r-bottom`,customProperties:[`--bottom`],values:Fm,responsive:!0},left:{type:`enum | string`,className:`rt-r-left`,customProperties:[`--left`],values:Fm,responsive:!0},overflow:{type:`enum`,className:`rt-r-overflow`,values:Nm,responsive:!0},overflowX:{type:`enum`,className:`rt-r-ox`,values:Nm,responsive:!0},overflowY:{type:`enum`,className:`rt-r-oy`,values:Nm,responsive:!0},flexBasis:{type:`string`,className:`rt-r-fb`,customProperties:[`--flex-basis`],responsive:!0},flexShrink:{type:`enum | string`,className:`rt-r-fs`,customProperties:[`--flex-shrink`],values:Im,responsive:!0},flexGrow:{type:`enum | string`,className:`rt-r-fg`,customProperties:[`--flex-grow`],values:Lm,responsive:!0},gridArea:{type:`string`,className:`rt-r-ga`,customProperties:[`--grid-area`],responsive:!0},gridColumn:{type:`string`,className:`rt-r-gc`,customProperties:[`--grid-column`],responsive:!0},gridColumnStart:{type:`string`,className:`rt-r-gcs`,customProperties:[`--grid-column-start`],responsive:!0},gridColumnEnd:{type:`string`,className:`rt-r-gce`,customProperties:[`--grid-column-end`],responsive:!0},gridRow:{type:`string`,className:`rt-r-gr`,customProperties:[`--grid-row`],responsive:!0},gridRowStart:{type:`string`,className:`rt-r-grs`,customProperties:[`--grid-row-start`],responsive:!0},gridRowEnd:{type:`string`,className:`rt-r-gre`,customProperties:[`--grid-row-end`],responsive:!0}},zm=m(z()),H=t.forwardRef((e,n)=>{let{className:r,asChild:i,as:a=`div`,...o}=B(e,Am,Rm,$p);return t.createElement(i?Dm:a,{...o,ref:n,className:(0,zm.default)(`rt-Box`,r)})});H.displayName=`Box`;var Bm=[`1`,`2`,`3`,`4`],Vm=[`classic`,`solid`,`soft`,`surface`,`outline`,`ghost`],Hm={...wp,size:{type:`enum`,className:`rt-r-size`,values:Bm,default:`2`,responsive:!0},variant:{type:`enum`,className:`rt-variant`,values:Vm,default:`solid`},...Mp,...Np,...cm,loading:{type:`boolean`,className:`rt-loading`,default:!1}},Um=[`0`,`1`,`2`,`3`,`4`,`5`,`6`,`7`,`8`,`9`],Wm={gap:{type:`enum | string`,className:`rt-r-gap`,customProperties:[`--gap`],values:Um,responsive:!0},gapX:{type:`enum | string`,className:`rt-r-cg`,customProperties:[`--column-gap`],values:Um,responsive:!0},gapY:{type:`enum | string`,className:`rt-r-rg`,customProperties:[`--row-gap`],values:Um,responsive:!0}},Gm=[`div`,`span`],Km=[`none`,`inline-flex`,`flex`],qm=[`row`,`column`,`row-reverse`,`column-reverse`],Jm=[`start`,`center`,`end`,`baseline`,`stretch`],Ym=[`start`,`center`,`end`,`between`],Xm=[`nowrap`,`wrap`,`wrap-reverse`],Zm={as:{type:`enum`,values:Gm,default:`div`},...wp,display:{type:`enum`,className:`rt-r-display`,values:Km,responsive:!0},direction:{type:`enum`,className:`rt-r-fd`,values:qm,responsive:!0},align:{type:`enum`,className:`rt-r-ai`,values:Jm,responsive:!0},justify:{type:`enum`,className:`rt-r-jc`,values:Ym,parseValue:Qm,responsive:!0},wrap:{type:`enum`,className:`rt-r-fw`,values:Xm,responsive:!0},...Wm};function Qm(e){return e===`between`?`space-between`:e}var $m=m(z()),U=t.forwardRef((e,n)=>{let{className:r,asChild:i,as:a=`div`,...o}=B(e,Zm,Rm,$p);return t.createElement(i?Dm:a,{...o,ref:n,className:(0,$m.default)(`rt-Flex`,r)})});U.displayName=`Flex`;var eh={size:{type:`enum`,className:`rt-r-size`,values:[`1`,`2`,`3`],default:`2`,responsive:!0},loading:{type:`boolean`,default:!0}},th=m(z()),nh=t.forwardRef((e,n)=>{let{className:r,children:i,loading:a,...o}=B(e,eh,$p);if(!a)return i;let s=t.createElement(`span`,{...o,ref:n,className:(0,th.default)(`rt-Spinner`,r)},t.createElement(`span`,{className:`rt-SpinnerLeaf`}),t.createElement(`span`,{className:`rt-SpinnerLeaf`}),t.createElement(`span`,{className:`rt-SpinnerLeaf`}),t.createElement(`span`,{className:`rt-SpinnerLeaf`}),t.createElement(`span`,{className:`rt-SpinnerLeaf`}),t.createElement(`span`,{className:`rt-SpinnerLeaf`}),t.createElement(`span`,{className:`rt-SpinnerLeaf`}),t.createElement(`span`,{className:`rt-SpinnerLeaf`}));return i===void 0?s:t.createElement(U,{asChild:!0,position:`relative`,align:`center`,justify:`center`},t.createElement(`span`,null,t.createElement(`span`,{"aria-hidden":!0,style:{display:`contents`,visibility:`hidden`},inert:void 0},i),t.createElement(U,{asChild:!0,align:`center`,justify:`center`,position:`absolute`,inset:`0`},t.createElement(`span`,null,s))))});nh.displayName=`Spinner`;var rh=Xe;function ih(e,t){if(e!==void 0)return typeof e==`string`?t(e):Object.fromEntries(Object.entries(e).map(([e,n])=>[e,t(n)]))}function ah(e){switch(e){case`1`:return`1`;case`2`:case`3`:return`2`;case`4`:return`3`}}var oh=m(z()),sh=t.forwardRef((e,n)=>{let{size:r=Hm.size.default}=e,{className:i,children:a,asChild:o,color:s,radius:c,disabled:l=e.loading,...u}=B(e,Hm,$p),d=o?Re:`button`;return t.createElement(d,{"data-disabled":l||void 0,"data-accent-color":s,"data-radius":c,...u,ref:n,className:(0,oh.default)(`rt-reset`,`rt-BaseButton`,i),disabled:l},e.loading?t.createElement(t.Fragment,null,t.createElement(`span`,{style:{display:`contents`,visibility:`hidden`},"aria-hidden":!0},a),t.createElement(rh,null,a),t.createElement(U,{asChild:!0,align:`center`,justify:`center`,position:`absolute`,inset:`0`},t.createElement(`span`,null,t.createElement(nh,{size:ih(r,ah)})))):a)});sh.displayName=`BaseButton`;var ch=m(z()),W=t.forwardRef(({className:e,...n},r)=>t.createElement(sh,{...n,ref:r,className:(0,ch.default)(`rt-Button`,e)}));W.displayName=`Button`;var lh=[`div`,`span`],uh=[`none`,`inline-grid`,`grid`],dh=[`1`,`2`,`3`,`4`,`5`,`6`,`7`,`8`,`9`],fh=[`1`,`2`,`3`,`4`,`5`,`6`,`7`,`8`,`9`],ph=[`row`,`column`,`dense`,`row-dense`,`column-dense`],mh=[`start`,`center`,`end`,`baseline`,`stretch`],hh=[`start`,`center`,`end`,`between`],gh={as:{type:`enum`,values:lh,default:`div`},...wp,display:{type:`enum`,className:`rt-r-display`,values:uh,responsive:!0},areas:{type:`string`,className:`rt-r-gta`,customProperties:[`--grid-template-areas`],responsive:!0},columns:{type:`enum | string`,className:`rt-r-gtc`,customProperties:[`--grid-template-columns`],values:dh,parseValue:_h,responsive:!0},rows:{type:`enum | string`,className:`rt-r-gtr`,customProperties:[`--grid-template-rows`],values:fh,parseValue:_h,responsive:!0},flow:{type:`enum`,className:`rt-r-gaf`,values:ph,responsive:!0},align:{type:`enum`,className:`rt-r-ai`,values:mh,responsive:!0},justify:{type:`enum`,className:`rt-r-jc`,values:hh,parseValue:vh,responsive:!0},...Wm};function _h(e){return gh.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function vh(e){return e===`between`?`space-between`:e}var yh=m(z()),bh=t.forwardRef((e,n)=>{let{className:r,asChild:i,as:a=`div`,...o}=B(e,gh,Rm,$p);return t.createElement(i?Dm:a,{...o,ref:n,className:(0,yh.default)(`rt-Grid`,r)})});bh.displayName=`Grid`;var xh=t.default.forwardRef((e,n)=>t.default.createElement(`svg`,{width:`9`,height:`9`,viewBox:`0 0 9 9`,fill:`currentcolor`,xmlns:`http://www.w3.org/2000/svg`,...e,ref:n},t.default.createElement(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z`})));xh.displayName=`ThickDividerHorizontalIcon`;var Sh=t.default.forwardRef((e,n)=>t.default.createElement(`svg`,{width:`9`,height:`9`,viewBox:`0 0 9 9`,fill:`currentcolor`,xmlns:`http://www.w3.org/2000/svg`,...e,ref:n},t.default.createElement(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z`})));Sh.displayName=`ThickCheckIcon`;var Ch=t.default.forwardRef((e,n)=>t.default.createElement(`svg`,{width:`9`,height:`9`,viewBox:`0 0 9 9`,fill:`currentcolor`,xmlns:`http://www.w3.org/2000/svg`,...e,ref:n},t.default.createElement(`path`,{d:`M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z`})));Ch.displayName=`ChevronDownIcon`;var wh=t.default.forwardRef((e,n)=>t.default.createElement(`svg`,{width:`9`,height:`9`,viewBox:`0 0 9 9`,fill:`currentcolor`,xmlns:`http://www.w3.org/2000/svg`,...e,ref:n},t.default.createElement(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z`})));wh.displayName=`ThickChevronRightIcon`;var Th=[`1`,`2`,`3`],Eh=[`vertical`,`horizontal`,`both`],Dh={...wp,size:{type:`enum`,className:`rt-r-size`,values:Th,default:`1`,responsive:!0},...cm,scrollbars:{type:`enum`,values:Eh,default:`both`}};function Oh(e){let{m:t,mx:n,my:r,mt:i,mr:a,mb:o,ml:s,...c}=e;return{m:t,mx:n,my:r,mt:i,mr:a,mb:o,ml:s,rest:c}}var kh=m(z()),Ah=$p.m.values;function jh(e){let[t,n]=Gp({className:`rt-r-m`,customProperties:[`--margin`],propValues:Ah,value:e.m}),[r,i]=Gp({className:`rt-r-mx`,customProperties:[`--margin-left`,`--margin-right`],propValues:Ah,value:e.mx}),[a,o]=Gp({className:`rt-r-my`,customProperties:[`--margin-top`,`--margin-bottom`],propValues:Ah,value:e.my}),[s,c]=Gp({className:`rt-r-mt`,customProperties:[`--margin-top`],propValues:Ah,value:e.mt}),[l,u]=Gp({className:`rt-r-mr`,customProperties:[`--margin-right`],propValues:Ah,value:e.mr}),[d,f]=Gp({className:`rt-r-mb`,customProperties:[`--margin-bottom`],propValues:Ah,value:e.mb}),[p,m]=Gp({className:`rt-r-ml`,customProperties:[`--margin-left`],propValues:Ah,value:e.ml});return[(0,kh.default)(t,r,a,s,l,d,p),Yp(n,i,o,c,u,f,m)]}var Mh=m(z()),Nh=t.forwardRef((e,n)=>{let{rest:r,...i}=Oh(e),[a,o]=jh(i),{asChild:s,children:c,className:l,style:u,type:d,scrollHideDelay:f=d===`scroll`?void 0:0,dir:p,size:m=Dh.size.default,radius:h=Dh.radius.default,scrollbars:g=Dh.scrollbars.default,..._}=r;return t.createElement(of,{type:d,scrollHideDelay:f,className:(0,Mh.default)(`rt-ScrollAreaRoot`,a,l),style:Yp(o,u),asChild:s},xm({asChild:s,children:c},e=>t.createElement(t.Fragment,null,t.createElement(sf,{..._,ref:n,className:`rt-ScrollAreaViewport`},e),t.createElement(`div`,{className:`rt-ScrollAreaViewportFocusRing`}),g===`vertical`?null:t.createElement(cf,{"data-radius":h,orientation:`horizontal`,className:(0,Mh.default)(`rt-ScrollAreaScrollbar`,Kp({className:`rt-r-size`,value:m,propValues:Dh.size.values}))},t.createElement(lf,{className:`rt-ScrollAreaThumb`})),g===`horizontal`?null:t.createElement(cf,{"data-radius":h,orientation:`vertical`,className:(0,Mh.default)(`rt-ScrollAreaScrollbar`,Kp({className:`rt-r-size`,value:m,propValues:Dh.size.values}))},t.createElement(lf,{className:`rt-ScrollAreaThumb`})),g===`both`?t.createElement(uf,{className:`rt-ScrollAreaCorner`}):null)))});Nh.displayName=`ScrollArea`;var Ph={size:{type:`enum`,className:`rt-r-size`,values:[`1`,`2`],default:`2`,responsive:!0},variant:{type:`enum`,className:`rt-variant`,values:[`solid`,`soft`],default:`solid`},...jp,...Np},Fh={...wp,...jp,shortcut:{type:`string`}},Ih={...jp,shortcut:{type:`string`}},Lh={...jp},Rh=m(z()),zh=e=>t.createElement($r,{...e,modal:!0});zh.displayName=`Dialog.Root`;var Bh=t.forwardRef(({children:e,...n},r)=>t.createElement(ei,{...n,ref:r,asChild:!0},bm(e)));Bh.displayName=`Dialog.Trigger`;var Vh=t.forwardRef(({align:e,...n},r)=>{let{align:i,...a}=Op,{className:o}=B({align:e},{align:i}),{className:s,forceMount:c,container:l,...u}=B(n,a);return t.createElement(ti,{container:l,forceMount:c},t.createElement(_m,{asChild:!0},t.createElement(ni,{className:`rt-BaseDialogOverlay rt-DialogOverlay`},t.createElement(`div`,{className:`rt-BaseDialogScroll rt-DialogScroll`},t.createElement(`div`,{className:`rt-BaseDialogScrollPadding rt-DialogScrollPadding ${o}`},t.createElement(ri,{...u,ref:r,className:(0,Rh.default)(`rt-BaseDialogContent`,`rt-DialogContent`,s)}))))))});Vh.displayName=`Dialog.Content`;var Hh=t.forwardRef((e,n)=>t.createElement(ii,{asChild:!0},t.createElement(tm,{size:`5`,mb:`3`,trim:`start`,...e,asChild:!1,ref:n})));Hh.displayName=`Dialog.Title`;var Uh=t.forwardRef((e,n)=>t.createElement(ai,{asChild:!0},t.createElement(V,{as:`p`,size:`3`,...e,asChild:!1,ref:n})));Uh.displayName=`Dialog.Description`;var Wh=t.forwardRef(({children:e,...n},r)=>t.createElement(oi,{...n,ref:r,asChild:!0},bm(e)));Wh.displayName=`Dialog.Close`;var Gh=m(z()),Kh=e=>t.createElement(ku,{...e});Kh.displayName=`DropdownMenu.Root`;var qh=t.forwardRef(({children:e,...n},r)=>t.createElement(Au,{...n,ref:r,asChild:!0},bm(e)));qh.displayName=`DropdownMenu.Trigger`;var Jh=t.createContext({}),Yh=t.forwardRef((e,n)=>{let r=gm(),{size:i=Ph.size.default,variant:a=Ph.variant.default,highContrast:o=Ph.highContrast.default}=e,{className:s,children:c,color:l,container:u,forceMount:d,...f}=B(e,Ph),p=l||r.accentColor;return t.createElement(ju,{container:u,forceMount:d},t.createElement(_m,{asChild:!0},t.createElement(Mu,{"data-accent-color":p,align:`start`,sideOffset:4,collisionPadding:10,...f,asChild:!1,ref:n,className:(0,Gh.default)(`rt-PopperContent`,`rt-BaseMenuContent`,`rt-DropdownMenuContent`,s)},t.createElement(Nh,{type:`auto`},t.createElement(`div`,{className:(0,Gh.default)(`rt-BaseMenuViewport`,`rt-DropdownMenuViewport`)},t.createElement(Jh.Provider,{value:t.useMemo(()=>({size:i,variant:a,color:p,highContrast:o}),[i,a,p,o])},c))))))});Yh.displayName=`DropdownMenu.Content`;var Xh=t.forwardRef(({className:e,...n},r)=>t.createElement(Pu,{...n,asChild:!1,ref:r,className:(0,Gh.default)(`rt-BaseMenuLabel`,`rt-DropdownMenuLabel`,e)}));Xh.displayName=`DropdownMenu.Label`;var Zh=t.forwardRef((e,n)=>{let{className:r,children:i,color:a=Fh.color.default,shortcut:o,...s}=e;return t.createElement(Fu,{"data-accent-color":a,...s,ref:n,className:(0,Gh.default)(`rt-reset`,`rt-BaseMenuItem`,`rt-DropdownMenuItem`,r)},t.createElement(He,null,i),o&&t.createElement(`div`,{className:`rt-BaseMenuShortcut rt-DropdownMenuShortcut`},o))});Zh.displayName=`DropdownMenu.Item`;var Qh=t.forwardRef(({className:e,...n},r)=>t.createElement(Nu,{...n,asChild:!1,ref:r,className:(0,Gh.default)(`rt-BaseMenuGroup`,`rt-DropdownMenuGroup`,e)}));Qh.displayName=`DropdownMenu.Group`;var $h=t.forwardRef(({className:e,...n},r)=>t.createElement(Lu,{...n,asChild:!1,ref:r,className:(0,Gh.default)(`rt-BaseMenuRadioGroup`,`rt-DropdownMenuRadioGroup`,e)}));$h.displayName=`DropdownMenu.RadioGroup`;var eg=t.forwardRef((e,n)=>{let{children:r,className:i,color:a=Lh.color.default,...o}=e;return t.createElement(Ru,{...o,asChild:!1,ref:n,"data-accent-color":a,className:(0,Gh.default)(`rt-BaseMenuItem`,`rt-BaseMenuRadioItem`,`rt-DropdownMenuItem`,`rt-DropdownMenuRadioItem`,i)},r,t.createElement(zu,{className:`rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator`},t.createElement(Sh,{className:`rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon`})))});eg.displayName=`DropdownMenu.RadioItem`;var tg=t.forwardRef((e,n)=>{let{children:r,className:i,shortcut:a,color:o=Ih.color.default,...s}=e;return t.createElement(Iu,{...s,asChild:!1,ref:n,"data-accent-color":o,className:(0,Gh.default)(`rt-BaseMenuItem`,`rt-BaseMenuCheckboxItem`,`rt-DropdownMenuItem`,`rt-DropdownMenuCheckboxItem`,i)},r,t.createElement(zu,{className:`rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator`},t.createElement(Sh,{className:`rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon`})),a&&t.createElement(`div`,{className:`rt-BaseMenuShortcut rt-DropdownMenuShortcut`},a))});tg.displayName=`DropdownMenu.CheckboxItem`;var ng=e=>t.createElement(Vu,{...e});ng.displayName=`DropdownMenu.Sub`;var rg=t.forwardRef((e,n)=>{let{className:r,children:i,...a}=e;return t.createElement(Hu,{...a,asChild:!1,ref:n,className:(0,Gh.default)(`rt-BaseMenuItem`,`rt-BaseMenuSubTrigger`,`rt-DropdownMenuItem`,`rt-DropdownMenuSubTrigger`,r)},i,t.createElement(`div`,{className:`rt-BaseMenuShortcut rt-DropdownMenuShortcut`},t.createElement(wh,{className:`rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon`})))});rg.displayName=`DropdownMenu.SubTrigger`;var ig=t.forwardRef((e,n)=>{let{size:r,variant:i,color:a,highContrast:o}=t.useContext(Jh),{className:s,children:c,container:l,forceMount:u,...d}=B({size:r,variant:i,color:a,highContrast:o,...e},Ph);return t.createElement(ju,{container:l,forceMount:u},t.createElement(_m,{asChild:!0},t.createElement(Uu,{"data-accent-color":a,alignOffset:-Number(r)*4,sideOffset:1,collisionPadding:10,...d,asChild:!1,ref:n,className:(0,Gh.default)(`rt-PopperContent`,`rt-BaseMenuContent`,`rt-BaseMenuSubContent`,`rt-DropdownMenuContent`,`rt-DropdownMenuSubContent`,s)},t.createElement(Nh,{type:`auto`},t.createElement(`div`,{className:(0,Gh.default)(`rt-BaseMenuViewport`,`rt-DropdownMenuViewport`)},c)))))});ig.displayName=`DropdownMenu.SubContent`;var ag=t.forwardRef(({className:e,...n},r)=>t.createElement(Bu,{...n,asChild:!1,ref:r,className:(0,Gh.default)(`rt-BaseMenuSeparator`,`rt-DropdownMenuSeparator`,e)}));ag.displayName=`DropdownMenu.Separator`;var og=m(z()),sg=t.forwardRef(({className:e,...n},r)=>t.createElement(sh,{...n,ref:r,className:(0,og.default)(`rt-IconButton`,e)}));sg.displayName=`IconButton`;var cg=[`1`,`2`,`3`,`4`],lg={...wp,size:{type:`enum`,className:`rt-r-size`,values:cg,default:`2`,responsive:!0},width:Tp.width,minWidth:Tp.minWidth,maxWidth:{...Tp.maxWidth,default:`480px`},...Ep},ug=m(z()),dg=e=>t.createElement(_d,{...e});dg.displayName=`Popover.Root`;var fg=t.forwardRef(({children:e,...n},r)=>t.createElement(yd,{...n,ref:r,asChild:!0},bm(e)));fg.displayName=`Popover.Trigger`;var pg=t.forwardRef((e,n)=>{let{className:r,forceMount:i,container:a,...o}=B(e,lg);return t.createElement(bd,{container:a,forceMount:i},t.createElement(_m,{asChild:!0},t.createElement(xd,{align:`start`,sideOffset:8,collisionPadding:10,...o,ref:n,className:(0,ug.default)(`rt-PopperContent`,`rt-PopoverContent`,r)})))});pg.displayName=`Popover.Content`;var mg=t.forwardRef(({children:e,...n},r)=>t.createElement(Sd,{...n,ref:r,asChild:!0},bm(e)));mg.displayName=`Popover.Close`;var hg=t.forwardRef(({children:e,...n},r)=>t.createElement(vd,{...n,ref:r}));hg.displayName=`Popover.Anchor`;var gg={orientation:{type:`enum`,className:`rt-r-orientation`,values:[`horizontal`,`vertical`],default:`horizontal`,responsive:!0},size:{type:`enum`,className:`rt-r-size`,values:[`1`,`2`,`3`,`4`],default:`1`,responsive:!0},color:{...jp.color,default:`gray`},decorative:{type:`boolean`,default:!0}},_g=m(z()),vg=t.forwardRef((e,n)=>{let{className:r,color:i,decorative:a,...o}=B(e,gg,$p);return t.createElement(`span`,{"data-accent-color":i,role:a?void 0:`separator`,...o,ref:n,className:(0,_g.default)(`rt-Separator`,r)})});vg.displayName=`Separator`;var yg={size:{type:`enum`,className:`rt-r-size`,values:[`1`,`2`,`3`],default:`2`,responsive:!0},variant:{type:`enum`,className:`rt-variant`,values:[`classic`,`surface`,`soft`],default:`surface`},...jp,...Np,...cm},bg=m(z()),xg=t.forwardRef((e,n)=>{let{className:r,color:i,radius:a,...o}=B(e,yg,$p);return t.createElement(Sf,{"data-accent-color":i,"data-radius":a,...o,asChild:!1,ref:n,className:(0,bg.default)(`rt-reset`,`rt-SwitchRoot`,r)},t.createElement(Cf,{className:(0,bg.default)(`rt-SwitchThumb`,{"rt-high-contrast":e.highContrast})}))});xg.displayName=`Switch`;var Sg={size:{type:`enum`,className:`rt-r-size`,values:[`1`,`2`],default:`2`,responsive:!0},wrap:{type:`enum`,className:`rt-r-fw`,values:[`nowrap`,`wrap`,`wrap-reverse`],responsive:!0},justify:{type:`enum`,className:`rt-r-jc`,values:[`start`,`center`,`end`],responsive:!0},...jp,...Np},Cg=m(z()),wg=t.forwardRef((e,n)=>{let{className:r,...i}=B(e,$p);return t.createElement(zf,{...i,ref:n,className:(0,Cg.default)(`rt-TabsRoot`,r)})});wg.displayName=`Tabs.Root`;var Tg=t.forwardRef((e,n)=>{let{className:r,color:i,...a}=B(e,Sg,$p);return t.createElement(Bf,{"data-accent-color":i,...a,asChild:!1,ref:n,className:(0,Cg.default)(`rt-BaseTabList`,`rt-TabsList`,r)})});Tg.displayName=`Tabs.List`;var Eg=t.forwardRef((e,n)=>{let{className:r,children:i,...a}=e;return t.createElement(Vf,{...a,asChild:!1,ref:n,className:(0,Cg.default)(`rt-reset`,`rt-BaseTabListTrigger`,`rt-TabsTrigger`,r)},t.createElement(`span`,{className:`rt-BaseTabListTriggerInner rt-TabsTriggerInner`},i),t.createElement(`span`,{className:`rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden`},i))});Eg.displayName=`Tabs.Trigger`;var Dg=t.forwardRef((e,n)=>{let{className:r,...i}=B(e,$p);return t.createElement(Hf,{...i,ref:n,className:(0,Cg.default)(`rt-TabsContent`,r)})});Dg.displayName=`Tabs.Content`;var Og={size:{type:`enum`,className:`rt-r-size`,values:[`1`,`2`,`3`],default:`2`,responsive:!0},variant:{type:`enum`,className:`rt-variant`,values:[`classic`,`surface`,`soft`],default:`surface`},resize:{type:`enum`,className:`rt-r-resize`,values:[`none`,`vertical`,`horizontal`,`both`],responsive:!0},...jp,...cm},kg=m(z()),Ag=t.forwardRef((e,n)=>{let{className:r,color:i,radius:a,style:o,...s}=B(e,Og,$p);return t.createElement(`div`,{"data-accent-color":i,"data-radius":a,className:(0,kg.default)(`rt-TextAreaRoot`,r),style:o},t.createElement(`textarea`,{className:`rt-reset rt-TextAreaInput`,ref:n,...s}))});Ag.displayName=`TextArea`;var jg={size:{type:`enum`,className:`rt-r-size`,values:[`1`,`2`,`3`],default:`2`,responsive:!0},variant:{type:`enum`,className:`rt-variant`,values:[`classic`,`surface`,`soft`],default:`surface`},...jp,...cm},Mg={side:{type:`enum`,values:[`left`,`right`]},...jp,gap:Zm.gap,px:Mm.px,pl:Mm.pl,pr:Mm.pr},Ng=m(z()),G=t.forwardRef((e,n)=>{let r=t.useRef(null),{children:i,className:a,color:o,radius:s,style:c,...l}=B(e,jg,$p);return t.createElement(`div`,{"data-accent-color":o,"data-radius":s,style:c,className:(0,Ng.default)(`rt-TextFieldRoot`,a),onPointerDown:e=>{let t=e.target;if(t.closest(`input, button, a`))return;let n=r.current;if(!n)return;let i=t.closest(`
             .rt-TextFieldSlot[data-side='right'],
             .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
-          `)?n.value.length:0;requestAnimationFrame(()=>{try{n.setSelectionRange(i,i)}catch{}n.focus()})}},t.createElement(`input`,{spellCheck:`false`,...l,ref:Ie(r,n),className:`rt-reset rt-TextFieldInput`}),i)});G.displayName=`TextField.Root`;var Pg=t.forwardRef((e,n)=>{let{className:r,color:i,side:a,...o}=B(e,Mg);return t.createElement(`div`,{"data-accent-color":i,"data-side":a,...o,ref:n,className:(0,Ng.default)(`rt-TextFieldSlot`,r)})});Pg.displayName=`TextField.Slot`;function K(e,t=`Assertion error`){if(!e)throw Error(t)}function Fg({group:e}){let{orientation:t,panels:n}=e;return n.reduce((e,n)=>(e+=t===`horizontal`?n.element.offsetWidth:n.element.offsetHeight,e),0)}function Ig(e,t){return t.sort(e===`horizontal`?Lg:Rg)}function Lg(e,t){let n=e.element.offsetLeft-t.element.offsetLeft;return n===0?e.element.offsetWidth-t.element.offsetWidth:n}function Rg(e,t){let n=e.element.offsetTop-t.element.offsetTop;return n===0?e.element.offsetHeight-t.element.offsetHeight:n}function zg(e){return typeof e==`object`&&!!e&&`nodeType`in e&&e.nodeType===Node.ELEMENT_NODE}function Bg(e,t){return{x:e.x>=t.left&&e.x<=t.right?0:Math.min(Math.abs(e.x-t.left),Math.abs(e.x-t.right)),y:e.y>=t.top&&e.y<=t.bottom?0:Math.min(Math.abs(e.y-t.top),Math.abs(e.y-t.bottom))}}function Vg({orientation:e,rects:t,targetRect:n}){let r={x:n.x+n.width/2,y:n.y+n.height/2},i,a=Number.MAX_VALUE;for(let n of t){let{x:t,y:o}=Bg(r,n),s=e===`horizontal`?t:o;s<a&&(a=s,i=n)}return K(i,`No rect found`),i}function Hg(e){let{element:t,orientation:n,panels:r,separators:i}=e,a=Ig(n,Array.from(t.children).filter(zg).map(e=>({element:e}))).map(({element:e})=>e),o=[],s=!1,c,l=[];for(let t of a)if(t.hasAttribute(`data-panel`)){let i=r.find(e=>e.element===t);if(i){if(c){let r=c.element.getBoundingClientRect(),a=t.getBoundingClientRect(),u;if(s){let e=n===`horizontal`?new DOMRect(r.right,r.top,0,r.height):new DOMRect(r.left,r.bottom,r.width,0),t=n===`horizontal`?new DOMRect(a.left,a.top,0,a.height):new DOMRect(a.left,a.top,a.width,0);switch(l.length){case 0:u=[e,t];break;case 1:{let i=l[0];u=[i,Vg({orientation:n,rects:[r,a],targetRect:i.element.getBoundingClientRect()})===r?t:e];break}default:u=l;break}}else u=l.length?l:[n===`horizontal`?new DOMRect(r.right,a.top,a.left-r.right,a.height):new DOMRect(a.left,r.bottom,a.width,a.top-r.bottom)];for(let t of u)o.push({group:e,groupSize:Fg({group:e}),panels:[c,i],separator:`width`in t?void 0:t,rect:`width`in t?t:t.element.getBoundingClientRect()})}s=!1,c=i,l=[]}}else if(t.hasAttribute(`data-separator`)){let e=i.find(e=>e.element===t);e?l.push(e):(c=void 0,l=[])}else s=!0;return o}function Ug(e,t){let n=getComputedStyle(e);return t*parseFloat(n.fontSize)}function Wg(e,t){let n=getComputedStyle(e.ownerDocument.body);return t*parseFloat(n.fontSize)}function Gg(e){return e/100*window.innerHeight}function Kg(e){return e/100*window.innerWidth}function qg(e){switch(typeof e){case`number`:return[e,`px`];case`string`:{let t=parseFloat(e);return e.endsWith(`%`)?[t,`%`]:e.endsWith(`px`)?[t,`px`]:e.endsWith(`rem`)?[t,`rem`]:e.endsWith(`em`)?[t,`em`]:e.endsWith(`vh`)?[t,`vh`]:e.endsWith(`vw`)?[t,`vw`]:[t,`%`]}}}function Jg({groupSize:e,panelElement:t,styleProp:n}){let r,[i,a]=qg(n);switch(a){case`%`:r=i/100*e;break;case`px`:r=i;break;case`rem`:r=Wg(t,i);break;case`em`:r=Ug(t,i);break;case`vh`:r=Gg(i);break;case`vw`:r=Kg(i);break}return r}function Yg(e){return parseFloat(e.toFixed(3))}function Xg(e){let{panels:t}=e,n=Fg({group:e});return n===0?t.map(e=>({collapsedSize:0,collapsible:e.panelConstraints.collapsible===!0,defaultSize:void 0,minSize:0,maxSize:100,panelId:e.id})):t.map(e=>{let{element:t,panelConstraints:r}=e,i=0;r.collapsedSize&&(i=Yg(Jg({groupSize:n,panelElement:t,styleProp:r.collapsedSize})/n*100));let a;r.defaultSize&&(a=Yg(Jg({groupSize:n,panelElement:t,styleProp:r.defaultSize})/n*100));let o=0;r.minSize&&(o=Yg(Jg({groupSize:n,panelElement:t,styleProp:r.minSize})/n*100));let s=100;return r.maxSize&&(s=Yg(Jg({groupSize:n,panelElement:t,styleProp:r.maxSize})/n*100)),{collapsedSize:i,collapsible:r.collapsible===!0,defaultSize:a,minSize:o,maxSize:s,panelId:e.id}})}var Zg=class{#e={};addListener(e,t){let n=this.#e[e];return n===void 0?this.#e[e]=[t]:n.includes(t)||n.push(t),()=>{this.removeListener(e,t)}}emit(e,t){let n=this.#e[e];if(n!==void 0)if(n.length===1)n[0].call(null,t);else{let e=!1,r=null,i=Array.from(n);for(let n=0;n<i.length;n++){let a=i[n];try{a.call(null,t)}catch(t){r===null&&(e=!0,r=t)}}if(e)throw r}}removeAllListeners(){this.#e={}}removeListener(e,t){let n=this.#e[e];if(n!==void 0){let e=n.indexOf(t);e>=0&&n.splice(e,1)}}};function Qg(e,t,n=0){return Math.abs(Yg(e)-Yg(t))<=n}var $g={cursorFlags:0,interactionState:{state:`inactive`},mountedGroups:new Map},e_=new Zg;function t_(){return $g}function n_(e){let t=typeof e==`function`?e($g):e;if($g===t)return $g;let n=$g;return $g={...$g,...t},t.cursorFlags!==void 0&&e_.emit(`cursorFlagsChange`,$g.cursorFlags),t.interactionState!==void 0&&e_.emit(`interactionStateChange`,$g.interactionState),t.mountedGroups!==void 0&&($g.mountedGroups.forEach((e,t)=>{e.derivedPanelConstraints.forEach(r=>{if(r.collapsible){let{layout:i}=n.mountedGroups.get(t)??{};if(i){let n=Qg(r.collapsedSize,e.layout[r.panelId]),a=Qg(r.collapsedSize,i[r.panelId]);n&&!a&&(t.inMemoryLastExpandedPanelSizes[r.panelId]=i[r.panelId])}}})}),e_.emit(`mountedGroupsChange`,$g.mountedGroups)),$g}function r_(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!=t[n])return!1;return!0}function i_(e,t){return Qg(e,t)?0:e>t?1:-1}function a_({panelConstraints:e,size:t}){let{collapsedSize:n=0,collapsible:r,maxSize:i=100,minSize:a=0}=e;if(i_(t,a)<0)if(r){let e=(n+a)/2;t=i_(t,e)<0?n:a}else t=a;return t=Math.min(i,t),t=Yg(t),t}function o_({delta:e,initialLayout:t,panelConstraints:n,pivotIndices:r,prevLayout:i,trigger:a}){if(Qg(e,0))return t;let o=Object.values(t),s=Object.values(i),c=[...o],[l,u]=r;K(l!=null,`Invalid first pivot index`),K(u!=null,`Invalid second pivot index`);let d=0;if(a===`keyboard`){{let t=e<0?u:l,r=n[t];K(r,`Panel constraints not found for index ${t}`);let{collapsedSize:i=0,collapsible:a,minSize:s=0}=r;if(a){let n=o[t];if(K(n!=null,`Previous layout not found for panel index ${t}`),Qg(n,i)){let t=s-n;i_(t,Math.abs(e))>0&&(e=e<0?0-t:t)}}}{let t=e<0?l:u,r=n[t];K(r,`No panel constraints found for index ${t}`);let{collapsedSize:i=0,collapsible:a,minSize:s=0}=r;if(a){let n=o[t];if(K(n!=null,`Previous layout not found for panel index ${t}`),Qg(n,s)){let t=n-i;i_(t,Math.abs(e))>0&&(e=e<0?0-t:t)}}}}{let t=e<0?1:-1,r=e<0?u:l,i=0;for(;;){let e=o[r];K(e!=null,`Previous layout not found for panel index ${r}`);let a=a_({panelConstraints:n[r],size:100})-e;if(i+=a,r+=t,r<0||r>=n.length)break}let a=Math.min(Math.abs(e),Math.abs(i));e=e<0?0-a:a}{let t=e<0?l:u;for(;t>=0&&t<n.length;){let r=Math.abs(e)-Math.abs(d),i=o[t];K(i!=null,`Previous layout not found for panel index ${t}`);let a=i-r,s=a_({panelConstraints:n[t],size:a});if(!Qg(i,s)&&(d+=i-s,c[t]=s,d.toFixed(3).localeCompare(Math.abs(e).toFixed(3),void 0,{numeric:!0})>=0))break;e<0?t--:t++}}if(r_(s,c))return i;{let t=e<0?u:l,r=o[t];K(r!=null,`Previous layout not found for panel index ${t}`);let i=r+d,a=a_({panelConstraints:n[t],size:i});if(c[t]=a,!Qg(a,i)){let t=i-a,r=e<0?u:l;for(;r>=0&&r<n.length;){let i=c[r];K(i!=null,`Previous layout not found for panel index ${r}`);let a=i+t,o=a_({panelConstraints:n[r],size:a});if(Qg(i,o)||(t-=o-i,c[r]=o),Qg(t,0))break;e>0?r--:r++}}}if(!Qg(Object.values(c).reduce((e,t)=>t+e,0),100,.1))return i;let f=Object.keys(i);return c.reduce((e,t,n)=>(e[f[n]]=t,e),{})}function s_(e){let{mountedGroups:t}=t_();for(let[n]of t)if(n.separators.some(t=>t.element===e))return n;throw Error(`Could not find parent Group for separator element`)}function c_(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(let n in e)if(t[n]===void 0||i_(e[n],t[n])!==0)return!1;return!0}function l_({layout:e,panelConstraints:t}){let n=[...Object.values(e)],r=n.reduce((e,t)=>e+t,0);if(n.length!==t.length)throw Error(`Invalid ${t.length} panel layout: ${n.map(e=>`${e}%`).join(`, `)}`);if(!Qg(r,100)&&n.length>0)for(let e=0;e<t.length;e++){let t=n[e];K(t!=null,`No layout data found for index ${e}`),n[e]=100/r*t}let i=0;for(let e=0;e<t.length;e++){let r=n[e];K(r!=null,`No layout data found for index ${e}`);let a=a_({panelConstraints:t[e],size:r});r!=a&&(i+=r-a,n[e]=a)}if(!Qg(i,0))for(let e=0;e<t.length;e++){let r=n[e];K(r!=null,`No layout data found for index ${e}`);let a=r+i,o=a_({panelConstraints:t[e],size:a});if(r!==o&&(i-=o-r,n[e]=o,Qg(i,0)))break}let a=Object.keys(e);return n.reduce((e,t,n)=>(e[a[n]]=t,e),{})}function u_({groupId:e}){let t=()=>{let{mountedGroups:t}=t_();for(let[n,r]of t)if(n.id===e)return{group:n,...r};throw Error(`Could not find Group with id "${e}"`)};return{getLayout(){let{defaultLayoutDeferred:e,layout:n}=t();return e?{}:n},setLayout(e){let{defaultLayoutDeferred:n,derivedPanelConstraints:r,group:i,layout:a,separatorToPanels:o}=t(),s=l_({layout:e,panelConstraints:r});return n?a:(c_(a,s)||n_(e=>({mountedGroups:new Map(e.mountedGroups).set(i,{defaultLayoutDeferred:n,derivedPanelConstraints:r,layout:s,separatorToPanels:o})})),s)}}}function d_(e){let{mountedGroups:t}=t_(),n=t.get(e);return K(n,`Mounted Group ${e.id} not found`),n}function f_(e,t){let n=s_(e),r=d_(n),i=n.separators.find(t=>t.element===e);K(i,`Matching separator not found`);let a=r.separatorToPanels.get(i);K(a,`Matching panels not found`);let o=a.map(e=>n.panels.indexOf(e)),s=u_({groupId:n.id}).getLayout(),c=l_({layout:o_({delta:t,initialLayout:s,panelConstraints:r.derivedPanelConstraints,pivotIndices:o,prevLayout:s,trigger:`keyboard`}),panelConstraints:r.derivedPanelConstraints});c_(s,c)||n_(e=>({mountedGroups:new Map(e.mountedGroups).set(n,{defaultLayoutDeferred:r.defaultLayoutDeferred,derivedPanelConstraints:r.derivedPanelConstraints,layout:c,separatorToPanels:r.separatorToPanels})}))}function p_(e){if(e.defaultPrevented)return;let t=e.currentTarget,n=s_(t);if(!n.disabled)switch(e.key){case`ArrowDown`:e.preventDefault(),n.orientation===`vertical`&&f_(t,5);break;case`ArrowLeft`:e.preventDefault(),n.orientation===`horizontal`&&f_(t,-5);break;case`ArrowRight`:e.preventDefault(),n.orientation===`horizontal`&&f_(t,5);break;case`ArrowUp`:e.preventDefault(),n.orientation===`vertical`&&f_(t,-5);break;case`End`:e.preventDefault(),f_(t,100);break;case`Enter`:{e.preventDefault();let n=s_(t),{derivedPanelConstraints:r,layout:i,separatorToPanels:a}=d_(n),o=n.separators.find(e=>e.element===t);K(o,`Matching separator not found`);let s=a.get(o);K(s,`Matching panels not found`);let c=s[0],l=r.find(e=>e.panelId===c.id);if(K(l,`Panel metadata not found`),l.collapsible){let e=i[c.id];f_(t,(l.collapsedSize===e?n.inMemoryLastExpandedPanelSizes[c.id]??l.minSize:l.collapsedSize)-e)}break}case`F6`:{e.preventDefault();let n=s_(t).separators.map(e=>e.element),r=Array.from(n).findIndex(t=>t===e.currentTarget);K(r!==null,`Index not found`),n[e.shiftKey?r>0?r-1:n.length-1:r+1<n.length?r+1:0].focus();break}case`Home`:e.preventDefault(),f_(t,-100);break}}var m_=e=>e,h_=()=>{},g_=1,__=2,v_=4,y_=8,b_={coarse:10,precise:5};function x_(e,t,n){let r,i={x:1/0,y:1/0};for(let a of t){let t=Bg(n,a.rect);switch(e){case`horizontal`:t.x<=i.x&&(r=a,i=t);break;case`vertical`:t.y<=i.y&&(r=a,i=t);break}}return r?{distance:i,hitRegion:r}:void 0}var S_;function C_(){return S_===void 0&&(S_=typeof matchMedia==`function`?!!matchMedia(`(pointer:coarse)`).matches:!1),S_}function w_(e){return typeof e==`object`&&!!e&&`nodeType`in e&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE}function T_(e,t){if(e===t)throw Error(`Cannot compare node with itself`);let n={a:j_(e),b:j_(t)},r;for(;n.a.at(-1)===n.b.at(-1);)e=n.a.pop(),t=n.b.pop(),r=e;K(r,`Stacking order can only be calculated for elements with a common ancestor`);let i={a:A_(k_(n.a)),b:A_(k_(n.b))};if(i.a===i.b){let e=r.childNodes,t={a:n.a.at(-1),b:n.b.at(-1)},i=e.length;for(;i--;){let n=e[i];if(n===t.a)return 1;if(n===t.b)return-1}}return Math.sign(i.a-i.b)}var E_=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function D_(e){let t=getComputedStyle(M_(e)??e).display;return t===`flex`||t===`inline-flex`}function O_(e){let t=getComputedStyle(e);return!!(t.position===`fixed`||t.zIndex!==`auto`&&(t.position!==`static`||D_(e))||+t.opacity<1||`transform`in t&&t.transform!==`none`||`webkitTransform`in t&&t.webkitTransform!==`none`||`mixBlendMode`in t&&t.mixBlendMode!==`normal`||`filter`in t&&t.filter!==`none`||`webkitFilter`in t&&t.webkitFilter!==`none`||`isolation`in t&&t.isolation===`isolate`||E_.test(t.willChange)||t.webkitOverflowScrolling===`touch`)}function k_(e){let t=e.length;for(;t--;){let n=e[t];if(K(n,`Missing node`),O_(n))return n}return null}function A_(e){return e&&Number(getComputedStyle(e).zIndex)||0}function j_(e){let t=[];for(;e;)t.push(e),e=M_(e);return t}function M_(e){let{parentNode:t}=e;return w_(t)?t.host:t}function N_(e,t){return e.x<t.x+t.width&&e.x+e.width>t.x&&e.y<t.y+t.height&&e.y+e.height>t.y}function P_({groupElement:e,hitRegion:t,pointerEventTarget:n}){if(!zg(n)||n.contains(e)||e.contains(n))return!0;if(T_(n,e)>0){let r=n;for(;r;){if(r.contains(e))return!0;if(N_(r.getBoundingClientRect(),t))return!1;r=r.parentElement}}return!0}function F_(e,t){let n=[];return t.forEach((t,r)=>{if(r.disabled)return;let i=C_()?b_.coarse:b_.precise,a=Hg(r),o=x_(r.orientation,a,{x:e.clientX,y:e.clientY});o&&o.distance.x<=i&&o.distance.y<=i&&P_({groupElement:r.element,hitRegion:o.hitRegion.rect,pointerEventTarget:e.target})&&n.push(o.hitRegion)}),n}function I_(e){if(e.defaultPrevented||e.pointerType===`mouse`&&e.button>0)return;let{mountedGroups:t}=t_(),n=F_(e,t),r=new Set,i=new Set,a=new Set,o=new Map,s=!1;n.forEach(e=>{r.add(e.group),e.panels.forEach(e=>{i.add(e)}),e.separator&&(a.add(e.separator),s||(s=!0,e.separator.element.focus()));let n=t.get(e.group);n&&o.set(e.group,n.layout)}),n_({interactionState:{hitRegions:n,initialLayoutMap:o,pointerDownAtPoint:{x:e.clientX,y:e.clientY},state:`active`}}),n.length&&e.preventDefault()}function L_({cursorFlags:e,groups:t,state:n}){let r=0,i=0;switch(n){case`active`:case`hover`:t.forEach(e=>{if(!e.disableCursor)switch(e.orientation){case`horizontal`:r++;break;case`vertical`:i++;break}})}if(r===0&&i===0)return null;switch(n){case`active`:{let t=(e&g_)!==0,n=(e&__)!==0,r=(e&v_)!==0,i=(e&y_)!==0;if(e){if(t)return r?`se-resize`:i?`ne-resize`:`e-resize`;if(n)return r?`sw-resize`:i?`nw-resize`:`w-resize`;if(r)return`s-resize`;if(i)return`n-resize`}break}}return r>0&&i>0?`move`:r>0?`ew-resize`:`ns-resize`}var R_=new WeakMap;function z_(e){if(e.defaultView===null||e.defaultView===void 0)return;let{prevStyle:t,styleSheet:n}=R_.get(e)??{};n===void 0&&(n=new e.defaultView.CSSStyleSheet,e.adoptedStyleSheets=[n]);let{cursorFlags:r,interactionState:i}=t_();switch(i.state){case`active`:case`hover`:{let e=L_({cursorFlags:r,groups:i.hitRegions.map(e=>e.group),state:i.state}),a=`*{cursor: ${e} !important; ${i.state===`active`?`touch-action: none;`:``} }`;if(t===a)return;t=a,e?n.cssRules.length===0?n.insertRule(a):n.replaceSync(a):n.cssRules.length===1&&n.deleteRule(0);break}case`inactive`:t=void 0,n.cssRules.length===1&&n.deleteRule(0);break}R_.set(e,{prevStyle:t,styleSheet:n})}function B_({document:e,event:t,hitRegions:n,initialLayoutMap:r,mountedGroups:i,pointerDownAtPoint:a}){let o=0,s=new Map(i);n.forEach(e=>{let{group:n,groupSize:c}=e,{disableCursor:l,orientation:u,panels:d}=n,f=0;f=a?u===`horizontal`?(t.clientX-a.x)/c*100:(t.clientY-a.y)/c*100:u===`horizontal`?t.clientX<0?-100:100:t.clientY<0?-100:100;let p=r.get(n),{defaultLayoutDeferred:m,derivedPanelConstraints:h,layout:g,separatorToPanels:_}=i.get(n)??{defaultLayoutDeferred:!1};if(h&&p&&g&&_){let t=o_({delta:f,initialLayout:p,panelConstraints:h,pivotIndices:e.panels.map(e=>d.indexOf(e)),prevLayout:g,trigger:`mouse-or-touch`});if(c_(t,g)){if(f!==0&&!l)switch(u){case`horizontal`:o|=f<0?g_:__;break;case`vertical`:o|=f<0?v_:y_;break}}else{s.set(e.group,{defaultLayoutDeferred:m,derivedPanelConstraints:h,layout:t,separatorToPanels:_});let n=e.group.panels.map(({id:e})=>e).join(`,`);e.group.inMemoryLayouts[n]=t}}}),n_({cursorFlags:o,mountedGroups:s}),z_(e)}function V_(e){let{interactionState:t,mountedGroups:n}=t_();switch(t.state){case`active`:B_({document:e.currentTarget,event:e,hitRegions:t.hitRegions,initialLayoutMap:t.initialLayoutMap,mountedGroups:n})}}function H_(e){if(e.defaultPrevented)return;let{interactionState:t,mountedGroups:n}=t_();switch(t.state){case`active`:if(e.buttons===0){n_(e=>e.interactionState.state===`inactive`?e:{cursorFlags:0,interactionState:{state:`inactive`}});return}B_({document:e.currentTarget,event:e,hitRegions:t.hitRegions,initialLayoutMap:t.initialLayoutMap,mountedGroups:n,pointerDownAtPoint:t.pointerDownAtPoint});break;default:{let r=F_(e,n);r.length===0?t.state!==`inactive`&&n_({interactionState:{state:`inactive`}}):n_({interactionState:{hitRegions:r,state:`hover`}}),z_(e.currentTarget);break}}}function U_(e){if(e.defaultPrevented||e.pointerType===`mouse`&&e.button>0)return;e.preventDefault();let{interactionState:t}=t_();switch(t.state){case`active`:n_({cursorFlags:0,interactionState:{state:`inactive`}}),z_(e.currentTarget)}}function W_(e){let t=0,n=0,r={};for(let i of e)if(i.defaultSize!==void 0){t++;let e=Yg(i.defaultSize);n+=e,r[i.panelId]=e}else r[i.panelId]=void 0;let i=e.length-t;if(i!==0){let t=Yg((100-n)/i);for(let n of e)n.defaultSize===void 0&&(r[n.panelId]=t)}return r}function G_(e,t,n){if(!n[0])return;let r=e.panels.find(e=>e.element===t);if(!r||!r.onResize)return;let i=Fg({group:e}),a=e.orientation===`horizontal`?r.element.offsetWidth:r.element.offsetHeight,o=r.mutableValues.prevSize,s={asPercentage:Yg(a/i*100),inPixels:a};r.mutableValues.prevSize=s,r.onResize(s,r.id,o)}function K_(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(let n in e)if(e[n]!==t[n])return!1;return!0}function q_(e,t){let n=e.map(e=>e.id),r=Object.keys(t);if(n.length!==r.length)return!1;for(let e of n)if(!r.includes(e))return!1;return!0}var J_=new Map;function Y_(e){let t=!0;K(e.element.ownerDocument.defaultView,`Cannot register an unmounted Group`);let n=e.element.ownerDocument.defaultView.ResizeObserver,r=new Set,i=new Set,a=new n(n=>{for(let r of n){let{borderBoxSize:n,target:i}=r;if(i===e.element){if(t){if(Fg({group:e})===0)return;n_(t=>{let n=t.mountedGroups.get(e);if(n){let r=Xg(e),i=n.defaultLayoutDeferred?W_(r):n.layout,a=l_({layout:i,panelConstraints:r});return!n.defaultLayoutDeferred&&c_(i,a)&&K_(n.derivedPanelConstraints,r)?t:{mountedGroups:new Map(t.mountedGroups).set(e,{defaultLayoutDeferred:!1,derivedPanelConstraints:r,layout:a,separatorToPanels:n.separatorToPanels})}}return t})}}else G_(e,i,n)}});a.observe(e.element),e.panels.forEach(e=>{K(!r.has(e.id),`Panel ids must be unique; id "${e.id}" was used more than once`),r.add(e.id),e.onResize&&a.observe(e.element)});let o=Fg({group:e}),s=Xg(e),c=e.panels.map(({id:e})=>e).join(`,`),l=e.defaultLayout;l&&(q_(e.panels,l)||(l=void 0));let u=l_({layout:e.inMemoryLayouts[c]??l??W_(s),panelConstraints:s}),d=Hg(e),f=e.element.ownerDocument;return n_(t=>{let n=new Map;return J_.set(f,(J_.get(f)??0)+1),d.forEach(e=>{e.separator&&n.set(e.separator,e.panels)}),{mountedGroups:new Map(t.mountedGroups).set(e,{defaultLayoutDeferred:o===0,derivedPanelConstraints:s,layout:u,separatorToPanels:n})}}),e.separators.forEach(e=>{K(!i.has(e.id),`Separator ids must be unique; id "${e.id}" was used more than once`),i.add(e.id),e.element.addEventListener(`keydown`,p_)}),J_.get(f)===1&&(f.addEventListener(`pointerdown`,I_,!0),f.addEventListener(`pointerleave`,V_),f.addEventListener(`pointermove`,H_),f.addEventListener(`pointerup`,U_,!0)),function(){t=!1,J_.set(f,Math.max(0,(J_.get(f)??0)-1)),n_(t=>{let n=new Map(t.mountedGroups);return n.delete(e),{mountedGroups:n}}),e.separators.forEach(e=>{e.element.removeEventListener(`keydown`,p_)}),J_.get(f)||(f.removeEventListener(`pointerdown`,I_,!0),f.removeEventListener(`pointerleave`,V_),f.removeEventListener(`pointermove`,H_),f.removeEventListener(`pointerup`,U_,!0)),a.disconnect()}}function X_(){let[e,n]=(0,t.useState)({});return[e,(0,t.useCallback)(()=>n({}),[])]}function Z_(e){let n=(0,t.useId)();return`${e??n}`}var Q_=typeof window<`u`?t.useLayoutEffect:t.useEffect;function $_(e){let n=(0,t.useRef)(e);return Q_(()=>{n.current=e},[e]),(0,t.useCallback)((...e)=>n.current?.(...e),[n])}function ev(...e){return $_(t=>{e.forEach(e=>{if(e)switch(typeof e){case`function`:e(t);break;case`object`:e.current=t;break}})})}function tv(e){let n=(0,t.useRef)({...e});return Q_(()=>{for(let t in e)n.current[t]=e[t]},[e]),n.current}var nv=`--react-resizable-panels--panel--pointer-events`;function rv(e,t){return`--react-resizable-panels--${e.replace(/[^a-zA-Z0-9\-_]/g,``)}--${t.replace(/[^a-zA-Z0-9\-_]/g,``)}`}var iv=(0,t.createContext)(null);function av(e,n){let r=(0,t.useRef)({getLayout:()=>({}),setLayout:m_});(0,t.useImperativeHandle)(n,()=>r.current,[]),Q_(()=>{Object.assign(r.current,u_({groupId:e}))})}function ov({children:e,className:n,defaultLayout:i,disableCursor:a,disabled:o,elementRef:s,groupRef:c,id:l,onLayoutChange:u,orientation:d=`horizontal`,style:f,...p}){let m=(0,t.useRef)({}),h=$_(e=>{c_(m.current,e)||(m.current=e,u?.(e))}),g=Z_(l),_=(0,t.useRef)(null),[v,y]=(0,t.useState)(!1),[b,x]=(0,t.useState)(i??{}),[S,C]=X_(),w=(0,t.useRef)({lastExpandedPanelSizes:{},layouts:{},panels:[],separators:[]}),T=ev(_,s);av(g,c);let E=(0,t.useMemo)(()=>({id:g,orientation:d,registerPanel:e=>{let t=w.current;return t.panels=Ig(d,[...t.panels,e]),C(),()=>{t.panels=t.panels.filter(t=>t!==e),C()}},registerSeparator:e=>{let t=w.current;return t.separators=Ig(d,[...t.separators,e]),C(),()=>{t.separators=t.separators.filter(t=>t!==e),C()}}}),[g,C,d]),D=tv({defaultLayout:i,disableCursor:a}),O=(0,t.useRef)(null);Q_(()=>{let e=_.current;if(e===null)return;let t=w.current,n={defaultLayout:D.defaultLayout,disableCursor:!!D.disableCursor,disabled:!!o,element:e,id:g,inMemoryLastExpandedPanelSizes:w.current.lastExpandedPanelSizes,inMemoryLayouts:w.current.layouts,orientation:d,panels:t.panels,separators:t.separators};O.current=n;let r=Y_(n),i=t_().mountedGroups.get(n);if(i){let{defaultLayoutDeferred:e,derivedPanelConstraints:t,layout:n}=i;!e&&t.length>0&&(x(n),h?.(n))}let a=e_.addListener(`interactionStateChange`,e=>{switch(e.state){case`active`:y(e.hitRegions.some(e=>e.group===n));break;default:y(!1);break}}),s=e_.addListener(`mountedGroupsChange`,e=>{let t=e.get(n);if(t){let{defaultLayoutDeferred:e,derivedPanelConstraints:n,layout:r}=t;if(e||n.length===0)return;x(r),h?.(r)}});return()=>{O.current=null,r(),a(),s()}},[o,g,h,d,S,D]),(0,t.useEffect)(()=>{let e=O.current;e&&(e.defaultLayout=i,e.disableCursor=!!a)});let k={[nv]:v?`none`:void 0};for(let e in b){let t=rv(g,e);k[t]=b[e]}return(0,r.jsx)(iv.Provider,{value:E,children:(0,r.jsx)(`div`,{...p,"aria-orientation":d,className:n,"data-group":!0,"data-testid":g,id:g,ref:T,style:{height:`100%`,width:`100%`,overflow:`hidden`,...f,...k,display:`flex`,flexDirection:d===`horizontal`?`row`:`column`,flexWrap:`nowrap`},children:e})})}ov.displayName=`Group`;function sv(){let e=(0,t.useContext)(iv);return K(e,`Group Context not found; did you render a Panel or Separator outside of a Group?`),e}function cv({groupId:e,panelId:t}){let n=()=>{let{mountedGroups:t}=t_();for(let[n,{defaultLayoutDeferred:r,derivedPanelConstraints:i,layout:a,separatorToPanels:o}]of t)if(n.id===e)return{defaultLayoutDeferred:r,derivedPanelConstraints:i,group:n,layout:a,separatorToPanels:o};throw Error(`Group ${e} not found`)},r=()=>{let e=n().derivedPanelConstraints.find(e=>e.panelId===t);if(e!==void 0)return e;throw Error(`Panel constraints not found for Panel ${t}`)},i=()=>{let e=n().group.panels.find(e=>e.id===t);if(e!==void 0)return e;throw Error(`Layout not found for Panel ${t}`)},a=()=>{let e=n().layout[t];if(e!==void 0)return e;throw Error(`Layout not found for Panel ${t}`)},o=e=>{let r=a();if(e===r)return;let{defaultLayoutDeferred:i,derivedPanelConstraints:o,group:s,layout:c,separatorToPanels:l}=n(),u=s.panels.findIndex(e=>e.id===t),d=u===s.panels.length-1,f=l_({layout:o_({delta:d?r-e:e-r,initialLayout:c,panelConstraints:o,pivotIndices:d?[u-1,u]:[u,u+1],prevLayout:c,trigger:`imperative-api`}),panelConstraints:o});c_(c,f)||n_(e=>({mountedGroups:new Map(e.mountedGroups).set(s,{defaultLayoutDeferred:i,derivedPanelConstraints:o,layout:f,separatorToPanels:l})}))};return{collapse:()=>{let{collapsible:e,collapsedSize:t}=r(),{mutableValues:n}=i(),s=a();e&&s!==t&&(n.expandToSize=s,o(t))},expand:()=>{let{collapsible:e,collapsedSize:t,minSize:n}=r(),{mutableValues:s}=i(),c=a();if(e&&c===t){let e=s.expandToSize??n;e===0&&(e=1),o(e)}},getSize:()=>{let{group:e}=n(),t=a(),{element:r}=i();return{asPercentage:t,inPixels:e.orientation===`horizontal`?r.offsetWidth:r.offsetHeight}},isCollapsed:()=>{let{collapsible:e,collapsedSize:t}=r(),n=a();return e&&Qg(t,n)},resize:e=>{if(a()!==e){let t;switch(typeof e){case`number`:{let{group:r}=n();t=Yg(e/Fg({group:r})*100);break}case`string`:t=parseFloat(e);break}o(t)}}}}function lv(e,n){let{id:r}=sv(),i=(0,t.useRef)({collapse:h_,expand:h_,getSize:()=>({asPercentage:0,inPixels:0}),isCollapsed:()=>!1,resize:h_});(0,t.useImperativeHandle)(n,()=>i.current,[]),Q_(()=>{Object.assign(i.current,cv({groupId:r,panelId:e}))})}function uv({children:e,className:n,collapsedSize:i=`0%`,collapsible:a=!1,defaultSize:o,elementRef:s,id:c,maxSize:l=`100%`,minSize:u=`0%`,onResize:d,panelRef:f,style:p,...m}){let h=!!c,g=Z_(c),_=(0,t.useRef)(null),v=ev(_,s),{id:y,registerPanel:b}=sv(),x=d!==null,S=$_((e,t,n)=>{d?.(e,c,n)});Q_(()=>{let e=_.current;if(e!==null)return b({element:e,id:g,idIsStable:h,mutableValues:{expandToSize:void 0,prevSize:void 0},onResize:x?S:void 0,panelConstraints:{collapsedSize:i,collapsible:a,defaultSize:o,maxSize:l,minSize:u}})},[i,a,o,x,g,h,l,u,S,b]),lv(g,f);let C=rv(y,g);return(0,r.jsx)(`div`,{...m,"data-panel":!0,"data-testid":g,id:g,ref:v,style:{...dv,flexBasis:0,flexGrow:`var(${C}, 1)`,flexShrink:1,overflow:`hidden`,pointerEvents:`var(${nv})`},children:(0,r.jsx)(`div`,{className:n,style:{width:`100%`,height:`100%`,...p},children:e})})}uv.displayName=`Panel`;var dv={minHeight:0,maxHeight:`100%`,height:`auto`,minWidth:0,maxWidth:`100%`,width:`auto`,border:`none`,borderWidth:0,padding:0,margin:0};function fv({layout:e,panelConstraints:t,panelId:n,panelIndex:r}){let i,a,o=e[n],s=t.find(e=>e.panelId===n);if(s){let c=s.maxSize,l=a=s.collapsible?s.collapsedSize:s.minSize,u=[r,r+1];a=l_({layout:o_({delta:l-o,initialLayout:e,panelConstraints:t,pivotIndices:u,prevLayout:e,trigger:`keyboard`}),panelConstraints:t})[n],i=l_({layout:o_({delta:c-o,initialLayout:e,panelConstraints:t,pivotIndices:u,prevLayout:e,trigger:`keyboard`}),panelConstraints:t})[n]}return{valueControls:n,valueMax:i,valueMin:a,valueNow:o}}function pv({children:e,className:n,elementRef:i,id:a,style:o,...s}){let c=Z_(a),[l,u]=(0,t.useState)({}),[d,f]=(0,t.useState)(`inactive`),p=(0,t.useRef)(null),m=ev(p,i),{id:h,orientation:g,registerSeparator:_}=sv(),v=g===`horizontal`?`vertical`:`horizontal`;return Q_(()=>{let e=p.current;if(e!==null){let t={element:e,id:c},n=_(t),r=e_.addListener(`interactionStateChange`,e=>{f(e.state!==`inactive`&&e.hitRegions.some(e=>e.separator===t)?e.state:`inactive`)}),i=e_.addListener(`mountedGroupsChange`,e=>{e.forEach(({derivedPanelConstraints:e,layout:n,separatorToPanels:r},i)=>{if(i.id===h){let a=r.get(t);if(a){let t=a[0],r=i.panels.indexOf(t);u(fv({layout:n,panelConstraints:e,panelId:t.id,panelIndex:r}))}}})});return()=>{r(),i(),n()}}},[h,c,_]),(0,r.jsx)(`div`,{...s,"aria-controls":l.valueControls,"aria-orientation":v,"aria-valuemax":l.valueMax,"aria-valuemin":l.valueMin,"aria-valuenow":l.valueNow,children:e,className:n,"data-separator":d,"data-testid":c,id:c,ref:m,role:`separator`,style:{flexBasis:`auto`,...o,flexGrow:0,flexShrink:0},tabIndex:0})}pv.displayName=`Separator`;var mv=(0,t.createContext)(void 0),hv=[`Arial`,`Helvetica`,`Times New Roman`,`Courier New`,`Verdana`,`Georgia`,`Palatino`,`Garamond`,`Bookman`,`Comic Sans MS`,`Trebuchet MS`,`Arial Black`,`Impact`];let gv=({children:e,isList:n=!1,availableProps:i=[],theme:a=`light`})=>{let[o,s]=(0,t.useState)({elements:[],selectedElementIds:[],isList:n,mockData:[],singleMockData:{},listSettings:{sortOrder:`asc`,newestPosition:`bottom`,scrollDirection:`down`},availableProps:i,availableFonts:[...hv,`Roboto`,`Open Sans`,`Lato`,`Montserrat`],theme:a,history:[[]],historyIndex:0,clipboard:[],gridSize:0,zoom:1,pan:{x:0,y:0},snapLines:[]});t.default.useEffect(()=>{o.availableFonts.forEach(e=>{if(hv.includes(e))return;let t=`font-${e.replace(/\s+/g,`-`).toLowerCase()}`;if(!document.getElementById(t)){let n=document.createElement(`link`);n.id=t,n.href=`https://fonts.googleapis.com/css2?family=${e.replace(/ /g,`+`)}&display=swap`,n.rel=`stylesheet`,document.head.appendChild(n)}})},[o.availableFonts]),t.default.useEffect(()=>{s(e=>({...e,isList:n,availableProps:i,theme:a}))},[n,i,a]);let c=t.default.useCallback(e=>{s(t=>({...t,canvasHeight:e}))},[]),l=t.default.useCallback(e=>{s(t=>({...t,gridSize:e}))},[]),u=t.default.useCallback(e=>{s(t=>({...t,zoom:e}))},[]),d=t.default.useCallback(e=>{s(t=>({...t,pan:e}))},[]),f=t.default.useCallback(e=>{s(t=>({...t,snapLines:e}))},[]),p=t.default.useCallback(e=>{s(t=>{let n=e.elements||t.elements;return{...t,...e,isList:e.isList??t.isList,availableProps:e.availableProps??t.availableProps,availableFonts:e.availableFonts??t.availableFonts,selectedElementIds:[],history:[n],historyIndex:0,clipboard:[]}})},[]),m=t.default.useCallback(()=>{s(e=>{if(e.historyIndex>0){let t=e.historyIndex-1;return{...e,elements:e.history[t],historyIndex:t,selectedElementIds:[]}}return e})},[]),h=t.default.useCallback(()=>{s(e=>{if(e.historyIndex<e.history.length-1){let t=e.historyIndex+1;return{...e,elements:e.history[t],historyIndex:t,selectedElementIds:[]}}return e})},[]),g=t.default.useCallback(()=>{s(e=>{if(e.selectedElementIds.length>0){let t=e.elements.filter(t=>e.selectedElementIds.includes(t.id));return{...e,clipboard:t}}return e})},[]),_=t.default.useCallback(()=>{s(e=>{if(e.clipboard.length>0){let t=e.clipboard.map(e=>({...e,id:crypto.randomUUID(),x:e.x+20,y:e.y+20})),n=[...e.elements,...t],r=e.history.slice(0,e.historyIndex+1);return r.push(n),{...e,elements:n,history:r,historyIndex:r.length-1,selectedElementIds:t.map(e=>e.id)}}return e})},[]),v=t.default.useCallback(e=>{let t={};e.type===`box`&&(t.backgroundColor=`var(--gray-4)`),e.type===`text-container`&&(t.backgroundColor=`var(--gray-4)`,t.border=`1px solid var(--gray-8)`,t.padding=`8px`,t.display=`flex`,t.alignItems=`flex-start`,t.justifyContent=`flex-start`);let n={id:crypto.randomUUID(),x:50,y:50,width:200,height:e.type===`text`?50:150,...e,style:{...t,...e.style||{}}};s(e=>{let t=[...e.elements,n],r=e.history.slice(0,e.historyIndex+1);return r.push(t),{...e,elements:t,history:r,historyIndex:r.length-1,selectedElementIds:[n.id]}})},[]),y=t.default.useCallback(e=>{s(t=>{let n=t.elements.filter(t=>t.id!==e),r=t.history.slice(0,t.historyIndex+1);return r.push(n),{...t,elements:n,selectedElementIds:t.selectedElementIds.filter(t=>t!==e),history:r,historyIndex:r.length-1}})},[]),b=t.default.useCallback(()=>{s(e=>{if(e.selectedElementIds.length===0)return e;let t=e.elements.filter(t=>!e.selectedElementIds.includes(t.id)),n=e.history.slice(0,e.historyIndex+1);return n.push(t),{...e,elements:t,selectedElementIds:[],history:n,historyIndex:n.length-1}})},[]),x=t.default.useCallback((e,t=!1)=>{s(n=>{if(e===null)return{...n,selectedElementIds:[]};if(t){let t=n.selectedElementIds.includes(e),r;return r=t?n.selectedElementIds.filter(t=>t!==e):[...n.selectedElementIds,e],{...n,selectedElementIds:r}}else return{...n,selectedElementIds:[e]}})},[]),S=t.default.useCallback(e=>{s(t=>({...t,selectedElementIds:e}))},[]),C=t.default.useCallback((e,t)=>{s(n=>{let r=[...n.elements],i=r[e];r.splice(e,1),r.splice(t,0,i);let a=n.history.slice(0,n.historyIndex+1);return a.push(r),{...n,elements:r,history:a,historyIndex:a.length-1}})},[]),w=t.default.useCallback((e,t,n=!0)=>{s(r=>{let i=r.elements.map(n=>n.id===e?{...n,...t}:n),a=r.history,o=r.historyIndex;return n&&(a=r.history.slice(0,r.historyIndex+1),a.push(i),o=a.length-1),{...r,elements:i,history:a,historyIndex:o}})},[]),T=t.default.useCallback((e,t=!0)=>{s(n=>{let r=[...n.elements],i=[],a=new Set;e.forEach(({id:e,changes:t})=>{let r=n.elements.find(t=>t.id===e);if(r)if(r.groupId&&(t.x!==void 0||t.y!==void 0)){let e=n.elements.find(e=>e.id===r.groupId);if(e&&!a.has(e.id)){let n=(t.x??r.x)-r.x,o=(t.y??r.y)-r.y;i.push({id:e.id,changes:{x:e.x+n,y:e.y+o}}),a.add(e.id)}}else i.push({id:e,changes:t})});let o=[...i];i.forEach(({id:e,changes:t})=>{if(t.x!==void 0||t.y!==void 0){let r=n.elements.find(t=>t.id===e);if(r&&r.type===`group`){let i=(t.x??r.x)-r.x,a=(t.y??r.y)-r.y;n.elements.forEach(t=>{t.groupId===e&&(o.some(e=>e.id===t.id)||o.push({id:t.id,changes:{x:t.x+i,y:t.y+a}}))})}}}),o.forEach(({id:e,changes:t})=>{let n=r.findIndex(t=>t.id===e);n!==-1&&(r[n]={...r[n],...t})});let s=n.history,c=n.historyIndex;return t&&(s=n.history.slice(0,n.historyIndex+1),s.push(r),c=s.length-1),{...n,elements:r,history:s,historyIndex:c}})},[]),E=t.default.useCallback(e=>{s(t=>{let n=t.elements.filter(t=>e.includes(t.id));if(n.length===0)return t;let r=Math.min(...n.map(e=>e.x)),i=Math.min(...n.map(e=>e.y)),a=Math.max(...n.map(e=>e.x+e.width)),o=Math.max(...n.map(e=>e.y+e.height)),s={id:crypto.randomUUID(),type:`group`,name:`Novo Grupo`,content:``,x:r,y:i,width:a-r,height:o-i,style:{zIndex:0}},c=t.elements.map(t=>e.includes(t.id)?{...t,groupId:s.id}:t);c.push(s);let l=t.history.slice(0,t.historyIndex+1);return l.push(c),{...t,elements:c,selectedElementIds:[s.id],history:l,historyIndex:l.length-1}})},[]),D=t.default.useCallback(e=>{s(t=>{let n=t.elements.find(t=>t.id===e);if(!n||n.type!==`group`)return t;let r=[],i=t.elements.filter(t=>t.id!==e).map(t=>t.groupId===e?(r.push(t.id),{...t,groupId:void 0}):t),a=t.history.slice(0,t.historyIndex+1);return a.push(i),{...t,elements:i,selectedElementIds:r,history:a,historyIndex:a.length-1}})},[]),O=t.default.useCallback((e,t)=>{s(n=>{let r=n.elements.map(n=>n.id===e?{...n,name:t}:n);return{...n,elements:r}})},[]),k=t.default.useCallback((e,t)=>{if(!e.find(e=>e.id===t&&e.type===`group`))return e;let n=e.filter(e=>e.groupId===t);if(n.length===0)return e;let r=Math.min(...n.map(e=>e.x)),i=Math.min(...n.map(e=>e.y)),a=Math.max(...n.map(e=>e.x+e.width)),o=Math.max(...n.map(e=>e.y+e.height));return e.map(e=>e.id===t?{...e,x:r,y:i,width:a-r,height:o-i}:e)},[]),A=t.default.useCallback((e,t)=>{s(n=>{let r=n.elements.find(t=>t.id===e),i=n.elements.find(e=>e.id===t&&e.type===`group`);if(!r||!i)return n;let a=n.elements.map(n=>n.id===e?{...n,groupId:t}:n);a=k(a,t);let o=n.history.slice(0,n.historyIndex+1);return o.push(a),{...n,elements:a,history:o,historyIndex:o.length-1}})},[k]),j=t.default.useCallback(e=>{s(t=>{let n=t.elements.find(t=>t.id===e);if(!n||!n.groupId)return t;let r=n.groupId,i=t.elements.map(t=>t.id===e?{...t,groupId:void 0}:t);i=k(i,r);let a=t.history.slice(0,t.historyIndex+1);return a.push(i),{...t,elements:i,history:a,historyIndex:a.length-1}})},[k]),ee=t.default.useCallback((e,t,n)=>{s(r=>{let i=r.elements.find(t=>t.id===e&&t.type===`group`);if(!i)return r;let a=t/i.width,o=n/i.height,s=i.x,c=i.y,l=r.elements.map(r=>{if(r.id===e)return{...r,width:t,height:n};if(r.groupId===e){let e=r.x-s,t=r.y-c,n=s+e*a,i=c+t*o;return{...r,x:n,y:i,width:Math.max(1,r.width*a),height:Math.max(1,r.height*o)}}return r}),u=r.history.slice(0,r.historyIndex+1);return u.push(l),{...r,elements:l,history:u,historyIndex:u.length-1}})},[]),te=t.default.useCallback((e,t)=>{s(n=>({...n,mockData:e,singleMockData:t}))},[]),M=t.default.useCallback(e=>{s(t=>({...t,listSettings:{...t.listSettings,...e}}))},[]),ne=t.default.useMemo(()=>({state:o,addElement:v,removeElement:y,removeSelected:b,selectElement:x,setSelectedElements:S,moveElement:C,updateElement:w,updateElements:T,groupElements:E,ungroupElements:D,renameElement:O,addToGroup:A,removeFromGroup:j,resizeGroup:ee,setMockData:te,updateListSettings:M,setCanvasHeight:c,loadState:p,undo:m,redo:h,copy:g,paste:_,setGridSize:l,setZoom:u,setPan:d,setSnapLines:f}),[o,v,y,b,x,S,C,w,T,E,D,O,A,j,ee,te,M,c,p,m,h,g,_,l,u,d,f]);return(0,r.jsx)(mv.Provider,{value:ne,children:e})},_v=()=>{let e=(0,t.useContext)(mv);if(!e)throw Error(`useEditor must be used within an EditorProvider`);return e},vv=()=>{let{state:e,updateElements:t}=_v(),{selectedElementIds:n,elements:i}=e;if(n.length<2)return null;let a=()=>i.filter(e=>n.includes(e.id));return(0,r.jsxs)(U,{gap:`2`,align:`center`,style:{backgroundColor:`var(--color-panel-solid)`,padding:`8px`,borderRadius:`8px`,boxShadow:`0 2px 10px rgba(0,0,0,0.1)`,border:`1px solid var(--gray-5)`},children:[(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<2)return;let n=Math.min(...e.map(e=>e.x));t(e.map(e=>({id:e.id,changes:{x:n}})))},title:`Alinhar à Esquerda`,children:(0,r.jsx)(w,{})}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<2)return;let n=(Math.min(...e.map(e=>e.x))+Math.max(...e.map(e=>e.x+e.width)))/2;t(e.map(e=>({id:e.id,changes:{x:n-e.width/2}})))},title:`Alinhar ao Centro (Horizontal)`,children:(0,r.jsx)(b,{})}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<2)return;let n=Math.max(...e.map(e=>e.x+e.width));t(e.map(e=>({id:e.id,changes:{x:n-e.width}})))},title:`Alinhar à Direita`,children:(0,r.jsx)(E,{})}),(0,r.jsx)(vg,{orientation:`vertical`}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<2)return;let n=Math.min(...e.map(e=>e.y));t(e.map(e=>({id:e.id,changes:{y:n}})))},title:`Alinhar ao Topo`,children:(0,r.jsx)(O,{})}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<2)return;let n=(Math.min(...e.map(e=>e.y))+Math.max(...e.map(e=>e.y+e.height)))/2;t(e.map(e=>({id:e.id,changes:{y:n-e.height/2}})))},title:`Alinhar ao Centro (Vertical)`,children:(0,r.jsx)(S,{})}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<2)return;let n=Math.max(...e.map(e=>e.y+e.height));t(e.map(e=>({id:e.id,changes:{y:n-e.height}})))},title:`Alinhar à Base`,children:(0,r.jsx)(v,{})}),n.length>=3&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(vg,{orientation:`vertical`}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<3)return;let n=[...e].sort((e,t)=>e.x-t.x),r=n[0],i=n[n.length-1],o=(i.x+i.width/2-(r.x+r.width/2))/(n.length-1);t(n.map((e,t)=>{if(t===0||t===n.length-1)return null;let i=r.x+r.width/2+o*t;return{id:e.id,changes:{x:i-e.width/2}}}).filter(Boolean))},title:`Distribuir Horizontalmente`,children:(0,r.jsx)(we,{})}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<3)return;let n=[...e].sort((e,t)=>e.y-t.y),r=n[0],i=n[n.length-1],o=(i.y+i.height/2-(r.y+r.height/2))/(n.length-1);t(n.map((e,t)=>{if(t===0||t===n.length-1)return null;let i=r.y+r.height/2+o*t;return{id:e.id,changes:{y:i-e.height/2}}}).filter(Boolean))},title:`Distribuir Verticalmente`,children:(0,r.jsx)(Ee,{})})]})]})};var q=function(){return q=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},q.apply(this,arguments)},yv={width:`100%`,height:`10px`,top:`0px`,left:`0px`,cursor:`row-resize`},bv={width:`10px`,height:`100%`,top:`0px`,left:`0px`,cursor:`col-resize`},xv={width:`20px`,height:`20px`,position:`absolute`,zIndex:1},Sv={top:q(q({},yv),{top:`-5px`}),right:q(q({},bv),{left:void 0,right:`-5px`}),bottom:q(q({},yv),{top:void 0,bottom:`-5px`}),left:q(q({},bv),{left:`-5px`}),topRight:q(q({},xv),{right:`-10px`,top:`-10px`,cursor:`ne-resize`}),bottomRight:q(q({},xv),{right:`-10px`,bottom:`-10px`,cursor:`se-resize`}),bottomLeft:q(q({},xv),{left:`-10px`,bottom:`-10px`,cursor:`sw-resize`}),topLeft:q(q({},xv),{left:`-10px`,top:`-10px`,cursor:`nw-resize`})},Cv=(0,t.memo)(function(e){var n=e.onResizeStart,i=e.direction,a=e.children,o=e.replaceStyles,s=e.className,c=(0,t.useCallback)(function(e){n(e,i)},[n,i]),l=(0,t.useCallback)(function(e){n(e,i)},[n,i]),u=(0,t.useMemo)(function(){return q(q({position:`absolute`,userSelect:`none`},Sv[i]),o??{})},[o,i]);return(0,r.jsx)(`div`,{className:s||void 0,style:u,onMouseDown:c,onTouchStart:l,children:a})}),wv=(function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if(typeof n!=`function`&&n!==null)throw TypeError(`Class extends value `+String(n)+` is not a constructor or null`);e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}})(),Tv=function(){return Tv=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},Tv.apply(this,arguments)},Ev={width:`auto`,height:`auto`},Dv=function(e,t,n){return Math.max(Math.min(e,n),t)},Ov=function(e,t,n){var r=Math.round(e/t);return r*t+n*(r-1)},kv=function(e,t){return new RegExp(e,`i`).test(t)},Av=function(e){return!!(e.touches&&e.touches.length)},jv=function(e){return!!((e.clientX||e.clientX===0)&&(e.clientY||e.clientY===0))},Mv=function(e,t,n){n===void 0&&(n=0);var r=t.reduce(function(n,r,i){return Math.abs(r-e)<Math.abs(t[n]-e)?i:n},0),i=Math.abs(t[r]-e);return n===0||i<n?t[r]:e},Nv=function(e){return e=e.toString(),e===`auto`||e.endsWith(`px`)||e.endsWith(`%`)||e.endsWith(`vh`)||e.endsWith(`vw`)||e.endsWith(`vmax`)||e.endsWith(`vmin`)?e:`${e}px`},Pv=function(e,t,n,r){if(e&&typeof e==`string`){if(e.endsWith(`px`))return Number(e.replace(`px`,``));if(e.endsWith(`%`)){var i=Number(e.replace(`%`,``))/100;return t*i}if(e.endsWith(`vw`)){var i=Number(e.replace(`vw`,``))/100;return n*i}if(e.endsWith(`vh`)){var i=Number(e.replace(`vh`,``))/100;return r*i}}return e},Fv=function(e,t,n,r,i,a,o){return r=Pv(r,e.width,t,n),i=Pv(i,e.height,t,n),a=Pv(a,e.width,t,n),o=Pv(o,e.height,t,n),{maxWidth:r===void 0?void 0:Number(r),maxHeight:i===void 0?void 0:Number(i),minWidth:a===void 0?void 0:Number(a),minHeight:o===void 0?void 0:Number(o)}},Iv=function(e){return Array.isArray(e)?e:[e,e]},Lv=`as.ref.style.className.grid.gridGap.snap.bounds.boundsByDirection.size.defaultSize.minWidth.minHeight.maxWidth.maxHeight.lockAspectRatio.lockAspectRatioExtraWidth.lockAspectRatioExtraHeight.enable.handleStyles.handleClasses.handleWrapperStyle.handleWrapperClass.children.onResizeStart.onResize.onResizeStop.handleComponent.scale.resizeRatio.snapGap`.split(`.`),Rv=`__resizable_base__`,zv=function(e){wv(t,e);function t(t){var n=e.call(this,t)||this;return n.ratio=1,n.resizable=null,n.parentLeft=0,n.parentTop=0,n.resizableLeft=0,n.resizableRight=0,n.resizableTop=0,n.resizableBottom=0,n.targetLeft=0,n.targetTop=0,n.delta={width:0,height:0},n.appendBase=function(){if(!n.resizable||!n.window)return null;var e=n.parentNode;if(!e)return null;var t=n.window.document.createElement(`div`);return t.style.width=`100%`,t.style.height=`100%`,t.style.position=`absolute`,t.style.transform=`scale(0, 0)`,t.style.left=`0`,t.style.flex=`0 0 100%`,t.classList?t.classList.add(Rv):t.className+=Rv,e.appendChild(t),t},n.removeBase=function(e){var t=n.parentNode;t&&t.removeChild(e)},n.state={isResizing:!1,width:n.propsSize?.width??`auto`,height:n.propsSize?.height??`auto`,direction:`right`,original:{x:0,y:0,width:0,height:0},backgroundStyle:{height:`100%`,width:`100%`,backgroundColor:`rgba(0,0,0,0)`,cursor:`auto`,opacity:0,position:`fixed`,zIndex:9999,top:`0`,left:`0`,bottom:`0`,right:`0`},flexBasis:void 0},n.onResizeStart=n.onResizeStart.bind(n),n.onMouseMove=n.onMouseMove.bind(n),n.onMouseUp=n.onMouseUp.bind(n),n}return Object.defineProperty(t.prototype,`parentNode`,{get:function(){return this.resizable?this.resizable.parentNode:null},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,`window`,{get:function(){return!this.resizable||!this.resizable.ownerDocument?null:this.resizable.ownerDocument.defaultView},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,`propsSize`,{get:function(){return this.props.size||this.props.defaultSize||Ev},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,`size`,{get:function(){var e=0,t=0;if(this.resizable&&this.window){var n=this.resizable.offsetWidth,r=this.resizable.offsetHeight,i=this.resizable.style.position;i!==`relative`&&(this.resizable.style.position=`relative`),e=this.resizable.style.width===`auto`?n:this.resizable.offsetWidth,t=this.resizable.style.height===`auto`?r:this.resizable.offsetHeight,this.resizable.style.position=i}return{width:e,height:t}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,`sizeStyle`,{get:function(){var e=this,t=this.props.size,n=function(t){if(e.state[t]===void 0||e.state[t]===`auto`)return`auto`;if(e.propsSize&&e.propsSize[t]&&e.propsSize[t]?.toString().endsWith(`%`)){if(e.state[t].toString().endsWith(`%`))return e.state[t].toString();var n=e.getParentSize();return`${Number(e.state[t].toString().replace(`px`,``))/n[t]*100}%`}return Nv(e.state[t])};return{width:t&&t.width!==void 0&&!this.state.isResizing?Nv(t.width):n(`width`),height:t&&t.height!==void 0&&!this.state.isResizing?Nv(t.height):n(`height`)}},enumerable:!1,configurable:!0}),t.prototype.getParentSize=function(){if(!this.parentNode)return this.window?{width:this.window.innerWidth,height:this.window.innerHeight}:{width:0,height:0};var e=this.appendBase();if(!e)return{width:0,height:0};var t=!1,n=this.parentNode.style.flexWrap;n!==`wrap`&&(t=!0,this.parentNode.style.flexWrap=`wrap`),e.style.position=`relative`,e.style.minWidth=`100%`,e.style.minHeight=`100%`;var r={width:e.offsetWidth,height:e.offsetHeight};return t&&(this.parentNode.style.flexWrap=n),this.removeBase(e),r},t.prototype.bindEvents=function(){this.window&&(this.window.addEventListener(`mouseup`,this.onMouseUp),this.window.addEventListener(`mousemove`,this.onMouseMove),this.window.addEventListener(`mouseleave`,this.onMouseUp),this.window.addEventListener(`touchmove`,this.onMouseMove,{capture:!0,passive:!1}),this.window.addEventListener(`touchend`,this.onMouseUp))},t.prototype.unbindEvents=function(){this.window&&(this.window.removeEventListener(`mouseup`,this.onMouseUp),this.window.removeEventListener(`mousemove`,this.onMouseMove),this.window.removeEventListener(`mouseleave`,this.onMouseUp),this.window.removeEventListener(`touchmove`,this.onMouseMove,!0),this.window.removeEventListener(`touchend`,this.onMouseUp))},t.prototype.componentDidMount=function(){if(!(!this.resizable||!this.window)){var e=this.window.getComputedStyle(this.resizable);this.setState({width:this.state.width||this.size.width,height:this.state.height||this.size.height,flexBasis:e.flexBasis===`auto`?void 0:e.flexBasis})}},t.prototype.componentWillUnmount=function(){this.window&&this.unbindEvents()},t.prototype.createSizeForCssProperty=function(e,t){var n=this.propsSize&&this.propsSize[t];return this.state[t]===`auto`&&this.state.original[t]===e&&(n===void 0||n===`auto`)?`auto`:e},t.prototype.calculateNewMaxFromBoundary=function(e,t){var n=this.props.boundsByDirection,r=this.state.direction,i=n&&kv(`left`,r),a=n&&kv(`top`,r),o,s;if(this.props.bounds===`parent`){var c=this.parentNode;c&&(o=i?this.resizableRight-this.parentLeft:c.offsetWidth+(this.parentLeft-this.resizableLeft),s=a?this.resizableBottom-this.parentTop:c.offsetHeight+(this.parentTop-this.resizableTop))}else this.props.bounds===`window`?this.window&&(o=i?this.resizableRight:this.window.innerWidth-this.resizableLeft,s=a?this.resizableBottom:this.window.innerHeight-this.resizableTop):this.props.bounds&&(o=i?this.resizableRight-this.targetLeft:this.props.bounds.offsetWidth+(this.targetLeft-this.resizableLeft),s=a?this.resizableBottom-this.targetTop:this.props.bounds.offsetHeight+(this.targetTop-this.resizableTop));return o&&Number.isFinite(o)&&(e=e&&e<o?e:o),s&&Number.isFinite(s)&&(t=t&&t<s?t:s),{maxWidth:e,maxHeight:t}},t.prototype.calculateNewSizeFromDirection=function(e,t){var n=this.props.scale||1,r=Iv(this.props.resizeRatio||1),i=r[0],a=r[1],o=this.state,s=o.direction,c=o.original,l=this.props,u=l.lockAspectRatio,d=l.lockAspectRatioExtraHeight,f=l.lockAspectRatioExtraWidth,p=c.width,m=c.height,h=d||0,g=f||0;return kv(`right`,s)&&(p=c.width+(e-c.x)*i/n,u&&(m=(p-g)/this.ratio+h)),kv(`left`,s)&&(p=c.width-(e-c.x)*i/n,u&&(m=(p-g)/this.ratio+h)),kv(`bottom`,s)&&(m=c.height+(t-c.y)*a/n,u&&(p=(m-h)*this.ratio+g)),kv(`top`,s)&&(m=c.height-(t-c.y)*a/n,u&&(p=(m-h)*this.ratio+g)),{newWidth:p,newHeight:m}},t.prototype.calculateNewSizeFromAspectRatio=function(e,t,n,r){var i=this.props,a=i.lockAspectRatio,o=i.lockAspectRatioExtraHeight,s=i.lockAspectRatioExtraWidth,c=r.width===void 0?10:r.width,l=n.width===void 0||n.width<0?e:n.width,u=r.height===void 0?10:r.height,d=n.height===void 0||n.height<0?t:n.height,f=o||0,p=s||0;if(a){var m=(u-f)*this.ratio+p,h=(d-f)*this.ratio+p,g=(c-p)/this.ratio+f,_=(l-p)/this.ratio+f,v=Math.max(c,m),y=Math.min(l,h),b=Math.max(u,g),x=Math.min(d,_);e=Dv(e,v,y),t=Dv(t,b,x)}else e=Dv(e,c,l),t=Dv(t,u,d);return{newWidth:e,newHeight:t}},t.prototype.setBoundingClientRect=function(){var e=1/(this.props.scale||1);if(this.props.bounds===`parent`){var t=this.parentNode;if(t){var n=t.getBoundingClientRect();this.parentLeft=n.left*e,this.parentTop=n.top*e}}if(this.props.bounds&&typeof this.props.bounds!=`string`){var r=this.props.bounds.getBoundingClientRect();this.targetLeft=r.left*e,this.targetTop=r.top*e}if(this.resizable){var i=this.resizable.getBoundingClientRect(),a=i.left,o=i.top,s=i.right,c=i.bottom;this.resizableLeft=a*e,this.resizableRight=s*e,this.resizableTop=o*e,this.resizableBottom=c*e}},t.prototype.onResizeStart=function(e,t){if(!(!this.resizable||!this.window)){var n=0,r=0;if(e.nativeEvent&&jv(e.nativeEvent)?(n=e.nativeEvent.clientX,r=e.nativeEvent.clientY):e.nativeEvent&&Av(e.nativeEvent)&&(n=e.nativeEvent.touches[0].clientX,r=e.nativeEvent.touches[0].clientY),!(this.props.onResizeStart&&this.resizable&&this.props.onResizeStart(e,t,this.resizable)===!1)){this.props.size&&(this.props.size.height!==void 0&&this.props.size.height!==this.state.height&&this.setState({height:this.props.size.height}),this.props.size.width!==void 0&&this.props.size.width!==this.state.width&&this.setState({width:this.props.size.width})),this.ratio=typeof this.props.lockAspectRatio==`number`?this.props.lockAspectRatio:this.size.width/this.size.height;var i,a=this.window.getComputedStyle(this.resizable);if(a.flexBasis!==`auto`){var o=this.parentNode;o&&(this.flexDir=this.window.getComputedStyle(o).flexDirection.startsWith(`row`)?`row`:`column`,i=a.flexBasis)}this.setBoundingClientRect(),this.bindEvents();var s={original:{x:n,y:r,width:this.size.width,height:this.size.height},isResizing:!0,backgroundStyle:Tv(Tv({},this.state.backgroundStyle),{cursor:this.window.getComputedStyle(e.target).cursor||`auto`}),direction:t,flexBasis:i};this.setState(s)}}},t.prototype.onMouseMove=function(e){var t=this;if(!(!this.state.isResizing||!this.resizable||!this.window)){if(this.window.TouchEvent&&Av(e))try{e.preventDefault(),e.stopPropagation()}catch{}var r=this.props,i=r.maxWidth,a=r.maxHeight,o=r.minWidth,s=r.minHeight,c=Av(e)?e.touches[0].clientX:e.clientX,l=Av(e)?e.touches[0].clientY:e.clientY,u=this.state,d=u.direction,f=u.original,p=u.width,m=u.height,h=this.getParentSize(),g=Fv(h,this.window.innerWidth,this.window.innerHeight,i,a,o,s);i=g.maxWidth,a=g.maxHeight,o=g.minWidth,s=g.minHeight;var _=this.calculateNewSizeFromDirection(c,l),v=_.newHeight,y=_.newWidth,b=this.calculateNewMaxFromBoundary(i,a);this.props.snap&&this.props.snap.x&&(y=Mv(y,this.props.snap.x,this.props.snapGap)),this.props.snap&&this.props.snap.y&&(v=Mv(v,this.props.snap.y,this.props.snapGap));var x=this.calculateNewSizeFromAspectRatio(y,v,{width:b.maxWidth,height:b.maxHeight},{width:o,height:s});if(y=x.newWidth,v=x.newHeight,this.props.grid){var S=Ov(y,this.props.grid[0],this.props.gridGap?this.props.gridGap[0]:0),C=Ov(v,this.props.grid[1],this.props.gridGap?this.props.gridGap[1]:0),w=this.props.snapGap||0,T=w===0||Math.abs(S-y)<=w?S:y,E=w===0||Math.abs(C-v)<=w?C:v;y=T,v=E}var D={width:y-f.width,height:v-f.height};if(this.delta=D,p&&typeof p==`string`){if(p.endsWith(`%`)){var O=y/h.width*100;y=`${O}%`}else if(p.endsWith(`vw`)){var k=y/this.window.innerWidth*100;y=`${k}vw`}else if(p.endsWith(`vh`)){var A=y/this.window.innerHeight*100;y=`${A}vh`}}if(m&&typeof m==`string`){if(m.endsWith(`%`)){var O=v/h.height*100;v=`${O}%`}else if(m.endsWith(`vw`)){var k=v/this.window.innerWidth*100;v=`${k}vw`}else if(m.endsWith(`vh`)){var A=v/this.window.innerHeight*100;v=`${A}vh`}}var j={width:this.createSizeForCssProperty(y,`width`),height:this.createSizeForCssProperty(v,`height`)};this.flexDir===`row`?j.flexBasis=j.width:this.flexDir===`column`&&(j.flexBasis=j.height);var ee=this.state.width!==j.width,te=this.state.height!==j.height,M=this.state.flexBasis!==j.flexBasis,ne=ee||te||M;ne&&(0,n.flushSync)(function(){t.setState(j)}),this.props.onResize&&ne&&this.props.onResize(e,d,this.resizable,D)}},t.prototype.onMouseUp=function(e){var t=this.state,n=t.isResizing,r=t.direction;t.original,!(!n||!this.resizable)&&(this.props.onResizeStop&&this.props.onResizeStop(e,r,this.resizable,this.delta),this.props.size&&this.setState({width:this.props.size.width??`auto`,height:this.props.size.height??`auto`}),this.unbindEvents(),this.setState({isResizing:!1,backgroundStyle:Tv(Tv({},this.state.backgroundStyle),{cursor:`auto`})}))},t.prototype.updateSize=function(e){this.setState({width:e.width??`auto`,height:e.height??`auto`})},t.prototype.renderResizer=function(){var e=this,t=this.props,n=t.enable,i=t.handleStyles,a=t.handleClasses,o=t.handleWrapperStyle,s=t.handleWrapperClass,c=t.handleComponent;return n?(0,r.jsx)(`div`,{className:s,style:o,children:Object.keys(n).map(function(t){return n[t]===!1?null:(0,r.jsx)(Cv,{direction:t,onResizeStart:e.onResizeStart,replaceStyles:i&&i[t],className:a&&a[t],children:c&&c[t]?c[t]:null},t)})}):null},t.prototype.render=function(){var e=this,t=Object.keys(this.props).reduce(function(t,n){return Lv.indexOf(n)===-1&&(t[n]=e.props[n]),t},{}),n=Tv(Tv(Tv({position:`relative`,userSelect:this.state.isResizing?`none`:`auto`},this.props.style),this.sizeStyle),{maxWidth:this.props.maxWidth,maxHeight:this.props.maxHeight,minWidth:this.props.minWidth,minHeight:this.props.minHeight,boxSizing:`border-box`,flexShrink:0});return this.state.flexBasis&&(n.flexBasis=this.state.flexBasis),(0,r.jsxs)(this.props.as||`div`,Tv({style:n,className:this.props.className},t,{ref:function(t){t&&(e.resizable=t)},children:[this.state.isResizing&&(0,r.jsx)(`div`,{style:this.state.backgroundStyle}),this.props.children,this.renderResizer()]}))},t.defaultProps={as:`div`,onResizeStart:function(){},onResize:function(){},onResizeStop:function(){},enable:{top:!0,right:!0,bottom:!0,left:!0,topRight:!0,bottomRight:!0,bottomLeft:!0,topLeft:!0},style:{},grid:[1,1],gridGap:[0,0],lockAspectRatio:!1,lockAspectRatioExtraWidth:0,lockAspectRatioExtraHeight:0,scale:1,resizeRatio:1,snapGap:0},t}(t.PureComponent);let Bv=(e,t)=>{if(e==null)return``;if(t.type===`boolean`)return String(e)===`true`||e===!0||typeof e==`number`&&e>0?t.trueLabel||`Sim`:t.falseLabel||`Não`;if(t.type===`date`)try{let n=new Date(e);if(isNaN(n.getTime()))return String(e);if(t.dateFormat){let e=n.getDate().toString().padStart(2,`0`),r=(n.getMonth()+1).toString().padStart(2,`0`),i=n.getFullYear(),a=n.getHours().toString().padStart(2,`0`),o=n.getMinutes().toString().padStart(2,`0`),s=n.getSeconds().toString().padStart(2,`0`);return t.dateFormat.replace(`DD`,e).replace(`MM`,r).replace(`YYYY`,String(i)).replace(`HH`,a).replace(`mm`,o).replace(`ss`,s)}return n.toLocaleDateString()}catch{return String(e)}if(t.type===`number`){let n=parseFloat(e);return isNaN(n)?String(e):t.numberFormat===`currency`?(t.currencySymbol||`R$`)+` `+n.toFixed(t.decimalPlaces||2):t.numberFormat===`percent`?n.toFixed(t.decimalPlaces||0)+`%`:n.toFixed(t.decimalPlaces||0)}return String(e)},Vv=(e,t,n)=>{let r=String(e).toLowerCase(),i=String(n).toLowerCase();switch(t){case`equals`:return r===i;case`notEquals`:return r!==i;case`contains`:return r.includes(i);case`greaterThan`:return parseFloat(r)>parseFloat(i);case`lessThan`:return parseFloat(r)<parseFloat(i);case`truthy`:return!!e;case`falsy`:return!e;default:return!1}};function Hv(){return(Hv=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)}function Uv(e,t){if(e==null)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}function Wv(e){var n=(0,t.useRef)(e),r=(0,t.useRef)(function(e){n.current&&n.current(e)});return n.current=e,r.current}var Gv=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},Kv=function(e){return`touches`in e},qv=function(e){return e&&e.ownerDocument.defaultView||self},Jv=function(e,t,n){var r=e.getBoundingClientRect(),i=Kv(t)?function(e,t){for(var n=0;n<e.length;n++)if(e[n].identifier===t)return e[n];return e[0]}(t.touches,n):t;return{left:Gv((i.pageX-(r.left+qv(e).pageXOffset))/r.width),top:Gv((i.pageY-(r.top+qv(e).pageYOffset))/r.height)}},Yv=function(e){!Kv(e)&&e.preventDefault()},Xv=t.default.memo(function(e){var n=e.onMove,r=e.onKey,i=Uv(e,[`onMove`,`onKey`]),a=(0,t.useRef)(null),o=Wv(n),s=Wv(r),c=(0,t.useRef)(null),l=(0,t.useRef)(!1),u=(0,t.useMemo)(function(){var e=function(e){Yv(e),(Kv(e)?e.touches.length>0:e.buttons>0)&&a.current?o(Jv(a.current,e,c.current)):n(!1)},t=function(){return n(!1)};function n(n){var r=l.current,i=qv(a.current),o=n?i.addEventListener:i.removeEventListener;o(r?`touchmove`:`mousemove`,e),o(r?`touchend`:`mouseup`,t)}return[function(e){var t=e.nativeEvent,r=a.current;if(r&&(Yv(t),!function(e,t){return t&&!Kv(e)}(t,l.current)&&r)){if(Kv(t)){l.current=!0;var i=t.changedTouches||[];i.length&&(c.current=i[0].identifier)}r.focus(),o(Jv(r,t,c.current)),n(!0)}},function(e){var t=e.which||e.keyCode;t<37||t>40||(e.preventDefault(),s({left:t===39?.05:t===37?-.05:0,top:t===40?.05:t===38?-.05:0}))},n]},[s,o]),d=u[0],f=u[1],p=u[2];return(0,t.useEffect)(function(){return p},[p]),t.default.createElement(`div`,Hv({},i,{onTouchStart:d,onMouseDown:d,className:`react-colorful__interactive`,ref:a,onKeyDown:f,tabIndex:0,role:`slider`}))}),Zv=function(e){return e.filter(Boolean).join(` `)},Qv=function(e){var n=e.color,r=e.left,i=e.top,a=i===void 0?.5:i,o=Zv([`react-colorful__pointer`,e.className]);return t.default.createElement(`div`,{className:o,style:{top:100*a+`%`,left:100*r+`%`}},t.default.createElement(`div`,{className:`react-colorful__pointer-fill`,style:{backgroundColor:n}}))},$v=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=10**t),Math.round(n*e)/n};360/(2*Math.PI);var ey=function(e){return ly(ty(e))},ty=function(e){return e[0]===`#`&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?$v(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?$v(parseInt(e.substring(6,8),16)/255,2):1}},ny=function(e){return cy(oy(e))},ry=function(e){var t=e.s,n=e.v,r=e.a,i=(200-t)*n/100;return{h:$v(e.h),s:$v(i>0&&i<200?t*n/100/(i<=100?i:200-i)*100:0),l:$v(i/2),a:$v(r,2)}},iy=function(e){var t=ry(e);return`hsl(`+t.h+`, `+t.s+`%, `+t.l+`%)`},ay=function(e){var t=ry(e);return`hsla(`+t.h+`, `+t.s+`%, `+t.l+`%, `+t.a+`)`},oy=function(e){var t=e.h,n=e.s,r=e.v,i=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),o=r*(1-n),s=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),l=a%6;return{r:$v(255*[r,s,o,o,c,r][l]),g:$v(255*[c,r,r,s,o,o][l]),b:$v(255*[o,o,c,r,r,s][l]),a:$v(i,2)}},sy=function(e){var t=e.toString(16);return t.length<2?`0`+t:t},cy=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=i<1?sy($v(255*i)):``;return`#`+sy(t)+sy(n)+sy(r)+a},ly=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=Math.max(t,n,r),o=a-Math.min(t,n,r),s=o?a===t?(n-r)/o:a===n?2+(r-t)/o:4+(t-n)/o:0;return{h:$v(60*(s<0?s+6:s)),s:$v(a?o/a*100:0),v:$v(a/255*100),a:i}},uy=t.default.memo(function(e){var n=e.hue,r=e.onChange,i=Zv([`react-colorful__hue`,e.className]);return t.default.createElement(`div`,{className:i},t.default.createElement(Xv,{onMove:function(e){r({h:360*e.left})},onKey:function(e){r({h:Gv(n+360*e.left,0,360)})},"aria-label":`Hue`,"aria-valuenow":$v(n),"aria-valuemax":`360`,"aria-valuemin":`0`},t.default.createElement(Qv,{className:`react-colorful__hue-pointer`,left:n/360,color:iy({h:n,s:100,v:100,a:1})})))}),dy=t.default.memo(function(e){var n=e.hsva,r=e.onChange,i={backgroundColor:iy({h:n.h,s:100,v:100,a:1})};return t.default.createElement(`div`,{className:`react-colorful__saturation`,style:i},t.default.createElement(Xv,{onMove:function(e){r({s:100*e.left,v:100-100*e.top})},onKey:function(e){r({s:Gv(n.s+100*e.left,0,100),v:Gv(n.v-100*e.top,0,100)})},"aria-label":`Color`,"aria-valuetext":`Saturation `+$v(n.s)+`%, Brightness `+$v(n.v)+`%`},t.default.createElement(Qv,{className:`react-colorful__saturation-pointer`,top:1-n.v/100,left:n.s/100,color:iy(n)})))}),fy=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},py=function(e,t){return e.toLowerCase()===t.toLowerCase()||fy(ty(e),ty(t))};function my(e,n,r){var i=Wv(r),a=(0,t.useState)(function(){return e.toHsva(n)}),o=a[0],s=a[1],c=(0,t.useRef)({color:n,hsva:o});return(0,t.useEffect)(function(){if(!e.equal(n,c.current.color)){var t=e.toHsva(n);c.current={hsva:t,color:n},s(t)}},[n,e]),(0,t.useEffect)(function(){var t;fy(o,c.current.hsva)||e.equal(t=e.fromHsva(o),c.current.color)||(c.current={hsva:o,color:t},i(t))},[o,e,i]),[o,(0,t.useCallback)(function(e){s(function(t){return Object.assign({},t,e)})},[])]}var hy,gy=typeof window<`u`?t.useLayoutEffect:t.useEffect,_y=function(){return hy||(typeof __webpack_nonce__<`u`?__webpack_nonce__:void 0)},vy=new Map,yy=function(e){gy(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!vy.has(t)){var n=t.createElement(`style`);n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,vy.set(t,n);var r=_y();r&&n.setAttribute(`nonce`,r),t.head.appendChild(n)}},[])},by=function(e){var n=e.className,r=e.hsva,i=e.onChange,a={backgroundImage:`linear-gradient(90deg, `+ay(Object.assign({},r,{a:0}))+`, `+ay(Object.assign({},r,{a:1}))+`)`},o=Zv([`react-colorful__alpha`,n]),s=$v(100*r.a);return t.default.createElement(`div`,{className:o},t.default.createElement(`div`,{className:`react-colorful__alpha-gradient`,style:a}),t.default.createElement(Xv,{onMove:function(e){i({a:e.left})},onKey:function(e){i({a:Gv(r.a+e.left)})},"aria-label":`Alpha`,"aria-valuetext":s+`%`,"aria-valuenow":s,"aria-valuemin":`0`,"aria-valuemax":`100`},t.default.createElement(Qv,{className:`react-colorful__alpha-pointer`,left:r.a,color:ay(r)})))},xy=function(e){var n=e.className,r=e.colorModel,i=e.color,a=i===void 0?r.defaultColor:i,o=e.onChange,s=Uv(e,[`className`,`colorModel`,`color`,`onChange`]),c=(0,t.useRef)(null);yy(c);var l=my(r,a,o),u=l[0],d=l[1],f=Zv([`react-colorful`,n]);return t.default.createElement(`div`,Hv({},s,{ref:c,className:f}),t.default.createElement(dy,{hsva:u,onChange:d}),t.default.createElement(uy,{hue:u.h,onChange:d}),t.default.createElement(by,{hsva:u,onChange:d,className:`react-colorful__last-control`}))},Sy={defaultColor:`0001`,toHsva:ey,fromHsva:ny,equal:py},Cy=function(e){return t.default.createElement(xy,Hv({},e,{colorModel:Sy}))};let wy=({color:e,onChange:t})=>{let n=(e=>e===`transparent`?`#00000000`:e?/^[0-9A-Fa-f]{3,8}$/.test(e)?`#`+e:e:`#000000`)(e);return(0,r.jsxs)(U,{direction:`column`,gap:`3`,style:{width:`100%`},children:[(0,r.jsx)(Cy,{color:n,onChange:t,style:{width:`100%`}}),(0,r.jsxs)(U,{gap:`2`,align:`center`,children:[(0,r.jsx)(H,{style:{width:32,height:32,backgroundColor:n,borderRadius:4,border:`1px solid var(--gray-5)`,flexShrink:0}}),(0,r.jsx)(G,{value:e,onChange:e=>t(e.target.value),onBlur:()=>{e&&/^[0-9A-Fa-f]{3,8}$/.test(e)&&t(`#`+e)},placeholder:`#RRGGBBAA`,style:{flexGrow:1}})]})]})},Ty=({color:e,onChange:t,label:n})=>(0,r.jsxs)(dg,{children:[(0,r.jsx)(fg,{children:(0,r.jsxs)(W,{variant:`surface`,color:`gray`,style:{width:`100%`,justifyContent:`flex-start`,padding:`0 8px`,height:32},children:[(0,r.jsx)(H,{style:{width:18,height:18,backgroundColor:e||`transparent`,borderRadius:2,border:`1px solid var(--gray-8)`,marginRight:8,backgroundImage:e===`transparent`?`linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%)`:`none`,backgroundSize:`8px 8px`,backgroundPosition:`0 0, 0 4px, 4px -4px, -4px 0px`}}),(0,r.jsx)(`span`,{style:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:n||e||`Transparente`})]})}),(0,r.jsx)(pg,{style:{width:240},children:(0,r.jsx)(wy,{color:e,onChange:t})})]}),Ey=({elementId:e,open:t,onOpenChange:n,initialTab:i=`formatting`})=>{let{state:a,updateElement:o}=_v(),s=a.elements.find(t=>t.id===e);return s?(0,r.jsx)(zh,{open:t,onOpenChange:n,children:(0,r.jsxs)(Vh,{style:{maxWidth:600,minHeight:400},children:[(0,r.jsx)(Hh,{children:`Configurações Avançadas`}),(0,r.jsxs)(wg,{defaultValue:i,children:[(0,r.jsxs)(Tg,{children:[(0,r.jsx)(Eg,{value:`formatting`,children:`Formatação`}),(0,r.jsx)(Eg,{value:`style`,children:`Estilo`}),(0,r.jsx)(Eg,{value:`conditional`,children:`Condicional`}),(0,r.jsx)(Eg,{value:`animation`,children:`Animação`})]}),(0,r.jsxs)(H,{pt:`3`,children:[(0,r.jsx)(Dg,{value:`formatting`,children:(0,r.jsx)(Oy,{element:s,updateElement:o})}),(0,r.jsx)(Dg,{value:`style`,children:(0,r.jsx)(ky,{element:s,updateElement:o})}),(0,r.jsx)(Dg,{value:`conditional`,children:(0,r.jsx)(Ay,{element:s,updateElement:o,availableProps:a.availableProps})}),(0,r.jsx)(Dg,{value:`animation`,children:(0,r.jsx)(Dy,{element:s,updateElement:o})})]})]}),(0,r.jsx)(U,{justify:`end`,mt:`4`,children:(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Fechar`})})})]})}):null};var Dy=({element:e,updateElement:t})=>{let n=e.animation||{type:`none`,duration:1,delay:0},i=r=>{t(e.id,{animation:{...n,...r}})};return(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(V,{size:`2`,color:`gray`,children:`Configure animações de entrada para este elemento.`}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Tipo de Animação`}),(0,r.jsxs)(`select`,{value:n.type,onChange:e=>i({type:e.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`none`,children:`Nenhuma`}),(0,r.jsx)(`option`,{value:`fadeIn`,children:`Fade In`}),(0,r.jsx)(`option`,{value:`smoothSlideUp`,children:`Slide Suave (Up)`}),(0,r.jsx)(`option`,{value:`popIn`,children:`Pop In`}),(0,r.jsx)(`option`,{value:`blurIn`,children:`Blur In`}),(0,r.jsx)(`option`,{value:`slideInLeft`,children:`Slide In (Esquerda)`}),(0,r.jsx)(`option`,{value:`slideInRight`,children:`Slide In (Direita)`}),(0,r.jsx)(`option`,{value:`slideInUp`,children:`Slide In (Cima)`}),(0,r.jsx)(`option`,{value:`slideInDown`,children:`Slide In (Baixo)`}),(0,r.jsx)(`option`,{value:`zoomIn`,children:`Zoom In`}),(0,r.jsx)(`option`,{value:`bounceIn`,children:`Bounce In`}),(0,r.jsx)(`option`,{value:`pulse`,children:`Pulse (Atenção)`}),(0,r.jsx)(`option`,{value:`shake`,children:`Shake (Atenção)`}),(0,r.jsx)(`option`,{value:`spin`,children:`Spin (Loop)`})]})]}),n.type!==`none`&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(bh,{columns:`2`,gap:`3`,children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Duração (s)`}),(0,r.jsx)(G,{type:`number`,step:`0.1`,min:`0.1`,value:n.duration,onChange:e=>i({duration:parseFloat(e.target.value)||.5})})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Atraso (s)`}),(0,r.jsx)(G,{type:`number`,step:`0.1`,min:`0`,value:n.delay,onChange:e=>i({delay:parseFloat(e.target.value)||0})})]})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Curva de Tempo (Easing)`}),(0,r.jsxs)(`select`,{value:n.timingFunction||`ease`,onChange:e=>i({timingFunction:e.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`linear`,children:`Linear`}),(0,r.jsx)(`option`,{value:`ease`,children:`Ease`}),(0,r.jsx)(`option`,{value:`ease-in`,children:`Ease In`}),(0,r.jsx)(`option`,{value:`ease-out`,children:`Ease Out`}),(0,r.jsx)(`option`,{value:`ease-in-out`,children:`Ease In Out`})]})]}),[`pulse`,`shake`,`spin`].includes(n.type)&&(0,r.jsx)(H,{children:(0,r.jsxs)(U,{align:`center`,gap:`2`,mt:`2`,children:[(0,r.jsx)(xg,{checked:n.iterationCount===`infinite`,onCheckedChange:e=>i({iterationCount:e?`infinite`:1})}),(0,r.jsx)(V,{size:`2`,children:`Repetir Infinitamente`})]})})]})]})},Oy=({element:e,updateElement:t})=>{let n=e.formatting||{type:`text`},i=r=>{t(e.id,{formatting:{...n,...r}})};return(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(V,{size:`2`,color:`gray`,children:`Configure como os dados serão exibidos quando substituídos.`}),(e.type===`text`||e.type===`text-container`)&&(0,r.jsxs)(H,{children:[(0,r.jsxs)(U,{align:`center`,gap:`2`,mb:`3`,children:[(0,r.jsx)(xg,{checked:e.autoGrow||!1,onCheckedChange:n=>t(e.id,{autoGrow:n})}),(0,r.jsx)(V,{size:`2`,children:e.type===`text-container`?`Expandir container automaticamente`:`Expandir altura automaticamente (Multilinha)`})]}),e.type===`text-container`&&e.autoGrow&&(0,r.jsxs)(H,{mb:`3`,ml:`4`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Direção de Expansão`}),(0,r.jsxs)(`select`,{value:e.containerExpansion||`vertical`,onChange:n=>t(e.id,{containerExpansion:n.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`vertical`,children:`Vertical (Altura Cresce)`}),(0,r.jsx)(`option`,{value:`horizontal`,children:`Horizontal (Largura Cresce)`})]})]}),(0,r.jsx)(vg,{size:`4`,mb:`3`})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Tipo de Formatação`}),(0,r.jsxs)(`select`,{value:n.type,onChange:e=>i({type:e.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`text`,children:`Texto (Padrão)`}),(0,r.jsx)(`option`,{value:`boolean`,children:`Booleano (Sim/Não)`}),(0,r.jsx)(`option`,{value:`date`,children:`Data`}),(0,r.jsx)(`option`,{value:`number`,children:`Número / Moeda`})]})]}),n.type===`boolean`&&(0,r.jsxs)(bh,{columns:`2`,gap:`3`,children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Texto para Verdadeiro`}),(0,r.jsx)(G,{placeholder:`Ex: Sim`,value:n.trueLabel||``,onChange:e=>i({trueLabel:e.target.value})})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Texto para Falso`}),(0,r.jsx)(G,{placeholder:`Ex: Não`,value:n.falseLabel||``,onChange:e=>i({falseLabel:e.target.value})})]})]}),n.type===`date`&&(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Formato da Data`}),(0,r.jsx)(G,{placeholder:`Ex: DD/MM/YYYY`,value:n.dateFormat||``,onChange:e=>i({dateFormat:e.target.value})}),(0,r.jsx)(V,{size:`1`,color:`gray`,mt:`1`,children:`Use DD, MM, YYYY, HH, mm, ss.`})]}),n.type===`number`&&(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Estilo`}),(0,r.jsxs)(`select`,{value:n.numberFormat||`decimal`,onChange:e=>i({numberFormat:e.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`decimal`,children:`Decimal`}),(0,r.jsx)(`option`,{value:`currency`,children:`Moeda`}),(0,r.jsx)(`option`,{value:`percent`,children:`Porcentagem`})]})]}),n.numberFormat===`currency`&&(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Símbolo da Moeda`}),(0,r.jsx)(G,{placeholder:`Ex: R$`,value:n.currencySymbol||``,onChange:e=>i({currencySymbol:e.target.value})})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Casas Decimais`}),(0,r.jsx)(G,{type:`number`,placeholder:`2`,value:n.decimalPlaces===void 0?``:n.decimalPlaces,onChange:e=>i({decimalPlaces:parseInt(e.target.value)||0})})]})]})]})},ky=({element:e,updateElement:n})=>{let i=e.style||{},[a,o]=(0,t.useState)(i.borderTopLeftRadius!==void 0||i.borderTopRightRadius!==void 0||i.borderBottomRightRadius!==void 0||i.borderBottomLeftRadius!==void 0),s=t=>{n(e.id,{style:{...i,...t}})},c=(e,t)=>{let n=typeof e==`number`?e:parseInt(e)||0;s({[t]:n})};return(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(V,{size:`2`,color:`gray`,children:`Personalize a aparência do elemento.`}),(0,r.jsxs)(H,{children:[(0,r.jsxs)(U,{align:`center`,justify:`between`,mb:`2`,children:[(0,r.jsx)(V,{size:`2`,weight:`bold`,children:`Arredondamento (Border Radius)`}),(0,r.jsxs)(U,{align:`center`,gap:`2`,children:[(0,r.jsx)(V,{size:`1`,children:`Individual`}),(0,r.jsx)(xg,{checked:a,onCheckedChange:e=>{if(o(e),!e)s({borderRadius:i.borderTopLeftRadius||i.borderRadius||0,borderTopLeftRadius:void 0,borderTopRightRadius:void 0,borderBottomRightRadius:void 0,borderBottomLeftRadius:void 0});else{let e=i.borderRadius||0;s({borderRadius:void 0,borderTopLeftRadius:e,borderTopRightRadius:e,borderBottomRightRadius:e,borderBottomLeftRadius:e})}}})]})]}),a?(0,r.jsxs)(bh,{columns:`2`,gap:`3`,children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Superior Esq.`}),(0,r.jsx)(G,{type:`number`,min:`0`,value:parseInt(i.borderTopLeftRadius)||0,onChange:e=>c(e.target.value,`borderTopLeftRadius`)})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Superior Dir.`}),(0,r.jsx)(G,{type:`number`,min:`0`,value:parseInt(i.borderTopRightRadius)||0,onChange:e=>c(e.target.value,`borderTopRightRadius`)})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Inferior Esq.`}),(0,r.jsx)(G,{type:`number`,min:`0`,value:parseInt(i.borderBottomLeftRadius)||0,onChange:e=>c(e.target.value,`borderBottomLeftRadius`)})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Inferior Dir.`}),(0,r.jsx)(G,{type:`number`,min:`0`,value:parseInt(i.borderBottomRightRadius)||0,onChange:e=>c(e.target.value,`borderBottomRightRadius`)})]})]}):(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Raio (Todos os cantos)`}),(0,r.jsx)(G,{type:`number`,min:`0`,value:parseInt(i.borderRadius)||0,onChange:e=>s({borderRadius:parseInt(e.target.value)||0})})]})]}),(0,r.jsx)(vg,{size:`4`,my:`2`}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`2`,weight:`bold`,mb:`2`,children:`Espaçamento (Padding)`}),(0,r.jsx)(bh,{columns:`2`,gap:`3`,children:(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Tamanho (px)`}),(0,r.jsx)(G,{type:`number`,min:`0`,value:parseInt(i.padding)||0,onChange:e=>s({padding:parseInt(e.target.value)||0})})]})})]})]})},Ay=({element:e,updateElement:n,availableProps:i})=>{let a=e.conditions||[],o=e.styleBindings||{},[s,c]=(0,t.useState)(null),l=[{label:`Cor do Texto`,value:`color`},{label:`Cor de Fundo`,value:`backgroundColor`},{label:`Cor da Borda`,value:`borderColor`}],u=(t,r)=>{let i={...o};r?i[t]=r:delete i[t],n(e.id,{styleBindings:i})},d=()=>{let t={id:crypto.randomUUID(),property:i.length>0?i[0].dataName:``,operator:`equals`,value:``,style:{color:`#ff0000`}};n(e.id,{conditions:[...a,t]}),c(t.id)},f=t=>{n(e.id,{conditions:a.filter(e=>e.id!==t)}),s===t&&c(null)},p=(t,r)=>{n(e.id,{conditions:a.map(e=>e.id===t?{...e,...r}:e)})},m=(e,t)=>{let n=a.find(t=>t.id===e);n&&p(e,{style:{...n.style,...t}})},h=a.find(e=>e.id===s);return(0,r.jsx)(U,{direction:`column`,gap:`3`,children:s?(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsxs)(U,{justify:`between`,align:`center`,children:[(0,r.jsx)(V,{weight:`bold`,children:`Editar Regra`}),(0,r.jsx)(W,{variant:`ghost`,onClick:()=>c(null),children:`Voltar`})]}),h&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Propriedade`}),(0,r.jsxs)(`select`,{value:h.property,onChange:e=>p(h.id,{property:e.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[i.map(e=>(0,r.jsx)(`option`,{value:e.dataName,children:e.name},e.dataName)),(0,r.jsx)(`option`,{value:`__custom__`,children:`Outra...`})]}),h.property===`__custom__`&&(0,r.jsx)(G,{placeholder:`Nome da propriedade`,mt:`2`,onChange:e=>p(h.id,{property:e.target.value})})]}),(0,r.jsxs)(U,{gap:`2`,children:[(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Operador`}),(0,r.jsxs)(`select`,{value:h.operator,onChange:e=>p(h.id,{operator:e.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`equals`,children:`Igual a`}),(0,r.jsx)(`option`,{value:`notEquals`,children:`Diferente de`}),(0,r.jsx)(`option`,{value:`contains`,children:`Contém`}),(0,r.jsx)(`option`,{value:`greaterThan`,children:`Maior que`}),(0,r.jsx)(`option`,{value:`lessThan`,children:`Menor que`}),(0,r.jsx)(`option`,{value:`truthy`,children:`É Verdadeiro (Truthy)`}),(0,r.jsx)(`option`,{value:`falsy`,children:`É Falso (Falsy)`})]})]}),[`equals`,`notEquals`,`contains`,`greaterThan`,`lessThan`].includes(h.operator)&&(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Valor`}),(0,r.jsx)(G,{value:h.value,onChange:e=>p(h.id,{value:e.target.value})})]})]}),(0,r.jsx)(U,{gap:`2`,children:(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Ação`}),(0,r.jsxs)(`select`,{value:h.style.display===`none`?`hide`:`style`,onChange:e=>{e.target.value===`hide`?m(h.id,{display:`none`}):m(h.id,{display:void 0})},style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`style`,children:`Aplicar Estilo`}),(0,r.jsx)(`option`,{value:`hide`,children:`Ocultar Elemento`})]})]})}),(0,r.jsx)(vg,{size:`4`,my:`2`}),h.style.display!==`none`&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(V,{size:`2`,weight:`bold`,children:`Aplicar Estilos`}),(0,r.jsxs)(bh,{columns:`2`,gap:`3`,children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Cor do Texto`}),(0,r.jsx)(Ty,{color:h.style.color||`#000000`,onChange:e=>m(h.id,{color:e})})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Cor de Fundo`}),(0,r.jsxs)(U,{gap:`2`,children:[(0,r.jsx)(H,{flexGrow:`1`,children:(0,r.jsx)(Ty,{color:h.style.backgroundColor||`#ffffff`,onChange:e=>m(h.id,{backgroundColor:e})})}),(0,r.jsx)(sg,{variant:`outline`,onClick:()=>m(h.id,{backgroundColor:void 0}),title:`Limpar fundo`,children:(0,r.jsx)(re,{})})]})]})]}),(0,r.jsxs)(U,{gap:`3`,mt:`2`,children:[(0,r.jsx)(W,{variant:h.style.fontWeight===`bold`?`solid`:`outline`,onClick:()=>m(h.id,{fontWeight:h.style.fontWeight===`bold`?`normal`:`bold`}),children:`Bold`}),(0,r.jsx)(W,{variant:h.style.fontStyle===`italic`?`solid`:`outline`,onClick:()=>m(h.id,{fontStyle:h.style.fontStyle===`italic`?`normal`:`italic`}),children:`Italic`}),(0,r.jsx)(W,{variant:h.style.textDecoration===`line-through`?`solid`:`outline`,onClick:()=>m(h.id,{textDecoration:h.style.textDecoration===`line-through`?`none`:`line-through`}),children:`Riscado`})]})]})]})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(V,{size:`2`,weight:`bold`,children:`Vínculos de Estilo (Data Binding)`}),(0,r.jsx)(V,{size:`2`,color:`gray`,children:`Vincule propriedades de estilo diretamente a variáveis.`}),(0,r.jsx)(H,{style:{border:`1px solid var(--gray-5)`,borderRadius:4,padding:12},children:l.map(e=>(0,r.jsxs)(U,{align:`center`,justify:`between`,mb:`2`,style:{marginBottom:8},children:[(0,r.jsx)(V,{size:`2`,children:e.label}),(0,r.jsxs)(`select`,{value:o[e.value]||``,onChange:t=>u(e.value,t.target.value),style:{width:`200px`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`13px`},children:[(0,r.jsx)(`option`,{value:``,children:`(Nenhum)`}),i.map(e=>(0,r.jsx)(`option`,{value:e.dataName,children:e.name},e.dataName))]})]},e.value))}),(0,r.jsx)(vg,{size:`4`,my:`2`}),(0,r.jsx)(V,{size:`2`,weight:`bold`,children:`Regras Condicionais`}),(0,r.jsx)(V,{size:`2`,color:`gray`,children:`Adicione regras para alterar o estilo baseada no valor dos dados.`}),(0,r.jsxs)(H,{style:{maxHeight:200,overflowY:`auto`,border:`1px solid var(--gray-5)`,borderRadius:4},children:[a.length===0&&(0,r.jsx)(U,{align:`center`,justify:`center`,p:`4`,children:(0,r.jsx)(V,{color:`gray`,children:`Nenhuma regra definida.`})}),a.map(e=>(0,r.jsxs)(U,{align:`center`,justify:`between`,p:`2`,style:{borderBottom:`1px solid var(--gray-4)`},children:[(0,r.jsxs)(H,{onClick:()=>c(e.id),style:{cursor:`pointer`,flexGrow:1},children:[(0,r.jsxs)(V,{size:`1`,weight:`bold`,children:[`Se `,e.property,` `,e.operator,` `,e.value]}),(0,r.jsxs)(U,{gap:`2`,mt:`1`,children:[e.style.color&&(0,r.jsx)(`div`,{style:{width:12,height:12,borderRadius:`50%`,backgroundColor:e.style.color}}),e.style.backgroundColor&&(0,r.jsx)(`div`,{style:{width:12,height:12,border:`1px solid #ccc`,backgroundColor:e.style.backgroundColor}})]})]}),(0,r.jsx)(sg,{variant:`ghost`,color:`red`,onClick:()=>f(e.id),children:(0,r.jsx)(Me,{})})]},e.id))]}),(0,r.jsxs)(W,{onClick:d,children:[(0,r.jsx)(be,{}),` Adicionar Regra`]})]})})};let jy=({children:e,element:n})=>{let{updateElement:i,removeElement:a,removeSelected:o,addElement:s,moveElement:c,copy:l,paste:u,state:d,renameElement:f,groupElements:p,ungroupElements:m}=_v(),[h,g]=(0,t.useState)(!1),[_,v]=(0,t.useState)(!1),[y,b]=(0,t.useState)(!1),[x,S]=(0,t.useState)(!1),[C,w]=(0,t.useState)(`formatting`),[T,E]=(0,t.useState)({open:!1,prop:``,value:``}),[D,O]=(0,t.useState)(!1),[k,A]=(0,t.useState)(``),[j,te]=(0,t.useState)(``),[ne,re]=(0,t.useState)(n.content),[ie,ae]=(0,t.useState)(n.dataBinding||``),oe=(0,t.useRef)(null),se=(0,t.useRef)(null),ce=e=>{let t=oe.current;if(t){let n=t.selectionStart,r=t.selectionEnd,i=ne;re(i.substring(0,n)+`{{${e}}}`+i.substring(r)),setTimeout(()=>{t.focus();let r=n+e.length+4;t.setSelectionRange(r,r)},0)}else re(t=>t+`{{${e}}}`)},N=e=>{i(n.id,{style:{...n.style,...e}})},le=()=>{let e=d.elements.findIndex(e=>e.id===n.id);e<d.elements.length-1&&c(e,d.elements.length-1)},ue=()=>{let e=d.elements.findIndex(e=>e.id===n.id);e>0&&c(e,0)},de=()=>{d.selectedElementIds.includes(n.id)&&d.selectedElementIds.length>1?(l(),u()):s({type:n.type,content:n.content,x:n.x+20,y:n.y+20,width:n.width,height:n.height,style:n.style})},fe=[`#000000`,`#FFFFFF`,`#FF0000`,`#00FF00`,`#0000FF`,`#FFA500`,`#808080`,`#800080`,`transparent`],pe=(e,t)=>{E({open:!0,prop:e,value:t})};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(zh,{open:h,onOpenChange:g,children:(0,r.jsxs)(Vh,{style:{maxWidth:450},children:[(0,r.jsx)(Hh,{children:`Renomear Camada`}),(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(G,{value:j,onChange:e=>te(e.target.value),placeholder:`Nome da camada...`}),(0,r.jsxs)(U,{gap:`3`,justify:`end`,children:[(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Cancelar`})}),(0,r.jsx)(W,{onClick:()=>{f(n.id,j),g(!1)},children:`Salvar`})]})]})]})}),(0,r.jsx)(zh,{open:_,onOpenChange:v,children:(0,r.jsxs)(Vh,{style:{maxWidth:450},children:[(0,r.jsx)(Hh,{children:`Editar Texto`}),(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(Ag,{ref:oe,value:ne,onChange:e=>re(e.target.value),placeholder:`Digite o novo texto...`,style:{height:100}}),d.availableProps&&d.availableProps.length>0&&(0,r.jsxs)(U,{direction:`column`,gap:`2`,children:[(0,r.jsx)(V,{size:`1`,color:`gray`,children:`Inserir variável:`}),(0,r.jsx)(U,{gap:`2`,wrap:`wrap`,children:d.availableProps.map(e=>(0,r.jsx)(Em,{color:`blue`,variant:`surface`,style:{cursor:`pointer`},onClick:()=>ce(e.dataName),children:e.name},e.dataName))})]}),(0,r.jsxs)(U,{gap:`3`,justify:`end`,children:[(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Cancelar`})}),(0,r.jsx)(W,{onClick:()=>{i(n.id,{content:ne}),v(!1)},children:`Salvar`})]})]})]})}),(0,r.jsx)(zh,{open:y,onOpenChange:b,children:(0,r.jsxs)(Vh,{style:{maxWidth:450},children:[(0,r.jsx)(Hh,{children:`Vincular Dados Manualmente`}),(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(V,{size:`2`,children:`Nome da propriedade (ex: titulo, preco, imagem):`}),(0,r.jsx)(G,{value:ie,onChange:e=>ae(e.target.value),placeholder:`propriedade`}),(0,r.jsxs)(U,{gap:`3`,justify:`end`,children:[(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Cancelar`})}),(0,r.jsx)(W,{onClick:()=>{let e=ie,t={dataBinding:e};(n.type===`text`||n.type===`text-container`)&&(t.content=`{{${e}}}`),i(n.id,t),b(!1)},children:`Vincular`})]})]})]})}),(0,r.jsx)(zh,{open:T.open,onOpenChange:e=>E(t=>({...t,open:e})),children:(0,r.jsxs)(Vh,{style:{maxWidth:300},children:[(0,r.jsx)(Hh,{children:`Selecionar Cor`}),(0,r.jsx)(wy,{color:T.value,onChange:e=>E(t=>({...t,value:e}))}),(0,r.jsxs)(U,{gap:`3`,justify:`end`,mt:`4`,children:[(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Cancelar`})}),(0,r.jsx)(W,{onClick:()=>{N({[T.prop]:T.value}),E(e=>({...e,open:!1}))},children:`Aplicar`})]})]})}),(0,r.jsx)(Ey,{elementId:n.id,open:x,onOpenChange:S,initialTab:C}),(0,r.jsx)(zh,{open:D,onOpenChange:O,children:(0,r.jsxs)(Vh,{style:{maxWidth:450},children:[(0,r.jsx)(Hh,{children:`Inserir URL da Imagem`}),(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(G,{value:k,onChange:e=>A(e.target.value),placeholder:`https://exemplo.com/imagem.png`}),(0,r.jsxs)(U,{gap:`3`,justify:`end`,children:[(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Cancelar`})}),(0,r.jsx)(W,{onClick:()=>{i(n.id,{content:k}),O(!1)},children:`Aplicar`})]})]})]})}),(0,r.jsx)(`input`,{type:`file`,ref:se,style:{display:`none`},accept:`image/*`,onChange:e=>{let t=e.target.files?.[0];if(t){let e=new FileReader;e.onload=e=>{e.target?.result&&i(n.id,{content:e.target.result})},e.readAsDataURL(t)}}}),(0,r.jsxs)(zl,{children:[(0,r.jsx)(Bl,{asChild:!0,children:(0,r.jsx)(`div`,{style:{display:`contents`},children:e})}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Hl,{className:`ContextMenuContent`,children:[(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Vincular Dados`,n.dataBinding&&(0,r.jsxs)(`span`,{style:{fontSize:10,marginLeft:4,opacity:.7},children:[`(`,n.dataBinding,`)`]}),(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[d.availableProps&&d.availableProps.length>0&&(0,r.jsxs)(r.Fragment,{children:[d.availableProps.map(e=>(0,r.jsxs)(R,{className:`ContextMenuItem`,onSelect:()=>{let t={dataBinding:e.dataName};(n.type===`text`||n.type===`text-container`||n.type===`image`)&&(t.content=`{{${e.dataName}}}`),i(n.id,t)},children:[e.name,` `,(0,r.jsx)(`div`,{className:`RightSlot`,children:e.dataName})]},e.dataName)),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`})]}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{ae(n.dataBinding||``),b(!0)},children:`Outro / Manual...`}),n.dataBinding&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>i(n.id,{dataBinding:void 0}),style:{color:`var(--red-9)`},children:`Remover Vínculo`})]})]})})]}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(n.type===`text`||n.type===`text-container`)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{re(n.content),v(!0)},children:`Editar Texto...`}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`})]}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{te(n.name||(n.type===`group`?`Grupo`:`Elemento`)),g(!0)},children:`Renomear...`}),d.selectedElementIds.length>=1&&(d.selectedElementIds.includes(n.id)||n.groupId&&d.selectedElementIds.includes(n.groupId))&&(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>p(d.selectedElementIds),children:d.selectedElementIds.length>1?`Agrupar Seleção`:`Agrupar (Criar Pasta)`}),(n.type===`group`||n.groupId&&d.selectedElementIds.includes(n.groupId))&&(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>m(n.type===`group`?n.id:n.groupId),children:n.type===`group`?`Desagrupar`:`Desagrupar Pai`}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>S(!0),children:`Configurações Avançadas...`}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:de,children:d.selectedElementIds.includes(n.id)&&d.selectedElementIds.length>1?`Duplicar Selecionados (${d.selectedElementIds.length})`:`Duplicar`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{d.selectedElementIds.includes(n.id)&&d.selectedElementIds.length>1?o():a(n.id)},children:d.selectedElementIds.includes(n.id)&&d.selectedElementIds.length>1?`Excluir Selecionados (${d.selectedElementIds.length})`:`Excluir`}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),n.type===`image`&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Alterar Imagem`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>se.current?.click(),children:`Carregar do Computador`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{A(typeof n.content==`string`?n.content:``),O(!0)},children:`Inserir URL`})]})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Ajuste da Imagem`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({objectFit:`cover`}),children:`Preencher (Cover)`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({objectFit:`contain`}),children:`Ajustar (Contain)`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({objectFit:`fill`}),children:`Esticar (Fill)`})]})})]}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Camadas`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:le,children:`Trazer para frente`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:ue,children:`Enviar para trás`})]})})]}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(n.type===`text`||n.type===`text-container`)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Fonte`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsx)(Kl,{className:`ContextMenuSubContent ContextMenuScrollable`,sideOffset:2,alignOffset:-5,children:d.availableFonts&&d.availableFonts.map(e=>(0,r.jsxs)(R,{className:`ContextMenuItem`,onSelect:()=>N({fontFamily:e}),style:{fontFamily:e},children:[e,n.style?.fontFamily===e&&(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(ee,{})})]},e))})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Tamanho da Fonte`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsx)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[12,14,16,20,24,32,48,64].map(e=>(0,r.jsxs)(R,{className:`ContextMenuItem`,onSelect:()=>N({fontSize:`${e}px`}),children:[e,`px`]},e))})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Cor do Texto`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[fe.filter(e=>e!==`transparent`).map(e=>(0,r.jsxs)(R,{className:`ContextMenuItem`,onSelect:()=>N({color:e}),children:[(0,r.jsx)(`div`,{style:{width:12,height:12,backgroundColor:e,marginRight:8,border:`1px solid #ccc`}}),e]},e)),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>pe(`color`,n.style?.color||`#000000`),children:`Outra Cor...`})]})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Peso da Fonte`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({fontWeight:`normal`}),children:`Normal`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({fontWeight:`bold`}),children:`Negrito`})]})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Alinhamento`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({textAlign:`left`}),children:`Esquerda`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({textAlign:`center`}),children:`Centro`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({textAlign:`right`}),children:`Direita`})]})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Alinhamento Vertical`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({display:`flex`,flexDirection:`column`,justifyContent:`flex-start`}),children:`Topo`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({display:`flex`,flexDirection:`column`,justifyContent:`center`}),children:`Centro`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({display:`flex`,flexDirection:`column`,justifyContent:`flex-end`}),children:`Base`})]})})]})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Cor de Fundo`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[fe.map(e=>(0,r.jsxs)(R,{className:`ContextMenuItem`,onSelect:()=>N({backgroundColor:e}),children:[(0,r.jsx)(`div`,{style:{width:12,height:12,backgroundColor:e,marginRight:8,border:`1px solid #ccc`}}),e===`transparent`?`Transparente`:e]},e)),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>pe(`backgroundColor`,n.style?.backgroundColor||`transparent`),children:`Outra Cor...`})]})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Arredondamento`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[[0,4,8,12,16,24,`50%`].map(e=>(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({borderRadius:typeof e==`number`?`${e}px`:e}),children:e===`50%`?`Círculo`:`${e}px`},e)),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{w(`style`),S(!0)},children:`Personalizar...`})]})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Espaçamento`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[[0,4,8,12,16,24,32].map(e=>(0,r.jsxs)(R,{className:`ContextMenuItem`,onSelect:()=>N({padding:`${e}px`}),children:[e,`px`]},e)),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{w(`style`),S(!0)},children:`Personalizar...`})]})})]})]})})]})]})},My=t.default.memo(({element:e,isSelected:n})=>{let{selectElement:i,updateElement:a,updateElements:o,state:s,resizeGroup:c,setSnapLines:l}=_v(),[u,d]=(0,t.useState)(!1),[f,p]=(0,t.useState)(!1),[m,h]=(0,t.useState)(!1),g=(0,t.useRef)(null),_=(0,t.useRef)({x:0,y:0}),v=(0,t.useRef)({}),y=(0,t.useRef)(!1),b=(0,t.useRef)(!1),x=(0,t.useRef)(0),S=(0,t.useRef)(0),C=(0,t.useRef)({x:0,y:0}),w=(0,t.useRef)(!1),T=s.canvasHeight||150,E=s.isList?s.mockData.length>0?s.mockData[0]:null:s.singleMockData,D=e.content,O={};if(E){if(e.type===`text`||e.type===`text-container`)D=D.replace(/\{\{(.*?)\}\}/g,(t,n)=>{let r=E[n.trim()];return r==null?t:e.formatting?Bv(r,e.formatting):String(r)});else if(e.type===`image`)if(e.dataBinding){let t=E[e.dataBinding];t!=null&&(D=String(t))}else D=D.replace(/\{\{(.*?)\}\}/g,(e,t)=>{let n=E[t.trim()];return n==null?e:String(n)});e.styleBindings&&Object.entries(e.styleBindings).forEach(([e,t])=>{let n=E[t];n!=null&&(O={...O,[e]:String(n)})}),e.conditions&&e.conditions.forEach(e=>{let t=E[e.property];Vv(t,e.operator,e.value)&&(O={...O,...e.style})})}let k=O.display===`none`;if(k&&n){let{display:e,...t}=O;O=t}let A=t=>{t.stopPropagation(),!y.current&&!b.current&&!u&&(t.shiftKey?i(e.id,!0):i(e.id,!1))},j=t=>{if(t.button!==0)return;t.stopPropagation();let r=t.shiftKey;if(y.current=!1,b.current=!1,e.groupId&&!n){i(e.groupId,r);return}n||(i(e.id,r),b.current=!0),d(!0),_.current={x:t.clientX,y:t.clientY},t.currentTarget.setPointerCapture(t.pointerId);let a=new Set(s.selectedElementIds);n||(r||a.clear(),a.add(e.id));let o={};s.elements.forEach(e=>{a.has(e.id)&&(o[e.id]={x:e.x,y:e.y})}),v.current=o},ee=t=>{if(u){let n=s.zoom||1,r=(t.clientX-_.current.x)/n,i=(t.clientY-_.current.y)/n;(Math.abs(r)>2||Math.abs(i)>2)&&(y.current=!0);let a=5/n,c=[],u=Object.entries(v.current).map(([t,n])=>{let o=n.x+r,l=n.y+i;if(s.gridSize>0)o=Math.round(o/s.gridSize)*s.gridSize,l=Math.round(l/s.gridSize)*s.gridSize;else{let n=!1,r=!1,i=e.width??100,u=e.height??100;Object.keys(v.current).length===1&&s.elements.forEach(e=>{if(e.id===t)return;let s=e.width??100,d=e.height??100;n||(Math.abs(o-e.x)<a?(o=e.x,n=!0,c.push({orientation:`vertical`,position:e.x})):Math.abs(o-(e.x+s))<a?(o=e.x+s,n=!0,c.push({orientation:`vertical`,position:e.x+s})):Math.abs(o+i-e.x)<a?(o=e.x-i,n=!0,c.push({orientation:`vertical`,position:e.x})):Math.abs(o+i-(e.x+s))<a&&(o=e.x+s-i,n=!0,c.push({orientation:`vertical`,position:e.x+s}))),r||(Math.abs(l-e.y)<a?(l=e.y,r=!0,c.push({orientation:`horizontal`,position:e.y})):Math.abs(l-(e.y+d))<a?(l=e.y+d,r=!0,c.push({orientation:`horizontal`,position:e.y+d})):Math.abs(l+u-e.y)<a?(l=e.y-u,r=!0,c.push({orientation:`horizontal`,position:e.y})):Math.abs(l+u-(e.y+d))<a&&(l=e.y+d-u,r=!0,c.push({orientation:`horizontal`,position:e.y+d})))})}if(o=Math.max(0,o),s.isList){l=Math.max(0,l);let t=e.height??100;T>0&&(l=Math.min(l,T-t)),l=Math.max(0,l)}return{id:t,changes:{x:o,y:l}}});l&&l(c),o(u,!1)}},te=e=>{u&&(d(!1),e.currentTarget.releasePointerCapture(e.pointerId),o([],!0),l&&l([]))},M=t=>{t.stopPropagation(),t.preventDefault(),h(!0);let n=t.target.closest(`.resizable-element`);if(n){let r=n.getBoundingClientRect();C.current={x:r.left+r.width/2,y:r.top+r.height/2};let i=t.clientX-C.current.x,a=t.clientY-C.current.y;x.current=Math.atan2(a,i)*(180/Math.PI),S.current=e.rotation||0}};(0,t.useEffect)(()=>{let t=t=>{if(m){let n=t.clientX-C.current.x,r=t.clientY-C.current.y,i=Math.atan2(r,n)*(180/Math.PI)-x.current,o=(S.current+i)%360;a(e.id,{rotation:o},!1)}},n=()=>{m&&(h(!1),a(e.id,{rotation:e.rotation},!0))};return m&&(window.addEventListener(`mousemove`,t),window.addEventListener(`mouseup`,n)),()=>{window.removeEventListener(`mousemove`,t),window.removeEventListener(`mouseup`,n)}},[m,e.id,a,e.rotation]),(0,t.useEffect)(()=>{e.type===`text-container`&&e.autoGrow&&e.containerExpansion===`horizontal`&&requestAnimationFrame(()=>{if(g.current){let t=g.current.scrollWidth;Math.abs(t-(e.width??0))>2&&a(e.id,{width:t},!1)}})},[D,e.autoGrow,e.containerExpansion,e.style,e.width,e.formatting,a,e.id,e.type]);let ne={position:`absolute`,left:0,top:0,width:`100%`,height:e.autoGrow?`auto`:`100%`,minHeight:e.autoGrow?`100%`:void 0,padding:e.type===`image`||e.type===`text`?0:`8px`,border:n||f?`2px solid var(--accent-9)`:`1px dashed transparent`,outline:n||f?`none`:`1px solid transparent`,cursor:u?`grabbing`:`grab`,borderRadius:`var(--radius-2)`,overflow:e.autoGrow?`visible`:`hidden`,whiteSpace:e.autoGrow?`pre-wrap`:void 0,wordBreak:e.autoGrow?`break-word`:void 0,userSelect:`none`,...e.style,...O};return(0,r.jsx)(zv,{className:`resizable-element`,size:{width:e.width??100,height:e.autoGrow?`auto`:e.height??100},maxHeight:s.isList?Math.max(10,T-e.y):void 0,onResizeStart:e=>{p(!0),w.current=!!e.shiftKey},onResizeStop:(t,n,r,i)=>{p(!1);let o=(e.width??100)+i.width,s=(e.height??100)+i.height;e.type===`group`?c(e.id,o,s):a(e.id,{width:o,height:s})},style:{position:`absolute`,transform:`translate(${e.x??0}px, ${e.y??0}px) rotate(${e.rotation||0}deg)`,height:e.autoGrow?`auto`:void 0,display:k&&!n?`none`:void 0,opacity:k&&n?.4:1,zIndex:n?1e3:void 0,outline:n?`1px dashed var(--accent-9)`:void 0},enable:n&&!e.autoGrow?void 0:{top:!1,right:n,bottom:!1,left:n,topRight:!1,bottomRight:n,bottomLeft:!1,topLeft:!1},lockAspectRatio:w.current===!0,grid:s.gridSize>0?[s.gridSize,s.gridSize]:void 0,children:(0,r.jsx)(jy,{element:e,children:(0,r.jsxs)(`div`,{style:{width:`100%`,height:`100%`,position:`relative`},children:[(0,r.jsxs)(H,{ref:g,style:{...ne,whiteSpace:e.type===`text-container`&&e.autoGrow&&e.containerExpansion===`horizontal`?`nowrap`:ne.whiteSpace,width:e.type===`text-container`&&e.autoGrow&&e.containerExpansion===`horizontal`?`max-content`:`100%`,height:e.type===`text-container`&&e.autoGrow&&e.containerExpansion===`vertical`?`auto`:`100%`},onPointerDown:j,onPointerMove:ee,onPointerUp:te,onMouseDown:e=>{e.button===0&&e.stopPropagation()},onClick:A,title:e.name,onMouseEnter:e=>{n||(e.currentTarget.style.borderColor=`var(--gray-6)`)},onMouseLeave:e=>{n||(e.currentTarget.style.borderColor=`transparent`)},onDragOver:e=>{e.preventDefault(),e.stopPropagation(),e.dataTransfer.dropEffect=`copy`},onDrop:t=>{t.preventDefault(),t.stopPropagation();let n=t.dataTransfer.getData(`application/x-editor-prop`);if(n)if(e.type===`text`||e.type===`text-container`){let t=e.content?`${e.content} {{${n}}}`:`{{${n}}}`;a(e.id,{content:t,dataBinding:n})}else e.type===`image`?a(e.id,{dataBinding:n,content:`{{${n}}}`}):e.type===`checkbox`&&a(e.id,{dataBinding:n})},children:[e.type===`text`&&(0,r.jsx)(V,{style:{width:`100%`,height:`100%`},children:D}),e.type===`text-container`&&(0,r.jsx)(V,{style:{width:`100%`,height:`100%`,display:`block`},children:D}),e.type===`image`&&(D?(0,r.jsx)(`img`,{src:D,alt:`Element`,style:{width:`100%`,height:`100%`,objectFit:e.style?.objectFit||`cover`,display:`block`,pointerEvents:`none`}}):(0,r.jsx)(H,{style:{width:`100%`,height:`100%`,backgroundColor:`#eee`,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,r.jsx)(V,{size:`1`,children:`Imagem Placeholder`})})),e.type===`box`&&(0,r.jsx)(H,{style:{width:`100%`,height:`100%`}}),e.type===`group`&&(0,r.jsx)(H,{style:{width:`100%`,height:`100%`,border:n?`1px dashed var(--accent-9)`:`1px dashed var(--gray-6)`,opacity:.5,pointerEvents:`none`},children:(0,r.jsx)(V,{size:`1`,style:{position:`absolute`,top:0,left:0,backgroundColor:`var(--accent-3)`,color:`var(--accent-11)`,padding:`2px 6px`,fontSize:`10px`,borderBottomRightRadius:`4px`},children:e.name||`Grupo`})})]}),n&&(0,r.jsx)(H,{style:{position:`absolute`,top:-30,left:`50%`,transform:`translateX(-50%)`,width:12,height:12,backgroundColor:`var(--accent-9)`,borderRadius:`50%`,cursor:`crosshair`,zIndex:50,boxShadow:`0 0 0 2px white`},onMouseDown:M,children:(0,r.jsx)(H,{style:{position:`absolute`,top:12,left:`50%`,width:2,height:18,backgroundColor:`var(--accent-9)`,transform:`translateX(-50%)`}})})]})})})}),Ny=()=>{let{state:e,selectElement:n,setSelectedElements:i,addElement:a,setZoom:o,setPan:s,undo:c,redo:l,copy:u,paste:d,removeSelected:f,updateElements:p}=_v(),m=(0,t.useRef)(null),[h,g]=(0,t.useState)(null),_=(0,t.useRef)(!1),v=(0,t.useRef)(!1),y=(0,t.useRef)(!1),b=(0,t.useRef)({x:0,y:0}),x=(0,t.useRef)({x:0,y:0}),S=(0,t.useRef)([]),C=t=>{if(t.button===1||t.button===0&&y.current){t.preventDefault(),v.current=!0,x.current={x:t.clientX,y:t.clientY};return}_.current=!0;let r=m.current?.getBoundingClientRect();if(!r)return;let i=r.left,a=r.top;b.current={x:(t.clientX-i-e.pan.x)/e.zoom,y:(t.clientY-a-e.pan.y)/e.zoom},S.current=e.selectedElementIds,t.shiftKey||(n(null),S.current=[]),window.addEventListener(`mousemove`,w),window.addEventListener(`mouseup`,T)},w=(0,t.useCallback)(t=>{if(!m.current)return;if(v.current){let n=t.clientX-x.current.x,r=t.clientY-x.current.y;s({x:e.pan.x+n,y:e.pan.y+r}),x.current={x:t.clientX,y:t.clientY};return}if(!_.current)return;let n=m.current.getBoundingClientRect(),r=(t.clientX-n.left-e.pan.x)/e.zoom,a=(t.clientY-n.top-e.pan.y)/e.zoom,o=Math.min(b.current.x,r),c=Math.min(b.current.y,a),l=Math.abs(r-b.current.x),u=Math.abs(a-b.current.y);if(g({x:o,y:c,width:l,height:u}),l>2||u>2){let t=[];e.elements.forEach(e=>{let n=e.x??0,r=e.y??0,i=e.width??100,a=e.height??100,s=n+i,d=r+a,f=o+l,p=c+u;n<f&&s>o&&r<p&&d>c&&t.push(e.id)}),i(Array.from(new Set([...S.current,...t])))}},[e.elements,e.pan,e.zoom,i,s]),T=(0,t.useCallback)(()=>{_.current=!1,v.current=!1,g(null),window.removeEventListener(`mousemove`,w),window.removeEventListener(`mouseup`,T)},[w]),E=(0,t.useRef)(e);(0,t.useEffect)(()=>{E.current=e},[e]),(0,t.useEffect)(()=>{let e=e=>{e.preventDefault();let t=E.current;if(e.ctrlKey||e.metaKey)o(Math.min(Math.max(.1,t.zoom-e.deltaY*.001),5));else{let n=e.shiftKey?e.deltaY:e.deltaX,r=e.shiftKey?e.deltaX:e.deltaY;s({x:t.pan.x-n*1,y:t.pan.y-r*1})}},t=m.current;return t&&t.addEventListener(`wheel`,e,{passive:!1}),()=>{t&&t.removeEventListener(`wheel`,e)}},[o,s]),(0,t.useEffect)(()=>{let t=t=>{if(t.code===`Space`&&!t.repeat&&!(t.target instanceof HTMLInputElement||t.target instanceof HTMLTextAreaElement)&&(y.current=!0,m.current&&(m.current.style.cursor=`grab`)),!(t.target instanceof HTMLInputElement||t.target instanceof HTMLTextAreaElement)&&((t.ctrlKey||t.metaKey)&&t.key.toLowerCase()===`z`&&(t.preventDefault(),t.shiftKey?l():c()),(t.ctrlKey||t.metaKey)&&t.key.toLowerCase()===`y`&&(t.preventDefault(),l()),(t.ctrlKey||t.metaKey)&&t.key.toLowerCase()===`c`&&(t.preventDefault(),u()),(t.ctrlKey||t.metaKey)&&t.key.toLowerCase()===`v`&&(t.preventDefault(),d()),(t.key===`Delete`||t.key===`Backspace`)&&(t.preventDefault(),f()),[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`].includes(t.key))){t.preventDefault();let n=t.shiftKey?10:1,r=[];e.selectedElementIds.forEach(i=>{let a=e.elements.find(e=>e.id===i);if(a){let{x:o=0,y:s=0}=a;if(t.key===`ArrowUp`&&(s-=n),t.key===`ArrowDown`&&(s+=n),t.key===`ArrowLeft`&&(o-=n),t.key===`ArrowRight`&&(o+=n),o=Math.max(0,o),e.isList){s=Math.max(0,s);let t=a.height??100,n=e.canvasHeight||150;n>0&&(s=Math.min(s,n-t)),s=Math.max(0,s)}r.push({id:i,changes:{x:o,y:s}})}}),r.length>0&&p(r)}},n=e=>{e.code===`Space`&&(y.current=!1,m.current&&!v.current&&(m.current.style.cursor=`default`))};return window.addEventListener(`keydown`,t),window.addEventListener(`keyup`,n),()=>{window.removeEventListener(`keydown`,t),window.removeEventListener(`keyup`,n),window.removeEventListener(`mousemove`,w),window.removeEventListener(`mouseup`,T)}},[c,l,u,d,f,p,e.selectedElementIds,e.elements,w,T]);let D=(0,t.useRef)(!1),{setCanvasHeight:O}=_v(),k=e=>{e.stopPropagation(),e.preventDefault(),D.current=!0,window.addEventListener(`mousemove`,A),window.addEventListener(`mouseup`,j)},A=(0,t.useCallback)(e=>{if(!D.current||!m.current)return;let t=m.current.getBoundingClientRect(),n=e.clientY-t.top,r=Math.max(50,Math.min(n,2e3));O(Math.round(r))},[O]),j=(0,t.useCallback)(()=>{D.current=!1,window.removeEventListener(`mousemove`,A),window.removeEventListener(`mouseup`,j)},[A]);(0,t.useEffect)(()=>()=>{window.removeEventListener(`mousemove`,A),window.removeEventListener(`mouseup`,j)},[A,j]);let ee=e=>{e.preventDefault(),e.dataTransfer.dropEffect=`copy`},te=e=>{e.preventDefault();let t=e.dataTransfer.getData(`application/x-editor-prop`);if(t){let n=e.currentTarget.getBoundingClientRect(),r=e.clientX-n.left,i=e.clientY-n.top;a({type:`text`,content:`{{${t}}}`,x:r,y:i,width:150,height:30,dataBinding:t})}},M=e.canvasHeight||150;return(0,r.jsxs)(H,{ref:m,onMouseDown:C,onDragOver:ee,onDrop:te,style:{width:`100%`,height:`100%`,position:`relative`,overflow:`hidden`,backgroundColor:`var(--color-background)`,cursor:v.current?`grabbing`:`default`,backgroundImage:`radial-gradient(var(--gray-5) 1px, transparent 1px)`,backgroundSize:`${20*e.zoom}px ${20*e.zoom}px`,backgroundPosition:`${e.pan.x}px ${e.pan.y}px`},children:[(0,r.jsxs)(`div`,{style:{transform:`translate(${e.pan.x}px, ${e.pan.y}px) scale(${e.zoom})`,transformOrigin:`0 0`,width:`100%`,height:`100%`,position:`absolute`,top:0,left:0,pointerEvents:`none`},children:[(0,r.jsx)(`div`,{style:{width:`100%`,height:`100%`,position:`absolute`,left:0,top:0,pointerEvents:`auto`}}),h&&(0,r.jsx)(`div`,{style:{position:`absolute`,left:h.x,top:h.y,width:h.width,height:h.height,backgroundColor:`rgba(0, 120, 255, 0.1)`,border:`1px solid rgba(0, 120, 255, 0.5)`,pointerEvents:`none`,zIndex:9999}}),e.snapLines.map((e,t)=>(0,r.jsx)(`div`,{style:{position:`absolute`,left:e.orientation===`vertical`?e.position:0,top:e.orientation===`horizontal`?e.position:0,width:e.orientation===`vertical`?`1px`:`100%`,height:e.orientation===`horizontal`?`1px`:`100%`,backgroundColor:`red`,zIndex:9999,pointerEvents:`none`}},t)),(0,r.jsx)(`div`,{style:{position:`absolute`,top:0,left:0,width:`100%`,height:`1px`,borderTop:`1px dashed var(--accent-9)`,opacity:.6,zIndex:5,pointerEvents:`none`},children:(0,r.jsx)(`span`,{style:{position:`absolute`,top:-16,left:4,fontSize:`10px`,color:`var(--accent-9)`,fontWeight:500},children:`Início (0px)`})}),e.isList&&(0,r.jsxs)(`div`,{style:{position:`absolute`,top:M,left:0,right:0,height:`10px`,marginTop:`-5px`,cursor:`ns-resize`,zIndex:100,display:`flex`,alignItems:`center`,justifyContent:`center`,group:`resize-handle`},onMouseDown:k,children:[(0,r.jsx)(`div`,{style:{width:`100%`,height:`2px`,backgroundColor:`var(--accent-9)`,borderBottom:`none`,opacity:.8,boxShadow:`0 1px 4px rgba(0,0,0,0.2)`}}),(0,r.jsxs)(`div`,{style:{position:`absolute`,right:10,top:-20,backgroundColor:`var(--accent-9)`,color:`white`,fontSize:`11px`,padding:`2px 6px`,borderRadius:`4px`,fontWeight:500,pointerEvents:`none`,boxShadow:`0 2px 5px rgba(0,0,0,0.1)`},children:[`Altura do Item: `,M,`px`]})]}),e.elements.length===0&&(0,r.jsx)(U,{align:`center`,justify:`center`,style:{height:`100%`,color:`var(--gray-8)`,pointerEvents:`none`,transform:`scale(${1/e.zoom})`},children:(0,r.jsx)(V,{children:`Adicione elementos e arraste livremente`})}),e.elements.map(t=>(0,r.jsx)(`div`,{style:{pointerEvents:`auto`},children:(0,r.jsx)(My,{element:t,isSelected:e.selectedElementIds.includes(t.id)})},t.id))]}),(0,r.jsxs)(`div`,{style:{position:`absolute`,bottom:20,right:20,display:`flex`,gap:`8px`,backgroundColor:`var(--color-panel-solid)`,padding:`4px`,borderRadius:`8px`,boxShadow:`0 2px 10px rgba(0,0,0,0.1)`,zIndex:1e3},children:[(0,r.jsx)(`button`,{onClick:()=>o(Math.max(.1,e.zoom-.1)),style:{padding:`4px 8px`,cursor:`pointer`},children:`-`}),(0,r.jsxs)(`span`,{style:{padding:`4px 8px`,minWidth:`50px`,textAlign:`center`},children:[Math.round(e.zoom*100),`%`]}),(0,r.jsx)(`button`,{onClick:()=>o(Math.min(5,e.zoom+.1)),style:{padding:`4px 8px`,cursor:`pointer`},children:`+`}),(0,r.jsx)(`button`,{onClick:()=>{o(1),s({x:0,y:0})},style:{padding:`4px 8px`,cursor:`pointer`},children:`Reset`})]})]})},Py=()=>{let{state:e,updateListSettings:n,setCanvasHeight:i,setGridSize:a}=_v(),[o,s]=(0,t.useState)(!1),[c,l]=(0,t.useState)(``),[u,d]=(0,t.useState)(`asc`),[f,p]=(0,t.useState)(`bottom`),[m,h]=(0,t.useState)(`down`),[g,_]=(0,t.useState)(`150`),[v,y]=(0,t.useState)(``),[b,x]=(0,t.useState)(`0`),[S,C]=(0,t.useState)(`slideIn`),[w,T]=(0,t.useState)(.3),[E,D]=(0,t.useState)(`ease-out`);return(0,t.useEffect)(()=>{if(o){l(e.listSettings.sortProp||`__none__`),d(e.listSettings.sortOrder||`asc`),p(e.listSettings.newestPosition||`bottom`),h(e.listSettings.scrollDirection||`down`),y(e.listSettings.containerHeight?String(e.listSettings.containerHeight):``),_(String(e.canvasHeight||150)),x(String(e.gridSize||0));let t=e.listSettings.entryAnimation;C(t?.type||`slideIn`),T(t?.duration||.3),D(t?.timingFunction||`ease-out`)}},[o]),(0,t.useEffect)(()=>{if(!o)return;let t=parseInt(g,10);!isNaN(t)&&t>0&&e.canvasHeight!==t&&i(t);let n=parseInt(b,10);!isNaN(n)&&n>=0&&e.gridSize!==n&&a(n)},[g,b,o,i,a,e.canvasHeight,e.gridSize]),(0,r.jsxs)(zh,{open:o,onOpenChange:s,children:[(0,r.jsx)(Bh,{children:(0,r.jsxs)(W,{variant:`soft`,color:`gray`,style:{width:`100%`,justifyContent:`center`,cursor:`pointer`},children:[(0,r.jsx)(me,{}),` Configurações`]})}),(0,r.jsxs)(Vh,{style:{maxWidth:600},children:[(0,r.jsx)(Hh,{children:`Configurações do Editor`}),(0,r.jsx)(Uh,{size:`2`,mb:`4`,children:`Configure o comportamento da lista.`}),(0,r.jsx)(H,{pt:`3`,children:(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(V,{size:`2`,weight:`bold`,children:`Ordenação`}),(0,r.jsxs)(U,{gap:`3`,align:`center`,children:[(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Propriedade para Ordenar (ex: data, id)`}),(0,r.jsxs)(`select`,{value:c,onChange:e=>l(e.target.value),style:{width:`100%`,padding:`8px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--gray-2)`,color:`var(--gray-12)`,fontSize:`14px`,outline:`none`},children:[(0,r.jsx)(`option`,{value:`__none__`,children:`(Nenhum)`}),e.availableProps.map(e=>(0,r.jsx)(`option`,{value:e.dataName,children:e.name},e.dataName))]})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Direção`}),(0,r.jsxs)(`select`,{value:u,onChange:e=>d(e.target.value),style:{width:`150px`,padding:`8px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--gray-2)`,color:`var(--gray-12)`,fontSize:`14px`,outline:`none`},children:[(0,r.jsx)(`option`,{value:`asc`,children:`Crescente (A-Z)`}),(0,r.jsx)(`option`,{value:`desc`,children:`Decrescente (Z-A)`})]})]})]}),(0,r.jsxs)(U,{gap:`3`,align:`center`,children:[(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Posição do Recente`}),(0,r.jsxs)(`select`,{value:f,onChange:e=>p(e.target.value),style:{width:`100%`,padding:`8px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--gray-2)`,color:`var(--gray-12)`,fontSize:`14px`,outline:`none`},children:[(0,r.jsx)(`option`,{value:`top`,children:`Topo (Início)`}),(0,r.jsx)(`option`,{value:`bottom`,children:`Base (Final)`})]})]}),(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Comportamento de Rolagem`}),(0,r.jsxs)(`select`,{value:m,onChange:e=>h(e.target.value),style:{width:`100%`,padding:`8px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--gray-2)`,color:`var(--gray-12)`,fontSize:`14px`,outline:`none`},children:[(0,r.jsx)(`option`,{value:`down`,children:`Descer (Padrão)`}),(0,r.jsx)(`option`,{value:`up`,children:`Subir (Chat)`})]})]})]}),(0,r.jsx)(V,{size:`2`,weight:`bold`,mt:`2`,children:`Dimensões`}),(0,r.jsxs)(U,{gap:`3`,align:`center`,children:[(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Altura do Item (Template) (px)`}),(0,r.jsx)(G,{type:`number`,min:`10`,value:g,onChange:e=>_(e.target.value)}),(0,r.jsx)(V,{size:`1`,color:`gray`,children:`Altura de cada item individual na lista.`})]}),(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Altura da Lista (Container) (px)`}),(0,r.jsx)(G,{type:`number`,min:`0`,placeholder:`Auto (100%)`,value:v,onChange:e=>y(e.target.value)}),(0,r.jsx)(V,{size:`1`,color:`gray`,children:`Altura total da lista. Se exceder, rola. Vazio = 100%.`})]})]}),(0,r.jsx)(V,{size:`2`,weight:`bold`,mt:`2`,children:`Animação de Entrada na Lista`}),(0,r.jsxs)(bh,{columns:`3`,gap:`3`,children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Efeito`}),(0,r.jsxs)(`select`,{value:S,onChange:e=>C(e.target.value),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--gray-2)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`none`,children:`Nenhum`}),(0,r.jsx)(`option`,{value:`slideIn`,children:`Slide (Padrão)`}),(0,r.jsx)(`option`,{value:`smoothSlideUp`,children:`Slide Suave (Up)`}),(0,r.jsx)(`option`,{value:`fadeIn`,children:`Fade In`}),(0,r.jsx)(`option`,{value:`popIn`,children:`Pop In`}),(0,r.jsx)(`option`,{value:`blurIn`,children:`Blur In`}),(0,r.jsx)(`option`,{value:`slideInLeft`,children:`Slide (Esq)`}),(0,r.jsx)(`option`,{value:`slideInRight`,children:`Slide (Dir)`}),(0,r.jsx)(`option`,{value:`zoomIn`,children:`Zoom In`}),(0,r.jsx)(`option`,{value:`bounceIn`,children:`Bounce`})]})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Duração (s)`}),(0,r.jsx)(G,{type:`number`,step:`0.1`,min:`0.1`,value:w,onChange:e=>T(parseFloat(e.target.value)||.3)})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Curva (Easing)`}),(0,r.jsxs)(`select`,{value:E,onChange:e=>D(e.target.value),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--gray-2)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`ease`,children:`Ease`}),(0,r.jsx)(`option`,{value:`ease-out`,children:`Ease Out`}),(0,r.jsx)(`option`,{value:`linear`,children:`Linear`}),(0,r.jsx)(`option`,{value:`bounce`,children:`Bounce`})]})]})]}),(0,r.jsx)(V,{size:`1`,color:`gray`,children:`Essa propriedade será usada para ordenar os itens no modo lista.`}),(0,r.jsxs)(H,{mt:`2`,children:[(0,r.jsx)(V,{size:`2`,weight:`bold`,children:`Grid Snapping (Travar)`}),(0,r.jsx)(U,{gap:`3`,align:`center`,mt:`2`,children:(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Tamanho do Grid (px) - 0 para desativar`}),(0,r.jsx)(G,{type:`number`,value:b,onChange:e=>x(e.target.value),placeholder:`0`})]})})]})]})}),(0,r.jsxs)(U,{gap:`3`,mt:`4`,justify:`end`,children:[(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Cancelar`})}),(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{onClick:()=>{let e=parseInt(v,10),t={type:S,duration:Number(w),delay:0,timingFunction:E};n({sortProp:c===`__none__`?``:c,sortOrder:u,newestPosition:f,scrollDirection:m,containerHeight:!isNaN(e)&&e>0?e:void 0,entryAnimation:t}),s(!1)},children:`Salvar Alterações`})})]})]})]})};var Fy=(0,t.createContext)({});function Iy(e){let n=(0,t.useRef)(null);return n.current===null&&(n.current=e()),n.current}var Ly=typeof window<`u`,Ry=Ly?t.useLayoutEffect:t.useEffect,zy=(0,t.createContext)(null);function By(e,t){e.indexOf(t)===-1&&e.push(t)}function Vy(e,t){let n=e.indexOf(t);n>-1&&e.splice(n,1)}var Hy=(e,t,n)=>n>t?t:n<e?e:n;function Uy(e,t){return t?`${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}`:e}var Wy=()=>{},Gy=()=>{};typeof process<`u`&&process.env.NODE_ENV!==`production`&&(Wy=(e,t,n)=>{!e&&typeof console<`u`&&console.warn(Uy(t,n))},Gy=(e,t,n)=>{if(!e)throw Error(Uy(t,n))});var Ky={},qy=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);function Jy(e){return typeof e==`object`&&!!e}var Yy=e=>/^0[^.\s]+$/u.test(e);function Xy(e){let t;return()=>(t===void 0&&(t=e()),t)}var Zy=e=>e,Qy=(e,t)=>n=>t(e(n)),$y=(...e)=>e.reduce(Qy),eb=(e,t,n)=>{let r=t-e;return r===0?1:(n-e)/r},tb=class{constructor(){this.subscriptions=[]}add(e){return By(this.subscriptions,e),()=>Vy(this.subscriptions,e)}notify(e,t,n){let r=this.subscriptions.length;if(r)if(r===1)this.subscriptions[0](e,t,n);else for(let i=0;i<r;i++){let r=this.subscriptions[i];r&&r(e,t,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}},nb=e=>e*1e3,rb=e=>e/1e3;function ib(e,t){return t?e*(1e3/t):0}var ab=new Set;function ob(e,t,n){e||ab.has(t)||(console.warn(Uy(t,n)),ab.add(t))}var sb=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e,cb=1e-7,lb=12;function ub(e,t,n,r,i){let a,o,s=0;do o=t+(n-t)/2,a=sb(o,r,i)-e,a>0?n=o:t=o;while(Math.abs(a)>cb&&++s<lb);return o}function db(e,t,n,r){if(e===t&&n===r)return Zy;let i=t=>ub(t,0,1,e,n);return e=>e===0||e===1?e:sb(i(e),t,r)}var fb=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,pb=e=>t=>1-e(1-t),mb=db(.33,1.53,.69,.99),hb=pb(mb),gb=fb(hb),_b=e=>(e*=2)<1?.5*hb(e):.5*(2-2**(-10*(e-1))),vb=e=>1-Math.sin(Math.acos(e)),yb=pb(vb),bb=fb(vb),xb=db(.42,0,1,1),Sb=db(0,0,.58,1),Cb=db(.42,0,.58,1),wb=e=>Array.isArray(e)&&typeof e[0]!=`number`,Tb=e=>Array.isArray(e)&&typeof e[0]==`number`,Eb={linear:Zy,easeIn:xb,easeInOut:Cb,easeOut:Sb,circIn:vb,circInOut:bb,circOut:yb,backIn:hb,backInOut:gb,backOut:mb,anticipate:_b},Db=e=>typeof e==`string`,Ob=e=>{if(Tb(e)){Gy(e.length===4,`Cubic bezier arrays must contain four numerical values.`,`cubic-bezier-length`);let[t,n,r,i]=e;return db(t,n,r,i)}else if(Db(e))return Gy(Eb[e]!==void 0,`Invalid easing type '${e}'`,`invalid-easing-type`),Eb[e];return e},kb=[`setup`,`read`,`resolveKeyframes`,`preUpdate`,`update`,`preRender`,`render`,`postRender`],Ab={value:null,addProjectionMetrics:null};function jb(e,t){let n=new Set,r=new Set,i=!1,a=!1,o=new WeakSet,s={delta:0,timestamp:0,isProcessing:!1},c=0;function l(t){o.has(t)&&(u.schedule(t),e()),c++,t(s)}let u={schedule:(e,t=!1,a=!1)=>{let s=a&&i?n:r;return t&&o.add(e),s.has(e)||s.add(e),e},cancel:e=>{r.delete(e),o.delete(e)},process:e=>{if(s=e,i){a=!0;return}i=!0,[n,r]=[r,n],n.forEach(l),t&&Ab.value&&Ab.value.frameloop[t].push(c),c=0,n.clear(),i=!1,a&&(a=!1,u.process(e))}};return u}var Mb=40;function Nb(e,t){let n=!1,r=!0,i={delta:0,timestamp:0,isProcessing:!1},a=()=>n=!0,o=kb.reduce((e,n)=>(e[n]=jb(a,t?n:void 0),e),{}),{setup:s,read:c,resolveKeyframes:l,preUpdate:u,update:d,preRender:f,render:p,postRender:m}=o,h=()=>{let a=Ky.useManualTiming?i.timestamp:performance.now();n=!1,Ky.useManualTiming||(i.delta=r?1e3/60:Math.max(Math.min(a-i.timestamp,Mb),1)),i.timestamp=a,i.isProcessing=!0,s.process(i),c.process(i),l.process(i),u.process(i),d.process(i),f.process(i),p.process(i),m.process(i),i.isProcessing=!1,n&&t&&(r=!1,e(h))},g=()=>{n=!0,r=!0,i.isProcessing||e(h)};return{schedule:kb.reduce((e,t)=>{let r=o[t];return e[t]=(e,t=!1,i=!1)=>(n||g(),r.schedule(e,t,i)),e},{}),cancel:e=>{for(let t=0;t<kb.length;t++)o[kb[t]].cancel(e)},state:i,steps:o}}var{schedule:J,cancel:Pb,state:Fb,steps:Ib}=Nb(typeof requestAnimationFrame<`u`?requestAnimationFrame:Zy,!0),Lb;function Rb(){Lb=void 0}var zb={now:()=>(Lb===void 0&&zb.set(Fb.isProcessing||Ky.useManualTiming?Fb.timestamp:performance.now()),Lb),set:e=>{Lb=e,queueMicrotask(Rb)}},Bb={layout:0,mainThread:0,waapi:0},Vb=e=>t=>typeof t==`string`&&t.startsWith(e),Hb=Vb(`--`),Ub=Vb(`var(--`),Wb=e=>Ub(e)?Gb.test(e.split(`/*`)[0].trim()):!1,Gb=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function Kb(e){return typeof e==`string`?e.split(`/*`)[0].includes(`var(--`):!1}var qb={test:e=>typeof e==`number`,parse:parseFloat,transform:e=>e},Jb={...qb,transform:e=>Hy(0,1,e)},Yb={...qb,default:1},Xb=e=>Math.round(e*1e5)/1e5,Zb=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function Qb(e){return e==null}var $b=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,ex=(e,t)=>n=>!!(typeof n==`string`&&$b.test(n)&&n.startsWith(e)||t&&!Qb(n)&&Object.prototype.hasOwnProperty.call(n,t)),tx=(e,t,n)=>r=>{if(typeof r!=`string`)return r;let[i,a,o,s]=r.match(Zb);return{[e]:parseFloat(i),[t]:parseFloat(a),[n]:parseFloat(o),alpha:s===void 0?1:parseFloat(s)}},nx=e=>Hy(0,255,e),rx={...qb,transform:e=>Math.round(nx(e))},ix={test:ex(`rgb`,`red`),parse:tx(`red`,`green`,`blue`),transform:({red:e,green:t,blue:n,alpha:r=1})=>`rgba(`+rx.transform(e)+`, `+rx.transform(t)+`, `+rx.transform(n)+`, `+Xb(Jb.transform(r))+`)`};function ax(e){let t=``,n=``,r=``,i=``;return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),r=e.substring(5,7),i=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),r=e.substring(3,4),i=e.substring(4,5),t+=t,n+=n,r+=r,i+=i),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:i?parseInt(i,16)/255:1}}var ox={test:ex(`#`),parse:ax,transform:ix.transform},sx=e=>({test:t=>typeof t==`string`&&t.endsWith(e)&&t.split(` `).length===1,parse:parseFloat,transform:t=>`${t}${e}`}),cx=sx(`deg`),lx=sx(`%`),Y=sx(`px`),ux=sx(`vh`),dx=sx(`vw`),fx=(()=>({...lx,parse:e=>lx.parse(e)/100,transform:e=>lx.transform(e*100)}))(),px={test:ex(`hsl`,`hue`),parse:tx(`hue`,`saturation`,`lightness`),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>`hsla(`+Math.round(e)+`, `+lx.transform(Xb(t))+`, `+lx.transform(Xb(n))+`, `+Xb(Jb.transform(r))+`)`},X={test:e=>ix.test(e)||ox.test(e)||px.test(e),parse:e=>ix.test(e)?ix.parse(e):px.test(e)?px.parse(e):ox.parse(e),transform:e=>typeof e==`string`?e:e.hasOwnProperty(`red`)?ix.transform(e):px.transform(e),getAnimatableNone:e=>{let t=X.parse(e);return t.alpha=0,X.transform(t)}},mx=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function hx(e){return isNaN(e)&&typeof e==`string`&&(e.match(Zb)?.length||0)+(e.match(mx)?.length||0)>0}var gx=`number`,_x=`color`,vx=`var`,yx=`var(`,bx="${}",xx=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Sx(e){let t=e.toString(),n=[],r={color:[],number:[],var:[]},i=[],a=0;return{values:n,split:t.replace(xx,e=>(X.test(e)?(r.color.push(a),i.push(_x),n.push(X.parse(e))):e.startsWith(yx)?(r.var.push(a),i.push(vx),n.push(e)):(r.number.push(a),i.push(gx),n.push(parseFloat(e))),++a,bx)).split(bx),indexes:r,types:i}}function Cx(e){return Sx(e).values}function wx(e){let{split:t,types:n}=Sx(e),r=t.length;return e=>{let i=``;for(let a=0;a<r;a++)if(i+=t[a],e[a]!==void 0){let t=n[a];t===gx?i+=Xb(e[a]):t===_x?i+=X.transform(e[a]):i+=e[a]}return i}}var Tx=e=>typeof e==`number`?0:X.test(e)?X.getAnimatableNone(e):e;function Ex(e){let t=Cx(e);return wx(e)(t.map(Tx))}var Dx={test:hx,parse:Cx,createTransformer:wx,getAnimatableNone:Ex};function Ox(e,t,n){return n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function kx({hue:e,saturation:t,lightness:n,alpha:r}){e/=360,t/=100,n/=100;let i=0,a=0,o=0;if(!t)i=a=o=n;else{let r=n<.5?n*(1+t):n+t-n*t,s=2*n-r;i=Ox(s,r,e+1/3),a=Ox(s,r,e),o=Ox(s,r,e-1/3)}return{red:Math.round(i*255),green:Math.round(a*255),blue:Math.round(o*255),alpha:r}}function Ax(e,t){return n=>n>0?t:e}var Z=(e,t,n)=>e+(t-e)*n,jx=(e,t,n)=>{let r=e*e,i=n*(t*t-r)+r;return i<0?0:Math.sqrt(i)},Mx=[ox,ix,px],Nx=e=>Mx.find(t=>t.test(e));function Px(e){let t=Nx(e);if(Wy(!!t,`'${e}' is not an animatable color. Use the equivalent color code instead.`,`color-not-animatable`),!t)return!1;let n=t.parse(e);return t===px&&(n=kx(n)),n}var Fx=(e,t)=>{let n=Px(e),r=Px(t);if(!n||!r)return Ax(e,t);let i={...n};return e=>(i.red=jx(n.red,r.red,e),i.green=jx(n.green,r.green,e),i.blue=jx(n.blue,r.blue,e),i.alpha=Z(n.alpha,r.alpha,e),ix.transform(i))},Ix=new Set([`none`,`hidden`]);function Lx(e,t){return Ix.has(e)?n=>n<=0?e:t:n=>n>=1?t:e}function Rx(e,t){return n=>Z(e,t,n)}function zx(e){return typeof e==`number`?Rx:typeof e==`string`?Wb(e)?Ax:X.test(e)?Fx:Ux:Array.isArray(e)?Bx:typeof e==`object`?X.test(e)?Fx:Vx:Ax}function Bx(e,t){let n=[...e],r=n.length,i=e.map((e,n)=>zx(e)(e,t[n]));return e=>{for(let t=0;t<r;t++)n[t]=i[t](e);return n}}function Vx(e,t){let n={...e,...t},r={};for(let i in n)e[i]!==void 0&&t[i]!==void 0&&(r[i]=zx(e[i])(e[i],t[i]));return e=>{for(let t in r)n[t]=r[t](e);return n}}function Hx(e,t){let n=[],r={color:0,var:0,number:0};for(let i=0;i<t.values.length;i++){let a=t.types[i],o=e.indexes[a][r[a]];n[i]=e.values[o]??0,r[a]++}return n}var Ux=(e,t)=>{let n=Dx.createTransformer(t),r=Sx(e),i=Sx(t);return r.indexes.var.length===i.indexes.var.length&&r.indexes.color.length===i.indexes.color.length&&r.indexes.number.length>=i.indexes.number.length?Ix.has(e)&&!i.values.length||Ix.has(t)&&!r.values.length?Lx(e,t):$y(Bx(Hx(r,i),i.values),n):(Wy(!0,`Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,`complex-values-different`),Ax(e,t))};function Wx(e,t,n){return typeof e==`number`&&typeof t==`number`&&typeof n==`number`?Z(e,t,n):zx(e)(e,t)}var Gx=e=>{let t=({timestamp:t})=>e(t);return{start:(e=!0)=>J.update(t,e),stop:()=>Pb(t),now:()=>Fb.isProcessing?Fb.timestamp:zb.now()}},Kx=(e,t,n=10)=>{let r=``,i=Math.max(Math.round(t/n),2);for(let t=0;t<i;t++)r+=Math.round(e(t/(i-1))*1e4)/1e4+`, `;return`linear(${r.substring(0,r.length-2)})`},qx=2e4;function Jx(e){let t=0,n=e.next(t);for(;!n.done&&t<2e4;)t+=50,n=e.next(t);return t>=2e4?1/0:t}function Yx(e,t=100,n){let r=n({...e,keyframes:[0,t]}),i=Math.min(Jx(r),qx);return{type:`keyframes`,ease:e=>r.next(i*e).value/t,duration:rb(i)}}var Xx=5;function Zx(e,t,n){let r=Math.max(t-Xx,0);return ib(n-e(r),t-r)}var Q={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1},Qx=.001;function $x({duration:e=Q.duration,bounce:t=Q.bounce,velocity:n=Q.velocity,mass:r=Q.mass}){let i,a;Wy(e<=nb(Q.maxDuration),`Spring duration must be 10 seconds or less`,`spring-duration-limit`);let o=1-t;o=Hy(Q.minDamping,Q.maxDamping,o),e=Hy(Q.minDuration,Q.maxDuration,rb(e)),o<1?(i=t=>{let r=t*o,i=r*e,a=r-n,s=nS(t,o),c=Math.exp(-i);return Qx-a/s*c},a=t=>{let r=t*o*e,a=r*n+n,s=o**2*t**2*e,c=Math.exp(-r),l=nS(t**2,o);return(-i(t)+Qx>0?-1:1)*((a-s)*c)/l}):(i=t=>{let r=Math.exp(-t*e),i=(t-n)*e+1;return-Qx+r*i},a=t=>Math.exp(-t*e)*((n-t)*(e*e)));let s=5/e,c=tS(i,a,s);if(e=nb(e),isNaN(c))return{stiffness:Q.stiffness,damping:Q.damping,duration:e};{let t=c**2*r;return{stiffness:t,damping:o*2*Math.sqrt(r*t),duration:e}}}var eS=12;function tS(e,t,n){let r=n;for(let n=1;n<eS;n++)r-=e(r)/t(r);return r}function nS(e,t){return e*Math.sqrt(1-t*t)}var rS=[`duration`,`bounce`],iS=[`stiffness`,`damping`,`mass`];function aS(e,t){return t.some(t=>e[t]!==void 0)}function oS(e){let t={velocity:Q.velocity,stiffness:Q.stiffness,damping:Q.damping,mass:Q.mass,isResolvedFromDuration:!1,...e};if(!aS(e,iS)&&aS(e,rS))if(e.visualDuration){let n=e.visualDuration,r=2*Math.PI/(n*1.2),i=r*r,a=2*Hy(.05,1,1-(e.bounce||0))*Math.sqrt(i);t={...t,mass:Q.mass,stiffness:i,damping:a}}else{let n=$x(e);t={...t,...n,mass:Q.mass},t.isResolvedFromDuration=!0}return t}function sS(e=Q.visualDuration,t=Q.bounce){let n=typeof e==`object`?e:{visualDuration:e,keyframes:[0,1],bounce:t},{restSpeed:r,restDelta:i}=n,a=n.keyframes[0],o=n.keyframes[n.keyframes.length-1],s={done:!1,value:a},{stiffness:c,damping:l,mass:u,duration:d,velocity:f,isResolvedFromDuration:p}=oS({...n,velocity:-rb(n.velocity||0)}),m=f||0,h=l/(2*Math.sqrt(c*u)),g=o-a,_=rb(Math.sqrt(c/u)),v=Math.abs(g)<5;r||=v?Q.restSpeed.granular:Q.restSpeed.default,i||=v?Q.restDelta.granular:Q.restDelta.default;let y;if(h<1){let e=nS(_,h);y=t=>o-Math.exp(-h*_*t)*((m+h*_*g)/e*Math.sin(e*t)+g*Math.cos(e*t))}else if(h===1)y=e=>o-Math.exp(-_*e)*(g+(m+_*g)*e);else{let e=_*Math.sqrt(h*h-1);y=t=>{let n=Math.exp(-h*_*t),r=Math.min(e*t,300);return o-n*((m+h*_*g)*Math.sinh(r)+e*g*Math.cosh(r))/e}}let b={calculatedDuration:p&&d||null,next:e=>{let t=y(e);if(p)s.done=e>=d;else{let n=e===0?m:0;h<1&&(n=e===0?nb(m):Zx(y,e,t));let a=Math.abs(n)<=r,c=Math.abs(o-t)<=i;s.done=a&&c}return s.value=s.done?o:t,s},toString:()=>{let e=Math.min(Jx(b),qx),t=Kx(t=>b.next(e*t).value,e,30);return e+`ms `+t},toTransition:()=>{}};return b}sS.applyToOptions=e=>{let t=Yx(e,100,sS);return e.ease=t.ease,e.duration=nb(t.duration),e.type=`keyframes`,e};function cS({keyframes:e,velocity:t=0,power:n=.8,timeConstant:r=325,bounceDamping:i=10,bounceStiffness:a=500,modifyTarget:o,min:s,max:c,restDelta:l=.5,restSpeed:u}){let d=e[0],f={done:!1,value:d},p=e=>s!==void 0&&e<s||c!==void 0&&e>c,m=e=>s===void 0?c:c===void 0||Math.abs(s-e)<Math.abs(c-e)?s:c,h=n*t,g=d+h,_=o===void 0?g:o(g);_!==g&&(h=_-d);let v=e=>-h*Math.exp(-e/r),y=e=>_+v(e),b=e=>{let t=v(e),n=y(e);f.done=Math.abs(t)<=l,f.value=f.done?_:n},x,S,C=e=>{p(f.value)&&(x=e,S=sS({keyframes:[f.value,m(f.value)],velocity:Zx(y,e,f.value),damping:i,stiffness:a,restDelta:l,restSpeed:u}))};return C(0),{calculatedDuration:null,next:e=>{let t=!1;return!S&&x===void 0&&(t=!0,b(e),C(e)),x!==void 0&&e>=x?S.next(e-x):(!t&&b(e),f)}}}function lS(e,t,n){let r=[],i=n||Ky.mix||Wx,a=e.length-1;for(let n=0;n<a;n++){let a=i(e[n],e[n+1]);t&&(a=$y(Array.isArray(t)?t[n]||Zy:t,a)),r.push(a)}return r}function uS(e,t,{clamp:n=!0,ease:r,mixer:i}={}){let a=e.length;if(Gy(a===t.length,`Both input and output ranges must be the same length`,`range-length`),a===1)return()=>t[0];if(a===2&&t[0]===t[1])return()=>t[1];let o=e[0]===e[1];e[0]>e[a-1]&&(e=[...e].reverse(),t=[...t].reverse());let s=lS(t,r,i),c=s.length,l=n=>{if(o&&n<e[0])return t[0];let r=0;if(c>1)for(;r<e.length-2&&!(n<e[r+1]);r++);let i=eb(e[r],e[r+1],n);return s[r](i)};return n?t=>l(Hy(e[0],e[a-1],t)):l}function dS(e,t){let n=e[e.length-1];for(let r=1;r<=t;r++){let i=eb(0,t,r);e.push(Z(n,1,i))}}function fS(e){let t=[0];return dS(t,e.length-1),t}function pS(e,t){return e.map(e=>e*t)}function mS(e,t){return e.map(()=>t||Cb).splice(0,e.length-1)}function hS({duration:e=300,keyframes:t,times:n,ease:r=`easeInOut`}){let i=wb(r)?r.map(Ob):Ob(r),a={done:!1,value:t[0]},o=uS(pS(n&&n.length===t.length?n:fS(t),e),t,{ease:Array.isArray(i)?i:mS(t,i)});return{calculatedDuration:e,next:t=>(a.value=o(t),a.done=t>=e,a)}}var gS=e=>e!==null;function _S(e,{repeat:t,repeatType:n=`loop`},r,i=1){let a=e.filter(gS),o=i<0||t&&n!==`loop`&&t%2==1?0:a.length-1;return!o||r===void 0?a[o]:r}var vS={decay:cS,inertia:cS,tween:hS,keyframes:hS,spring:sS};function yS(e){typeof e.type==`string`&&(e.type=vS[e.type])}var bS=class{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,t){return this.finished.then(e,t)}},xS=e=>e/100,SS=class extends bS{constructor(e){super(),this.state=`idle`,this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{let{motionValue:e}=this.options;e&&e.updatedAt!==zb.now()&&this.tick(zb.now()),this.isStopped=!0,this.state!==`idle`&&(this.teardown(),this.options.onStop?.())},Bb.mainThread++,this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){let{options:e}=this;yS(e);let{type:t=hS,repeat:n=0,repeatDelay:r=0,repeatType:i,velocity:a=0}=e,{keyframes:o}=e,s=t||hS;process.env.NODE_ENV!==`production`&&s!==hS&&Gy(o.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`,`spring-two-frames`),s!==hS&&typeof o[0]!=`number`&&(this.mixKeyframes=$y(xS,Wx(o[0],o[1])),o=[0,100]);let c=s({...e,keyframes:o});i===`mirror`&&(this.mirroredGenerator=s({...e,keyframes:[...o].reverse(),velocity:-a})),c.calculatedDuration===null&&(c.calculatedDuration=Jx(c));let{calculatedDuration:l}=c;this.calculatedDuration=l,this.resolvedDuration=l+r,this.totalDuration=this.resolvedDuration*(n+1)-r,this.generator=c}updateTime(e){let t=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime===null?this.currentTime=t:this.currentTime=this.holdTime}tick(e,t=!1){let{generator:n,totalDuration:r,mixKeyframes:i,mirroredGenerator:a,resolvedDuration:o,calculatedDuration:s}=this;if(this.startTime===null)return n.next(0);let{delay:c=0,keyframes:l,repeat:u,repeatType:d,repeatDelay:f,type:p,onUpdate:m,finalKeyframe:h}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-r/this.speed,this.startTime)),t?this.currentTime=e:this.updateTime(e);let g=this.currentTime-c*(this.playbackSpeed>=0?1:-1),_=this.playbackSpeed>=0?g<0:g>r;this.currentTime=Math.max(g,0),this.state===`finished`&&this.holdTime===null&&(this.currentTime=r);let v=this.currentTime,y=n;if(u){let e=Math.min(this.currentTime,r)/o,t=Math.floor(e),n=e%1;!n&&e>=1&&(n=1),n===1&&t--,t=Math.min(t,u+1),t%2&&(d===`reverse`?(n=1-n,f&&(n-=f/o)):d===`mirror`&&(y=a)),v=Hy(0,1,n)*o}let b=_?{done:!1,value:l[0]}:y.next(v);i&&(b.value=i(b.value));let{done:x}=b;!_&&s!==null&&(x=this.playbackSpeed>=0?this.currentTime>=r:this.currentTime<=0);let S=this.holdTime===null&&(this.state===`finished`||this.state===`running`&&x);return S&&p!==cS&&(b.value=_S(l,this.options,h,this.speed)),m&&m(b.value),S&&this.finish(),b}then(e,t){return this.finished.then(e,t)}get duration(){return rb(this.calculatedDuration)}get iterationDuration(){let{delay:e=0}=this.options||{};return this.duration+rb(e)}get time(){return rb(this.currentTime)}set time(e){e=nb(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),this.driver?.start(!1)}get speed(){return this.playbackSpeed}set speed(e){this.updateTime(zb.now());let t=this.playbackSpeed!==e;this.playbackSpeed=e,t&&(this.time=rb(this.currentTime))}play(){if(this.isStopped)return;let{driver:e=Gx,startTime:t}=this.options;this.driver||=e(e=>this.tick(e)),this.options.onPlay?.();let n=this.driver.now();this.state===`finished`?(this.updateFinished(),this.startTime=n):this.holdTime===null?this.startTime||=t??n:this.startTime=n-this.holdTime,this.state===`finished`&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state=`running`,this.driver.start()}pause(){this.state=`paused`,this.updateTime(zb.now()),this.holdTime=this.currentTime}complete(){this.state!==`running`&&this.play(),this.state=`finished`,this.holdTime=null}finish(){this.notifyFinished(),this.teardown(),this.state=`finished`,this.options.onComplete?.()}cancel(){this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),this.options.onCancel?.()}teardown(){this.state=`idle`,this.stopDriver(),this.startTime=this.holdTime=null,Bb.mainThread--}stopDriver(){this.driver&&=(this.driver.stop(),void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){return this.options.allowFlatten&&(this.options.type=`keyframes`,this.options.ease=`linear`,this.initAnimation()),this.driver?.stop(),e.observe(this)}};function CS(e){for(let t=1;t<e.length;t++)e[t]??(e[t]=e[t-1])}var wS=e=>e*180/Math.PI,TS=e=>DS(wS(Math.atan2(e[1],e[0]))),ES={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:e=>(Math.abs(e[0])+Math.abs(e[3]))/2,rotate:TS,rotateZ:TS,skewX:e=>wS(Math.atan(e[1])),skewY:e=>wS(Math.atan(e[2])),skew:e=>(Math.abs(e[1])+Math.abs(e[2]))/2},DS=e=>(e%=360,e<0&&(e+=360),e),OS=TS,kS=e=>Math.sqrt(e[0]*e[0]+e[1]*e[1]),AS=e=>Math.sqrt(e[4]*e[4]+e[5]*e[5]),jS={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:kS,scaleY:AS,scale:e=>(kS(e)+AS(e))/2,rotateX:e=>DS(wS(Math.atan2(e[6],e[5]))),rotateY:e=>DS(wS(Math.atan2(-e[2],e[0]))),rotateZ:OS,rotate:OS,skewX:e=>wS(Math.atan(e[4])),skewY:e=>wS(Math.atan(e[1])),skew:e=>(Math.abs(e[1])+Math.abs(e[4]))/2};function MS(e){return e.includes(`scale`)?1:0}function NS(e,t){if(!e||e===`none`)return MS(t);let n=e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u),r,i;if(n)r=jS,i=n;else{let t=e.match(/^matrix\(([-\d.e\s,]+)\)$/u);r=ES,i=t}if(!i)return MS(t);let a=r[t],o=i[1].split(`,`).map(FS);return typeof a==`function`?a(o):o[a]}var PS=(e,t)=>{let{transform:n=`none`}=getComputedStyle(e);return NS(n,t)};function FS(e){return parseFloat(e.trim())}var IS=[`transformPerspective`,`x`,`y`,`z`,`translateX`,`translateY`,`translateZ`,`scale`,`scaleX`,`scaleY`,`rotate`,`rotateX`,`rotateY`,`rotateZ`,`skew`,`skewX`,`skewY`],LS=(()=>new Set(IS))(),RS=e=>e===qb||e===Y,zS=new Set([`x`,`y`,`z`]),BS=IS.filter(e=>!zS.has(e));function VS(e){let t=[];return BS.forEach(n=>{let r=e.getValue(n);r!==void 0&&(t.push([n,r.get()]),r.set(n.startsWith(`scale`)?1:0))}),t}var HS={width:({x:e},{paddingLeft:t=`0`,paddingRight:n=`0`})=>e.max-e.min-parseFloat(t)-parseFloat(n),height:({y:e},{paddingTop:t=`0`,paddingBottom:n=`0`})=>e.max-e.min-parseFloat(t)-parseFloat(n),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:(e,{transform:t})=>NS(t,`x`),y:(e,{transform:t})=>NS(t,`y`)};HS.translateX=HS.x,HS.translateY=HS.y;var US=new Set,WS=!1,GS=!1,KS=!1;function qS(){if(GS){let e=Array.from(US).filter(e=>e.needsMeasurement),t=new Set(e.map(e=>e.element)),n=new Map;t.forEach(e=>{let t=VS(e);t.length&&(n.set(e,t),e.render())}),e.forEach(e=>e.measureInitialState()),t.forEach(e=>{e.render();let t=n.get(e);t&&t.forEach(([t,n])=>{e.getValue(t)?.set(n)})}),e.forEach(e=>e.measureEndState()),e.forEach(e=>{e.suspendedScrollY!==void 0&&window.scrollTo(0,e.suspendedScrollY)})}GS=!1,WS=!1,US.forEach(e=>e.complete(KS)),US.clear()}function JS(){US.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(GS=!0)})}function YS(){KS=!0,JS(),qS(),KS=!1}var XS=class{constructor(e,t,n,r,i,a=!1){this.state=`pending`,this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...e],this.onComplete=t,this.name=n,this.motionValue=r,this.element=i,this.isAsync=a}scheduleResolve(){this.state=`scheduled`,this.isAsync?(US.add(this),WS||(WS=!0,J.read(JS),J.resolveKeyframes(qS))):(this.readKeyframes(),this.complete())}readKeyframes(){let{unresolvedKeyframes:e,name:t,element:n,motionValue:r}=this;if(e[0]===null){let i=r?.get(),a=e[e.length-1];if(i!==void 0)e[0]=i;else if(n&&t){let r=n.readValue(t,a);r!=null&&(e[0]=r)}e[0]===void 0&&(e[0]=a),r&&i===void 0&&r.set(e[0])}CS(e)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(e=!1){this.state=`complete`,this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,e),US.delete(this)}cancel(){this.state===`scheduled`&&(US.delete(this),this.state=`pending`)}resume(){this.state===`pending`&&this.scheduleResolve()}},ZS=e=>e.startsWith(`--`);function QS(e,t,n){ZS(t)?e.style.setProperty(t,n):e.style[t]=n}var $S=Xy(()=>window.ScrollTimeline!==void 0),eC={};function tC(e,t){let n=Xy(e);return()=>eC[t]??n()}var nC=tC(()=>{try{document.createElement(`div`).animate({opacity:0},{easing:`linear(0, 1)`})}catch{return!1}return!0},`linearEasing`),rC=([e,t,n,r])=>`cubic-bezier(${e}, ${t}, ${n}, ${r})`,iC={linear:`linear`,ease:`ease`,easeIn:`ease-in`,easeOut:`ease-out`,easeInOut:`ease-in-out`,circIn:rC([0,.65,.55,1]),circOut:rC([.55,0,1,.45]),backIn:rC([.31,.01,.66,-.59]),backOut:rC([.33,1.53,.69,.99])};function aC(e,t){if(e)return typeof e==`function`?nC()?Kx(e,t):`ease-out`:Tb(e)?rC(e):Array.isArray(e)?e.map(e=>aC(e,t)||iC.easeOut):iC[e]}function oC(e,t,n,{delay:r=0,duration:i=300,repeat:a=0,repeatType:o=`loop`,ease:s=`easeOut`,times:c}={},l=void 0){let u={[t]:n};c&&(u.offset=c);let d=aC(s,i);Array.isArray(d)&&(u.easing=d),Ab.value&&Bb.waapi++;let f={delay:r,duration:i,easing:Array.isArray(d)?`linear`:d,fill:`both`,iterations:a+1,direction:o===`reverse`?`alternate`:`normal`};l&&(f.pseudoElement=l);let p=e.animate(u,f);return Ab.value&&p.finished.finally(()=>{Bb.waapi--}),p}function sC(e){return typeof e==`function`&&`applyToOptions`in e}function cC({type:e,...t}){return sC(e)&&nC()?e.applyToOptions(t):(t.duration??=300,t.ease??=`easeOut`,t)}var lC=class extends bS{constructor(e){if(super(),this.finishedTime=null,this.isStopped=!1,this.manualStartTime=null,!e)return;let{element:t,name:n,keyframes:r,pseudoElement:i,allowFlatten:a=!1,finalKeyframe:o,onComplete:s}=e;this.isPseudoElement=!!i,this.allowFlatten=a,this.options=e,Gy(typeof e.type!=`string`,`Mini animate() doesn't support "type" as a string.`,`mini-spring`);let c=cC(e);this.animation=oC(t,n,r,c,i),c.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!i){let e=_S(r,this.options,o,this.speed);this.updateMotionValue?this.updateMotionValue(e):QS(t,n,e),this.animation.cancel()}s?.(),this.notifyFinished()}}play(){this.isStopped||(this.manualStartTime=null,this.animation.play(),this.state===`finished`&&this.updateFinished())}pause(){this.animation.pause()}complete(){this.animation.finish?.()}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;let{state:e}=this;e===`idle`||e===`finished`||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){this.isPseudoElement||this.animation.commitStyles?.()}get duration(){let e=this.animation.effect?.getComputedTiming?.().duration||0;return rb(Number(e))}get iterationDuration(){let{delay:e=0}=this.options||{};return this.duration+rb(e)}get time(){return rb(Number(this.animation.currentTime)||0)}set time(e){this.manualStartTime=null,this.finishedTime=null,this.animation.currentTime=nb(e)}get speed(){return this.animation.playbackRate}set speed(e){e<0&&(this.finishedTime=null),this.animation.playbackRate=e}get state(){return this.finishedTime===null?this.animation.playState:`finished`}get startTime(){return this.manualStartTime??Number(this.animation.startTime)}set startTime(e){this.manualStartTime=this.animation.startTime=e}attachTimeline({timeline:e,observe:t}){return this.allowFlatten&&this.animation.effect?.updateTiming({easing:`linear`}),this.animation.onfinish=null,e&&$S()?(this.animation.timeline=e,Zy):t(this)}},uC={anticipate:_b,backInOut:gb,circInOut:bb};function dC(e){return e in uC}function fC(e){typeof e.ease==`string`&&dC(e.ease)&&(e.ease=uC[e.ease])}var pC=10,mC=class extends lC{constructor(e){fC(e),yS(e),super(e),e.startTime!==void 0&&(this.startTime=e.startTime),this.options=e}updateMotionValue(e){let{motionValue:t,onUpdate:n,onComplete:r,element:i,...a}=this.options;if(!t)return;if(e!==void 0){t.set(e);return}let o=new SS({...a,autoplay:!1}),s=Math.max(pC,zb.now()-this.startTime),c=Hy(0,pC,s-pC);t.setWithVelocity(o.sample(Math.max(0,s-c)).value,o.sample(s).value,c),o.stop()}},hC=(e,t)=>t===`zIndex`?!1:!!(typeof e==`number`||Array.isArray(e)||typeof e==`string`&&(Dx.test(e)||e===`0`)&&!e.startsWith(`url(`));function gC(e){let t=e[0];if(e.length===1)return!0;for(let n=0;n<e.length;n++)if(e[n]!==t)return!0}function _C(e,t,n,r){let i=e[0];if(i===null)return!1;if(t===`display`||t===`visibility`)return!0;let a=e[e.length-1],o=hC(i,t),s=hC(a,t);return Wy(o===s,`You are trying to animate ${t} from "${i}" to "${a}". "${o?a:i}" is not an animatable value.`,`value-not-animatable`),!o||!s?!1:gC(e)||(n===`spring`||sC(n))&&r}function vC(e){e.duration=0,e.type=`keyframes`}var yC=new Set([`opacity`,`clipPath`,`filter`,`transform`]),bC=Xy(()=>Object.hasOwnProperty.call(Element.prototype,`animate`));function xC(e){let{motionValue:t,name:n,repeatDelay:r,repeatType:i,damping:a,type:o}=e;if(!(t?.owner?.current instanceof HTMLElement))return!1;let{onUpdate:s,transformTemplate:c}=t.owner.getProps();return bC()&&n&&yC.has(n)&&(n!==`transform`||!c)&&!s&&!r&&i!==`mirror`&&a!==0&&o!==`inertia`}var SC=40,CC=class extends bS{constructor({autoplay:e=!0,delay:t=0,type:n=`keyframes`,repeat:r=0,repeatDelay:i=0,repeatType:a=`loop`,keyframes:o,name:s,motionValue:c,element:l,...u}){super(),this.stop=()=>{this._animation&&(this._animation.stop(),this.stopTimeline?.()),this.keyframeResolver?.cancel()},this.createdAt=zb.now();let d={autoplay:e,delay:t,type:n,repeat:r,repeatDelay:i,repeatType:a,name:s,motionValue:c,element:l,...u};this.keyframeResolver=new(l?.KeyframeResolver||XS)(o,(e,t,n)=>this.onKeyframesResolved(e,t,d,!n),s,c,l),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(e,t,n,r){this.keyframeResolver=void 0;let{name:i,type:a,velocity:o,delay:s,isHandoff:c,onUpdate:l}=n;this.resolvedAt=zb.now(),_C(e,i,a,o)||((Ky.instantAnimations||!s)&&l?.(_S(e,n,t)),e[0]=e[e.length-1],vC(n),n.repeat=0);let u={startTime:r?this.resolvedAt&&this.resolvedAt-this.createdAt>SC?this.resolvedAt:this.createdAt:void 0,finalKeyframe:t,...n,keyframes:e},d=!c&&xC(u)?new mC({...u,element:u.motionValue.owner.current}):new SS(u);d.finished.then(()=>this.notifyFinished()).catch(Zy),this.pendingTimeline&&=(this.stopTimeline=d.attachTimeline(this.pendingTimeline),void 0),this._animation=d}get finished(){return this._animation?this.animation.finished:this._finished}then(e,t){return this.finished.finally(e).then(()=>{})}get animation(){return this._animation||(this.keyframeResolver?.resume(),YS()),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(e){this.animation.time=e}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(e){this.animation.speed=e}get startTime(){return this.animation.startTime}attachTimeline(e){return this._animation?this.stopTimeline=this.animation.attachTimeline(e):this.pendingTimeline=e,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){this._animation&&this.animation.cancel(),this.keyframeResolver?.cancel()}},wC=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function TC(e){let t=wC.exec(e);if(!t)return[,];let[,n,r,i]=t;return[`--${n??r}`,i]}var EC=4;function DC(e,t,n=1){Gy(n<=EC,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`,`max-css-var-depth`);let[r,i]=TC(e);if(!r)return;let a=window.getComputedStyle(t).getPropertyValue(r);if(a){let e=a.trim();return qy(e)?parseFloat(e):e}return Wb(i)?DC(i,t,n+1):i}function OC(e,t){return e?.[t]??e?.default??e}var kC=new Set([`width`,`height`,`top`,`left`,`right`,`bottom`,...IS]),AC={test:e=>e===`auto`,parse:e=>e},jC=e=>t=>t.test(e),MC=[qb,Y,lx,cx,dx,ux,AC],NC=e=>MC.find(jC(e));function PC(e){return typeof e==`number`?e===0:e===null?!0:e===`none`||e===`0`||Yy(e)}var FC=new Set([`brightness`,`contrast`,`saturate`,`opacity`]);function IC(e){let[t,n]=e.slice(0,-1).split(`(`);if(t===`drop-shadow`)return e;let[r]=n.match(Zb)||[];if(!r)return e;let i=n.replace(r,``),a=FC.has(t)?1:0;return r!==n&&(a*=100),t+`(`+a+i+`)`}var LC=/\b([a-z-]*)\(.*?\)/gu,RC={...Dx,getAnimatableNone:e=>{let t=e.match(LC);return t?t.map(IC).join(` `):e}},zC={...qb,transform:Math.round},BC={borderWidth:Y,borderTopWidth:Y,borderRightWidth:Y,borderBottomWidth:Y,borderLeftWidth:Y,borderRadius:Y,radius:Y,borderTopLeftRadius:Y,borderTopRightRadius:Y,borderBottomRightRadius:Y,borderBottomLeftRadius:Y,width:Y,maxWidth:Y,height:Y,maxHeight:Y,top:Y,right:Y,bottom:Y,left:Y,inset:Y,insetBlock:Y,insetBlockStart:Y,insetBlockEnd:Y,insetInline:Y,insetInlineStart:Y,insetInlineEnd:Y,padding:Y,paddingTop:Y,paddingRight:Y,paddingBottom:Y,paddingLeft:Y,paddingBlock:Y,paddingBlockStart:Y,paddingBlockEnd:Y,paddingInline:Y,paddingInlineStart:Y,paddingInlineEnd:Y,margin:Y,marginTop:Y,marginRight:Y,marginBottom:Y,marginLeft:Y,marginBlock:Y,marginBlockStart:Y,marginBlockEnd:Y,marginInline:Y,marginInlineStart:Y,marginInlineEnd:Y,backgroundPositionX:Y,backgroundPositionY:Y,rotate:cx,rotateX:cx,rotateY:cx,rotateZ:cx,scale:Yb,scaleX:Yb,scaleY:Yb,scaleZ:Yb,skew:cx,skewX:cx,skewY:cx,distance:Y,translateX:Y,translateY:Y,translateZ:Y,x:Y,y:Y,z:Y,perspective:Y,transformPerspective:Y,opacity:Jb,originX:fx,originY:fx,originZ:Y,zIndex:zC,fillOpacity:Jb,strokeOpacity:Jb,numOctaves:zC},VC={...BC,color:X,backgroundColor:X,outlineColor:X,fill:X,stroke:X,borderColor:X,borderTopColor:X,borderRightColor:X,borderBottomColor:X,borderLeftColor:X,filter:RC,WebkitFilter:RC},HC=e=>VC[e];function UC(e,t){let n=HC(e);return n!==RC&&(n=Dx),n.getAnimatableNone?n.getAnimatableNone(t):void 0}var WC=new Set([`auto`,`none`,`0`]);function GC(e,t,n){let r=0,i;for(;r<e.length&&!i;){let t=e[r];typeof t==`string`&&!WC.has(t)&&Sx(t).values.length&&(i=e[r]),r++}if(i&&n)for(let r of t)e[r]=UC(n,i)}var KC=class extends XS{constructor(e,t,n,r,i){super(e,t,n,r,i,!0)}readKeyframes(){let{unresolvedKeyframes:e,element:t,name:n}=this;if(!t||!t.current)return;super.readKeyframes();for(let n=0;n<e.length;n++){let r=e[n];if(typeof r==`string`&&(r=r.trim(),Wb(r))){let i=DC(r,t.current);i!==void 0&&(e[n]=i),n===e.length-1&&(this.finalKeyframe=r)}}if(this.resolveNoneKeyframes(),!kC.has(n)||e.length!==2)return;let[r,i]=e,a=NC(r),o=NC(i);if(Kb(r)!==Kb(i)&&HS[n]){this.needsMeasurement=!0;return}if(a!==o)if(RS(a)&&RS(o))for(let t=0;t<e.length;t++){let n=e[t];typeof n==`string`&&(e[t]=parseFloat(n))}else HS[n]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){let{unresolvedKeyframes:e,name:t}=this,n=[];for(let t=0;t<e.length;t++)(e[t]===null||PC(e[t]))&&n.push(t);n.length&&GC(e,n,t)}measureInitialState(){let{element:e,unresolvedKeyframes:t,name:n}=this;if(!e||!e.current)return;n===`height`&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=HS[n](e.measureViewportBox(),window.getComputedStyle(e.current)),t[0]=this.measuredOrigin;let r=t[t.length-1];r!==void 0&&e.getValue(n,r).jump(r,!1)}measureEndState(){let{element:e,name:t,unresolvedKeyframes:n}=this;if(!e||!e.current)return;let r=e.getValue(t);r&&r.jump(this.measuredOrigin,!1);let i=n.length-1,a=n[i];n[i]=HS[t](e.measureViewportBox(),window.getComputedStyle(e.current)),a!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=a),this.removedTransforms?.length&&this.removedTransforms.forEach(([t,n])=>{e.getValue(t).set(n)}),this.resolveNoneKeyframes()}};function qC(e,t,n){if(e instanceof EventTarget)return[e];if(typeof e==`string`){let r=document;t&&(r=t.current);let i=n?.[e]??r.querySelectorAll(e);return i?Array.from(i):[]}return Array.from(e)}var JC=(e,t)=>t&&typeof e==`number`?t.transform(e):e;function YC(e){return Jy(e)&&`offsetHeight`in e}var XC=30,ZC=e=>!isNaN(parseFloat(e)),QC={current:void 0},$C=class{constructor(e,t={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=e=>{let t=zb.now();if(this.updatedAt!==t&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(e),this.current!==this.prev&&(this.events.change?.notify(this.current),this.dependents))for(let e of this.dependents)e.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=t.owner}setCurrent(e){this.current=e,this.updatedAt=zb.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=ZC(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return process.env.NODE_ENV!==`production`&&ob(!1,`value.onChange(callback) is deprecated. Switch to value.on("change", callback).`),this.on(`change`,e)}on(e,t){this.events[e]||(this.events[e]=new tb);let n=this.events[e].add(t);return e===`change`?()=>{n(),J.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(let e in this.events)this.events[e].clear()}attach(e,t){this.passiveEffect=e,this.stopPassiveEffect=t}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,t,n){this.set(t),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-n}jump(e,t=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,t&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(e){this.dependents||=new Set,this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return QC.current&&QC.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){let e=zb.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>XC)return 0;let t=Math.min(this.updatedAt-this.prevUpdatedAt,XC);return ib(parseFloat(this.current)-parseFloat(this.prevFrameValue),t)}start(e){return this.stop(),new Promise(t=>{this.hasAnimated=!0,this.animation=e(t),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.dependents?.clear(),this.events.destroy?.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}};function ew(e,t){return new $C(e,t)}var{schedule:tw,cancel:nw}=Nb(queueMicrotask,!1),rw={x:!1,y:!1};function iw(){return rw.x||rw.y}function aw(e){return e===`x`||e===`y`?rw[e]?null:(rw[e]=!0,()=>{rw[e]=!1}):rw.x||rw.y?null:(rw.x=rw.y=!0,()=>{rw.x=rw.y=!1})}function ow(e,t){let n=qC(e),r=new AbortController;return[n,{passive:!0,...t,signal:r.signal},()=>r.abort()]}function sw(e){return!(e.pointerType===`touch`||iw())}function cw(e,t,n={}){let[r,i,a]=ow(e,n),o=e=>{if(!sw(e))return;let{target:n}=e,r=t(n,e);if(typeof r!=`function`||!n)return;let a=e=>{sw(e)&&(r(e),n.removeEventListener(`pointerleave`,a))};n.addEventListener(`pointerleave`,a,i)};return r.forEach(e=>{e.addEventListener(`pointerenter`,o,i)}),a}var lw=(e,t)=>t?e===t?!0:lw(e,t.parentElement):!1,uw=e=>e.pointerType===`mouse`?typeof e.button!=`number`||e.button<=0:e.isPrimary!==!1,dw=new Set([`BUTTON`,`INPUT`,`SELECT`,`TEXTAREA`,`A`]);function fw(e){return dw.has(e.tagName)||e.isContentEditable===!0}var pw=new WeakSet;function mw(e){return t=>{t.key===`Enter`&&e(t)}}function hw(e,t){e.dispatchEvent(new PointerEvent(`pointer`+t,{isPrimary:!0,bubbles:!0}))}var gw=(e,t)=>{let n=e.currentTarget;if(!n)return;let r=mw(()=>{if(pw.has(n))return;hw(n,`down`);let e=mw(()=>{hw(n,`up`)});n.addEventListener(`keyup`,e,t),n.addEventListener(`blur`,()=>hw(n,`cancel`),t)});n.addEventListener(`keydown`,r,t),n.addEventListener(`blur`,()=>n.removeEventListener(`keydown`,r),t)};function _w(e){return uw(e)&&!iw()}function vw(e,t,n={}){let[r,i,a]=ow(e,n),o=e=>{let r=e.currentTarget;if(!_w(e))return;pw.add(r);let a=t(r,e),o=(e,t)=>{window.removeEventListener(`pointerup`,s),window.removeEventListener(`pointercancel`,c),pw.has(r)&&pw.delete(r),_w(e)&&typeof a==`function`&&a(e,{success:t})},s=e=>{o(e,r===window||r===document||n.useGlobalTarget||lw(r,e.target))},c=e=>{o(e,!1)};window.addEventListener(`pointerup`,s,i),window.addEventListener(`pointercancel`,c,i)};return r.forEach(e=>{(n.useGlobalTarget?window:e).addEventListener(`pointerdown`,o,i),YC(e)&&(e.addEventListener(`focus`,e=>gw(e,i)),!fw(e)&&!e.hasAttribute(`tabindex`)&&(e.tabIndex=0))}),a}function yw(e){return Jy(e)&&`ownerSVGElement`in e}function bw(e){return yw(e)&&e.tagName===`svg`}var xw=e=>!!(e&&e.getVelocity),Sw=[...MC,X,Dx],Cw=e=>Sw.find(jC(e)),ww=(0,t.createContext)({transformPagePoint:e=>e,isStatic:!1,reducedMotion:`never`});function Tw(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function Ew(...e){return t=>{let n=!1,r=e.map(e=>{let r=Tw(e,t);return!n&&typeof r==`function`&&(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];typeof n==`function`?n():Tw(e[t],null)}}}}function Dw(...e){return t.useCallback(Ew(...e),e)}var Ow=class extends t.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=t.offsetParent,n=YC(e)&&e.offsetWidth||0,r=this.props.sizeRef.current;r.height=t.offsetHeight||0,r.width=t.offsetWidth||0,r.top=t.offsetTop,r.left=t.offsetLeft,r.right=n-r.width-r.left}return null}componentDidUpdate(){}render(){return this.props.children}};function kw({children:e,isPresent:n,anchorX:i,root:a}){let o=(0,t.useId)(),s=(0,t.useRef)(null),c=(0,t.useRef)({width:0,height:0,top:0,left:0,right:0}),{nonce:l}=(0,t.useContext)(ww),u=Dw(s,e.props?.ref??e?.ref);return(0,t.useInsertionEffect)(()=>{let{width:e,height:t,top:r,left:u,right:d}=c.current;if(n||!s.current||!e||!t)return;let f=i===`left`?`left: ${u}`:`right: ${d}`;s.current.dataset.motionPopId=o;let p=document.createElement(`style`);l&&(p.nonce=l);let m=a??document.head;return m.appendChild(p),p.sheet&&p.sheet.insertRule(`
+          `)?n.value.length:0;requestAnimationFrame(()=>{try{n.setSelectionRange(i,i)}catch{}n.focus()})}},t.createElement(`input`,{spellCheck:`false`,...l,ref:Ie(r,n),className:`rt-reset rt-TextFieldInput`}),i)});G.displayName=`TextField.Root`;var Pg=t.forwardRef((e,n)=>{let{className:r,color:i,side:a,...o}=B(e,Mg);return t.createElement(`div`,{"data-accent-color":i,"data-side":a,...o,ref:n,className:(0,Ng.default)(`rt-TextFieldSlot`,r)})});Pg.displayName=`TextField.Slot`;function K(e,t=`Assertion error`){if(!e)throw Error(t)}function Fg({group:e}){let{orientation:t,panels:n}=e;return n.reduce((e,n)=>(e+=t===`horizontal`?n.element.offsetWidth:n.element.offsetHeight,e),0)}function Ig(e,t){return t.sort(e===`horizontal`?Lg:Rg)}function Lg(e,t){let n=e.element.offsetLeft-t.element.offsetLeft;return n===0?e.element.offsetWidth-t.element.offsetWidth:n}function Rg(e,t){let n=e.element.offsetTop-t.element.offsetTop;return n===0?e.element.offsetHeight-t.element.offsetHeight:n}function zg(e){return typeof e==`object`&&!!e&&`nodeType`in e&&e.nodeType===Node.ELEMENT_NODE}function Bg(e,t){return{x:e.x>=t.left&&e.x<=t.right?0:Math.min(Math.abs(e.x-t.left),Math.abs(e.x-t.right)),y:e.y>=t.top&&e.y<=t.bottom?0:Math.min(Math.abs(e.y-t.top),Math.abs(e.y-t.bottom))}}function Vg({orientation:e,rects:t,targetRect:n}){let r={x:n.x+n.width/2,y:n.y+n.height/2},i,a=Number.MAX_VALUE;for(let n of t){let{x:t,y:o}=Bg(r,n),s=e===`horizontal`?t:o;s<a&&(a=s,i=n)}return K(i,`No rect found`),i}function Hg(e){let{element:t,orientation:n,panels:r,separators:i}=e,a=Ig(n,Array.from(t.children).filter(zg).map(e=>({element:e}))).map(({element:e})=>e),o=[],s=!1,c,l=[];for(let t of a)if(t.hasAttribute(`data-panel`)){let i=r.find(e=>e.element===t);if(i){if(c){let r=c.element.getBoundingClientRect(),a=t.getBoundingClientRect(),u;if(s){let e=n===`horizontal`?new DOMRect(r.right,r.top,0,r.height):new DOMRect(r.left,r.bottom,r.width,0),t=n===`horizontal`?new DOMRect(a.left,a.top,0,a.height):new DOMRect(a.left,a.top,a.width,0);switch(l.length){case 0:u=[e,t];break;case 1:{let i=l[0];u=[i,Vg({orientation:n,rects:[r,a],targetRect:i.element.getBoundingClientRect()})===r?t:e];break}default:u=l;break}}else u=l.length?l:[n===`horizontal`?new DOMRect(r.right,a.top,a.left-r.right,a.height):new DOMRect(a.left,r.bottom,a.width,a.top-r.bottom)];for(let t of u)o.push({group:e,groupSize:Fg({group:e}),panels:[c,i],separator:`width`in t?void 0:t,rect:`width`in t?t:t.element.getBoundingClientRect()})}s=!1,c=i,l=[]}}else if(t.hasAttribute(`data-separator`)){let e=i.find(e=>e.element===t);e?l.push(e):(c=void 0,l=[])}else s=!0;return o}function Ug(e,t){let n=getComputedStyle(e);return t*parseFloat(n.fontSize)}function Wg(e,t){let n=getComputedStyle(e.ownerDocument.body);return t*parseFloat(n.fontSize)}function Gg(e){return e/100*window.innerHeight}function Kg(e){return e/100*window.innerWidth}function qg(e){switch(typeof e){case`number`:return[e,`px`];case`string`:{let t=parseFloat(e);return e.endsWith(`%`)?[t,`%`]:e.endsWith(`px`)?[t,`px`]:e.endsWith(`rem`)?[t,`rem`]:e.endsWith(`em`)?[t,`em`]:e.endsWith(`vh`)?[t,`vh`]:e.endsWith(`vw`)?[t,`vw`]:[t,`%`]}}}function Jg({groupSize:e,panelElement:t,styleProp:n}){let r,[i,a]=qg(n);switch(a){case`%`:r=i/100*e;break;case`px`:r=i;break;case`rem`:r=Wg(t,i);break;case`em`:r=Ug(t,i);break;case`vh`:r=Gg(i);break;case`vw`:r=Kg(i);break}return r}function Yg(e){return parseFloat(e.toFixed(3))}function Xg(e){let{panels:t}=e,n=Fg({group:e});return n===0?t.map(e=>({collapsedSize:0,collapsible:e.panelConstraints.collapsible===!0,defaultSize:void 0,minSize:0,maxSize:100,panelId:e.id})):t.map(e=>{let{element:t,panelConstraints:r}=e,i=0;r.collapsedSize&&(i=Yg(Jg({groupSize:n,panelElement:t,styleProp:r.collapsedSize})/n*100));let a;r.defaultSize&&(a=Yg(Jg({groupSize:n,panelElement:t,styleProp:r.defaultSize})/n*100));let o=0;r.minSize&&(o=Yg(Jg({groupSize:n,panelElement:t,styleProp:r.minSize})/n*100));let s=100;return r.maxSize&&(s=Yg(Jg({groupSize:n,panelElement:t,styleProp:r.maxSize})/n*100)),{collapsedSize:i,collapsible:r.collapsible===!0,defaultSize:a,minSize:o,maxSize:s,panelId:e.id}})}var Zg=class{#e={};addListener(e,t){let n=this.#e[e];return n===void 0?this.#e[e]=[t]:n.includes(t)||n.push(t),()=>{this.removeListener(e,t)}}emit(e,t){let n=this.#e[e];if(n!==void 0)if(n.length===1)n[0].call(null,t);else{let e=!1,r=null,i=Array.from(n);for(let n=0;n<i.length;n++){let a=i[n];try{a.call(null,t)}catch(t){r===null&&(e=!0,r=t)}}if(e)throw r}}removeAllListeners(){this.#e={}}removeListener(e,t){let n=this.#e[e];if(n!==void 0){let e=n.indexOf(t);e>=0&&n.splice(e,1)}}};function Qg(e,t,n=0){return Math.abs(Yg(e)-Yg(t))<=n}var $g={cursorFlags:0,interactionState:{state:`inactive`},mountedGroups:new Map},e_=new Zg;function t_(){return $g}function n_(e){let t=typeof e==`function`?e($g):e;if($g===t)return $g;let n=$g;return $g={...$g,...t},t.cursorFlags!==void 0&&e_.emit(`cursorFlagsChange`,$g.cursorFlags),t.interactionState!==void 0&&e_.emit(`interactionStateChange`,$g.interactionState),t.mountedGroups!==void 0&&($g.mountedGroups.forEach((e,t)=>{e.derivedPanelConstraints.forEach(r=>{if(r.collapsible){let{layout:i}=n.mountedGroups.get(t)??{};if(i){let n=Qg(r.collapsedSize,e.layout[r.panelId]),a=Qg(r.collapsedSize,i[r.panelId]);n&&!a&&(t.inMemoryLastExpandedPanelSizes[r.panelId]=i[r.panelId])}}})}),e_.emit(`mountedGroupsChange`,$g.mountedGroups)),$g}function r_(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!=t[n])return!1;return!0}function i_(e,t){return Qg(e,t)?0:e>t?1:-1}function a_({panelConstraints:e,size:t}){let{collapsedSize:n=0,collapsible:r,maxSize:i=100,minSize:a=0}=e;if(i_(t,a)<0)if(r){let e=(n+a)/2;t=i_(t,e)<0?n:a}else t=a;return t=Math.min(i,t),t=Yg(t),t}function o_({delta:e,initialLayout:t,panelConstraints:n,pivotIndices:r,prevLayout:i,trigger:a}){if(Qg(e,0))return t;let o=Object.values(t),s=Object.values(i),c=[...o],[l,u]=r;K(l!=null,`Invalid first pivot index`),K(u!=null,`Invalid second pivot index`);let d=0;if(a===`keyboard`){{let t=e<0?u:l,r=n[t];K(r,`Panel constraints not found for index ${t}`);let{collapsedSize:i=0,collapsible:a,minSize:s=0}=r;if(a){let n=o[t];if(K(n!=null,`Previous layout not found for panel index ${t}`),Qg(n,i)){let t=s-n;i_(t,Math.abs(e))>0&&(e=e<0?0-t:t)}}}{let t=e<0?l:u,r=n[t];K(r,`No panel constraints found for index ${t}`);let{collapsedSize:i=0,collapsible:a,minSize:s=0}=r;if(a){let n=o[t];if(K(n!=null,`Previous layout not found for panel index ${t}`),Qg(n,s)){let t=n-i;i_(t,Math.abs(e))>0&&(e=e<0?0-t:t)}}}}{let t=e<0?1:-1,r=e<0?u:l,i=0;for(;;){let e=o[r];K(e!=null,`Previous layout not found for panel index ${r}`);let a=a_({panelConstraints:n[r],size:100})-e;if(i+=a,r+=t,r<0||r>=n.length)break}let a=Math.min(Math.abs(e),Math.abs(i));e=e<0?0-a:a}{let t=e<0?l:u;for(;t>=0&&t<n.length;){let r=Math.abs(e)-Math.abs(d),i=o[t];K(i!=null,`Previous layout not found for panel index ${t}`);let a=i-r,s=a_({panelConstraints:n[t],size:a});if(!Qg(i,s)&&(d+=i-s,c[t]=s,d.toFixed(3).localeCompare(Math.abs(e).toFixed(3),void 0,{numeric:!0})>=0))break;e<0?t--:t++}}if(r_(s,c))return i;{let t=e<0?u:l,r=o[t];K(r!=null,`Previous layout not found for panel index ${t}`);let i=r+d,a=a_({panelConstraints:n[t],size:i});if(c[t]=a,!Qg(a,i)){let t=i-a,r=e<0?u:l;for(;r>=0&&r<n.length;){let i=c[r];K(i!=null,`Previous layout not found for panel index ${r}`);let a=i+t,o=a_({panelConstraints:n[r],size:a});if(Qg(i,o)||(t-=o-i,c[r]=o),Qg(t,0))break;e>0?r--:r++}}}if(!Qg(Object.values(c).reduce((e,t)=>t+e,0),100,.1))return i;let f=Object.keys(i);return c.reduce((e,t,n)=>(e[f[n]]=t,e),{})}function s_(e){let{mountedGroups:t}=t_();for(let[n]of t)if(n.separators.some(t=>t.element===e))return n;throw Error(`Could not find parent Group for separator element`)}function c_(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(let n in e)if(t[n]===void 0||i_(e[n],t[n])!==0)return!1;return!0}function l_({layout:e,panelConstraints:t}){let n=[...Object.values(e)],r=n.reduce((e,t)=>e+t,0);if(n.length!==t.length)throw Error(`Invalid ${t.length} panel layout: ${n.map(e=>`${e}%`).join(`, `)}`);if(!Qg(r,100)&&n.length>0)for(let e=0;e<t.length;e++){let t=n[e];K(t!=null,`No layout data found for index ${e}`),n[e]=100/r*t}let i=0;for(let e=0;e<t.length;e++){let r=n[e];K(r!=null,`No layout data found for index ${e}`);let a=a_({panelConstraints:t[e],size:r});r!=a&&(i+=r-a,n[e]=a)}if(!Qg(i,0))for(let e=0;e<t.length;e++){let r=n[e];K(r!=null,`No layout data found for index ${e}`);let a=r+i,o=a_({panelConstraints:t[e],size:a});if(r!==o&&(i-=o-r,n[e]=o,Qg(i,0)))break}let a=Object.keys(e);return n.reduce((e,t,n)=>(e[a[n]]=t,e),{})}function u_({groupId:e}){let t=()=>{let{mountedGroups:t}=t_();for(let[n,r]of t)if(n.id===e)return{group:n,...r};throw Error(`Could not find Group with id "${e}"`)};return{getLayout(){let{defaultLayoutDeferred:e,layout:n}=t();return e?{}:n},setLayout(e){let{defaultLayoutDeferred:n,derivedPanelConstraints:r,group:i,layout:a,separatorToPanels:o}=t(),s=l_({layout:e,panelConstraints:r});return n?a:(c_(a,s)||n_(e=>({mountedGroups:new Map(e.mountedGroups).set(i,{defaultLayoutDeferred:n,derivedPanelConstraints:r,layout:s,separatorToPanels:o})})),s)}}}function d_(e){let{mountedGroups:t}=t_(),n=t.get(e);return K(n,`Mounted Group ${e.id} not found`),n}function f_(e,t){let n=s_(e),r=d_(n),i=n.separators.find(t=>t.element===e);K(i,`Matching separator not found`);let a=r.separatorToPanels.get(i);K(a,`Matching panels not found`);let o=a.map(e=>n.panels.indexOf(e)),s=u_({groupId:n.id}).getLayout(),c=l_({layout:o_({delta:t,initialLayout:s,panelConstraints:r.derivedPanelConstraints,pivotIndices:o,prevLayout:s,trigger:`keyboard`}),panelConstraints:r.derivedPanelConstraints});c_(s,c)||n_(e=>({mountedGroups:new Map(e.mountedGroups).set(n,{defaultLayoutDeferred:r.defaultLayoutDeferred,derivedPanelConstraints:r.derivedPanelConstraints,layout:c,separatorToPanels:r.separatorToPanels})}))}function p_(e){if(e.defaultPrevented)return;let t=e.currentTarget,n=s_(t);if(!n.disabled)switch(e.key){case`ArrowDown`:e.preventDefault(),n.orientation===`vertical`&&f_(t,5);break;case`ArrowLeft`:e.preventDefault(),n.orientation===`horizontal`&&f_(t,-5);break;case`ArrowRight`:e.preventDefault(),n.orientation===`horizontal`&&f_(t,5);break;case`ArrowUp`:e.preventDefault(),n.orientation===`vertical`&&f_(t,-5);break;case`End`:e.preventDefault(),f_(t,100);break;case`Enter`:{e.preventDefault();let n=s_(t),{derivedPanelConstraints:r,layout:i,separatorToPanels:a}=d_(n),o=n.separators.find(e=>e.element===t);K(o,`Matching separator not found`);let s=a.get(o);K(s,`Matching panels not found`);let c=s[0],l=r.find(e=>e.panelId===c.id);if(K(l,`Panel metadata not found`),l.collapsible){let e=i[c.id];f_(t,(l.collapsedSize===e?n.inMemoryLastExpandedPanelSizes[c.id]??l.minSize:l.collapsedSize)-e)}break}case`F6`:{e.preventDefault();let n=s_(t).separators.map(e=>e.element),r=Array.from(n).findIndex(t=>t===e.currentTarget);K(r!==null,`Index not found`),n[e.shiftKey?r>0?r-1:n.length-1:r+1<n.length?r+1:0].focus();break}case`Home`:e.preventDefault(),f_(t,-100);break}}var m_=e=>e,h_=()=>{},g_=1,__=2,v_=4,y_=8,b_={coarse:10,precise:5};function x_(e,t,n){let r,i={x:1/0,y:1/0};for(let a of t){let t=Bg(n,a.rect);switch(e){case`horizontal`:t.x<=i.x&&(r=a,i=t);break;case`vertical`:t.y<=i.y&&(r=a,i=t);break}}return r?{distance:i,hitRegion:r}:void 0}var S_;function C_(){return S_===void 0&&(S_=typeof matchMedia==`function`?!!matchMedia(`(pointer:coarse)`).matches:!1),S_}function w_(e){return typeof e==`object`&&!!e&&`nodeType`in e&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE}function T_(e,t){if(e===t)throw Error(`Cannot compare node with itself`);let n={a:j_(e),b:j_(t)},r;for(;n.a.at(-1)===n.b.at(-1);)e=n.a.pop(),t=n.b.pop(),r=e;K(r,`Stacking order can only be calculated for elements with a common ancestor`);let i={a:A_(k_(n.a)),b:A_(k_(n.b))};if(i.a===i.b){let e=r.childNodes,t={a:n.a.at(-1),b:n.b.at(-1)},i=e.length;for(;i--;){let n=e[i];if(n===t.a)return 1;if(n===t.b)return-1}}return Math.sign(i.a-i.b)}var E_=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function D_(e){let t=getComputedStyle(M_(e)??e).display;return t===`flex`||t===`inline-flex`}function O_(e){let t=getComputedStyle(e);return!!(t.position===`fixed`||t.zIndex!==`auto`&&(t.position!==`static`||D_(e))||+t.opacity<1||`transform`in t&&t.transform!==`none`||`webkitTransform`in t&&t.webkitTransform!==`none`||`mixBlendMode`in t&&t.mixBlendMode!==`normal`||`filter`in t&&t.filter!==`none`||`webkitFilter`in t&&t.webkitFilter!==`none`||`isolation`in t&&t.isolation===`isolate`||E_.test(t.willChange)||t.webkitOverflowScrolling===`touch`)}function k_(e){let t=e.length;for(;t--;){let n=e[t];if(K(n,`Missing node`),O_(n))return n}return null}function A_(e){return e&&Number(getComputedStyle(e).zIndex)||0}function j_(e){let t=[];for(;e;)t.push(e),e=M_(e);return t}function M_(e){let{parentNode:t}=e;return w_(t)?t.host:t}function N_(e,t){return e.x<t.x+t.width&&e.x+e.width>t.x&&e.y<t.y+t.height&&e.y+e.height>t.y}function P_({groupElement:e,hitRegion:t,pointerEventTarget:n}){if(!zg(n)||n.contains(e)||e.contains(n))return!0;if(T_(n,e)>0){let r=n;for(;r;){if(r.contains(e))return!0;if(N_(r.getBoundingClientRect(),t))return!1;r=r.parentElement}}return!0}function F_(e,t){let n=[];return t.forEach((t,r)=>{if(r.disabled)return;let i=C_()?b_.coarse:b_.precise,a=Hg(r),o=x_(r.orientation,a,{x:e.clientX,y:e.clientY});o&&o.distance.x<=i&&o.distance.y<=i&&P_({groupElement:r.element,hitRegion:o.hitRegion.rect,pointerEventTarget:e.target})&&n.push(o.hitRegion)}),n}function I_(e){if(e.defaultPrevented||e.pointerType===`mouse`&&e.button>0)return;let{mountedGroups:t}=t_(),n=F_(e,t),r=new Set,i=new Set,a=new Set,o=new Map,s=!1;n.forEach(e=>{r.add(e.group),e.panels.forEach(e=>{i.add(e)}),e.separator&&(a.add(e.separator),s||(s=!0,e.separator.element.focus()));let n=t.get(e.group);n&&o.set(e.group,n.layout)}),n_({interactionState:{hitRegions:n,initialLayoutMap:o,pointerDownAtPoint:{x:e.clientX,y:e.clientY},state:`active`}}),n.length&&e.preventDefault()}function L_({cursorFlags:e,groups:t,state:n}){let r=0,i=0;switch(n){case`active`:case`hover`:t.forEach(e=>{if(!e.disableCursor)switch(e.orientation){case`horizontal`:r++;break;case`vertical`:i++;break}})}if(r===0&&i===0)return null;switch(n){case`active`:{let t=(e&g_)!==0,n=(e&__)!==0,r=(e&v_)!==0,i=(e&y_)!==0;if(e){if(t)return r?`se-resize`:i?`ne-resize`:`e-resize`;if(n)return r?`sw-resize`:i?`nw-resize`:`w-resize`;if(r)return`s-resize`;if(i)return`n-resize`}break}}return r>0&&i>0?`move`:r>0?`ew-resize`:`ns-resize`}var R_=new WeakMap;function z_(e){if(e.defaultView===null||e.defaultView===void 0)return;let{prevStyle:t,styleSheet:n}=R_.get(e)??{};n===void 0&&(n=new e.defaultView.CSSStyleSheet,e.adoptedStyleSheets=[n]);let{cursorFlags:r,interactionState:i}=t_();switch(i.state){case`active`:case`hover`:{let e=L_({cursorFlags:r,groups:i.hitRegions.map(e=>e.group),state:i.state}),a=`*{cursor: ${e} !important; ${i.state===`active`?`touch-action: none;`:``} }`;if(t===a)return;t=a,e?n.cssRules.length===0?n.insertRule(a):n.replaceSync(a):n.cssRules.length===1&&n.deleteRule(0);break}case`inactive`:t=void 0,n.cssRules.length===1&&n.deleteRule(0);break}R_.set(e,{prevStyle:t,styleSheet:n})}function B_({document:e,event:t,hitRegions:n,initialLayoutMap:r,mountedGroups:i,pointerDownAtPoint:a}){let o=0,s=new Map(i);n.forEach(e=>{let{group:n,groupSize:c}=e,{disableCursor:l,orientation:u,panels:d}=n,f=0;f=a?u===`horizontal`?(t.clientX-a.x)/c*100:(t.clientY-a.y)/c*100:u===`horizontal`?t.clientX<0?-100:100:t.clientY<0?-100:100;let p=r.get(n),{defaultLayoutDeferred:m,derivedPanelConstraints:h,layout:g,separatorToPanels:_}=i.get(n)??{defaultLayoutDeferred:!1};if(h&&p&&g&&_){let t=o_({delta:f,initialLayout:p,panelConstraints:h,pivotIndices:e.panels.map(e=>d.indexOf(e)),prevLayout:g,trigger:`mouse-or-touch`});if(c_(t,g)){if(f!==0&&!l)switch(u){case`horizontal`:o|=f<0?g_:__;break;case`vertical`:o|=f<0?v_:y_;break}}else{s.set(e.group,{defaultLayoutDeferred:m,derivedPanelConstraints:h,layout:t,separatorToPanels:_});let n=e.group.panels.map(({id:e})=>e).join(`,`);e.group.inMemoryLayouts[n]=t}}}),n_({cursorFlags:o,mountedGroups:s}),z_(e)}function V_(e){let{interactionState:t,mountedGroups:n}=t_();switch(t.state){case`active`:B_({document:e.currentTarget,event:e,hitRegions:t.hitRegions,initialLayoutMap:t.initialLayoutMap,mountedGroups:n})}}function H_(e){if(e.defaultPrevented)return;let{interactionState:t,mountedGroups:n}=t_();switch(t.state){case`active`:if(e.buttons===0){n_(e=>e.interactionState.state===`inactive`?e:{cursorFlags:0,interactionState:{state:`inactive`}});return}B_({document:e.currentTarget,event:e,hitRegions:t.hitRegions,initialLayoutMap:t.initialLayoutMap,mountedGroups:n,pointerDownAtPoint:t.pointerDownAtPoint});break;default:{let r=F_(e,n);r.length===0?t.state!==`inactive`&&n_({interactionState:{state:`inactive`}}):n_({interactionState:{hitRegions:r,state:`hover`}}),z_(e.currentTarget);break}}}function U_(e){if(e.defaultPrevented||e.pointerType===`mouse`&&e.button>0)return;e.preventDefault();let{interactionState:t}=t_();switch(t.state){case`active`:n_({cursorFlags:0,interactionState:{state:`inactive`}}),z_(e.currentTarget)}}function W_(e){let t=0,n=0,r={};for(let i of e)if(i.defaultSize!==void 0){t++;let e=Yg(i.defaultSize);n+=e,r[i.panelId]=e}else r[i.panelId]=void 0;let i=e.length-t;if(i!==0){let t=Yg((100-n)/i);for(let n of e)n.defaultSize===void 0&&(r[n.panelId]=t)}return r}function G_(e,t,n){if(!n[0])return;let r=e.panels.find(e=>e.element===t);if(!r||!r.onResize)return;let i=Fg({group:e}),a=e.orientation===`horizontal`?r.element.offsetWidth:r.element.offsetHeight,o=r.mutableValues.prevSize,s={asPercentage:Yg(a/i*100),inPixels:a};r.mutableValues.prevSize=s,r.onResize(s,r.id,o)}function K_(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(let n in e)if(e[n]!==t[n])return!1;return!0}function q_(e,t){let n=e.map(e=>e.id),r=Object.keys(t);if(n.length!==r.length)return!1;for(let e of n)if(!r.includes(e))return!1;return!0}var J_=new Map;function Y_(e){let t=!0;K(e.element.ownerDocument.defaultView,`Cannot register an unmounted Group`);let n=e.element.ownerDocument.defaultView.ResizeObserver,r=new Set,i=new Set,a=new n(n=>{for(let r of n){let{borderBoxSize:n,target:i}=r;if(i===e.element){if(t){if(Fg({group:e})===0)return;n_(t=>{let n=t.mountedGroups.get(e);if(n){let r=Xg(e),i=n.defaultLayoutDeferred?W_(r):n.layout,a=l_({layout:i,panelConstraints:r});return!n.defaultLayoutDeferred&&c_(i,a)&&K_(n.derivedPanelConstraints,r)?t:{mountedGroups:new Map(t.mountedGroups).set(e,{defaultLayoutDeferred:!1,derivedPanelConstraints:r,layout:a,separatorToPanels:n.separatorToPanels})}}return t})}}else G_(e,i,n)}});a.observe(e.element),e.panels.forEach(e=>{K(!r.has(e.id),`Panel ids must be unique; id "${e.id}" was used more than once`),r.add(e.id),e.onResize&&a.observe(e.element)});let o=Fg({group:e}),s=Xg(e),c=e.panels.map(({id:e})=>e).join(`,`),l=e.defaultLayout;l&&(q_(e.panels,l)||(l=void 0));let u=l_({layout:e.inMemoryLayouts[c]??l??W_(s),panelConstraints:s}),d=Hg(e),f=e.element.ownerDocument;return n_(t=>{let n=new Map;return J_.set(f,(J_.get(f)??0)+1),d.forEach(e=>{e.separator&&n.set(e.separator,e.panels)}),{mountedGroups:new Map(t.mountedGroups).set(e,{defaultLayoutDeferred:o===0,derivedPanelConstraints:s,layout:u,separatorToPanels:n})}}),e.separators.forEach(e=>{K(!i.has(e.id),`Separator ids must be unique; id "${e.id}" was used more than once`),i.add(e.id),e.element.addEventListener(`keydown`,p_)}),J_.get(f)===1&&(f.addEventListener(`pointerdown`,I_,!0),f.addEventListener(`pointerleave`,V_),f.addEventListener(`pointermove`,H_),f.addEventListener(`pointerup`,U_,!0)),function(){t=!1,J_.set(f,Math.max(0,(J_.get(f)??0)-1)),n_(t=>{let n=new Map(t.mountedGroups);return n.delete(e),{mountedGroups:n}}),e.separators.forEach(e=>{e.element.removeEventListener(`keydown`,p_)}),J_.get(f)||(f.removeEventListener(`pointerdown`,I_,!0),f.removeEventListener(`pointerleave`,V_),f.removeEventListener(`pointermove`,H_),f.removeEventListener(`pointerup`,U_,!0)),a.disconnect()}}function X_(){let[e,n]=(0,t.useState)({});return[e,(0,t.useCallback)(()=>n({}),[])]}function Z_(e){let n=(0,t.useId)();return`${e??n}`}var Q_=typeof window<`u`?t.useLayoutEffect:t.useEffect;function $_(e){let n=(0,t.useRef)(e);return Q_(()=>{n.current=e},[e]),(0,t.useCallback)((...e)=>n.current?.(...e),[n])}function ev(...e){return $_(t=>{e.forEach(e=>{if(e)switch(typeof e){case`function`:e(t);break;case`object`:e.current=t;break}})})}function tv(e){let n=(0,t.useRef)({...e});return Q_(()=>{for(let t in e)n.current[t]=e[t]},[e]),n.current}var nv=`--react-resizable-panels--panel--pointer-events`;function rv(e,t){return`--react-resizable-panels--${e.replace(/[^a-zA-Z0-9\-_]/g,``)}--${t.replace(/[^a-zA-Z0-9\-_]/g,``)}`}var iv=(0,t.createContext)(null);function av(e,n){let r=(0,t.useRef)({getLayout:()=>({}),setLayout:m_});(0,t.useImperativeHandle)(n,()=>r.current,[]),Q_(()=>{Object.assign(r.current,u_({groupId:e}))})}function ov({children:e,className:n,defaultLayout:i,disableCursor:a,disabled:o,elementRef:s,groupRef:c,id:l,onLayoutChange:u,orientation:d=`horizontal`,style:f,...p}){let m=(0,t.useRef)({}),h=$_(e=>{c_(m.current,e)||(m.current=e,u?.(e))}),g=Z_(l),_=(0,t.useRef)(null),[v,y]=(0,t.useState)(!1),[b,x]=(0,t.useState)(i??{}),[S,C]=X_(),w=(0,t.useRef)({lastExpandedPanelSizes:{},layouts:{},panels:[],separators:[]}),T=ev(_,s);av(g,c);let E=(0,t.useMemo)(()=>({id:g,orientation:d,registerPanel:e=>{let t=w.current;return t.panels=Ig(d,[...t.panels,e]),C(),()=>{t.panels=t.panels.filter(t=>t!==e),C()}},registerSeparator:e=>{let t=w.current;return t.separators=Ig(d,[...t.separators,e]),C(),()=>{t.separators=t.separators.filter(t=>t!==e),C()}}}),[g,C,d]),D=tv({defaultLayout:i,disableCursor:a}),O=(0,t.useRef)(null);Q_(()=>{let e=_.current;if(e===null)return;let t=w.current,n={defaultLayout:D.defaultLayout,disableCursor:!!D.disableCursor,disabled:!!o,element:e,id:g,inMemoryLastExpandedPanelSizes:w.current.lastExpandedPanelSizes,inMemoryLayouts:w.current.layouts,orientation:d,panels:t.panels,separators:t.separators};O.current=n;let r=Y_(n),i=t_().mountedGroups.get(n);if(i){let{defaultLayoutDeferred:e,derivedPanelConstraints:t,layout:n}=i;!e&&t.length>0&&(x(n),h?.(n))}let a=e_.addListener(`interactionStateChange`,e=>{switch(e.state){case`active`:y(e.hitRegions.some(e=>e.group===n));break;default:y(!1);break}}),s=e_.addListener(`mountedGroupsChange`,e=>{let t=e.get(n);if(t){let{defaultLayoutDeferred:e,derivedPanelConstraints:n,layout:r}=t;if(e||n.length===0)return;x(r),h?.(r)}});return()=>{O.current=null,r(),a(),s()}},[o,g,h,d,S,D]),(0,t.useEffect)(()=>{let e=O.current;e&&(e.defaultLayout=i,e.disableCursor=!!a)});let k={[nv]:v?`none`:void 0};for(let e in b){let t=rv(g,e);k[t]=b[e]}return(0,r.jsx)(iv.Provider,{value:E,children:(0,r.jsx)(`div`,{...p,"aria-orientation":d,className:n,"data-group":!0,"data-testid":g,id:g,ref:T,style:{height:`100%`,width:`100%`,overflow:`hidden`,...f,...k,display:`flex`,flexDirection:d===`horizontal`?`row`:`column`,flexWrap:`nowrap`},children:e})})}ov.displayName=`Group`;function sv(){let e=(0,t.useContext)(iv);return K(e,`Group Context not found; did you render a Panel or Separator outside of a Group?`),e}function cv({groupId:e,panelId:t}){let n=()=>{let{mountedGroups:t}=t_();for(let[n,{defaultLayoutDeferred:r,derivedPanelConstraints:i,layout:a,separatorToPanels:o}]of t)if(n.id===e)return{defaultLayoutDeferred:r,derivedPanelConstraints:i,group:n,layout:a,separatorToPanels:o};throw Error(`Group ${e} not found`)},r=()=>{let e=n().derivedPanelConstraints.find(e=>e.panelId===t);if(e!==void 0)return e;throw Error(`Panel constraints not found for Panel ${t}`)},i=()=>{let e=n().group.panels.find(e=>e.id===t);if(e!==void 0)return e;throw Error(`Layout not found for Panel ${t}`)},a=()=>{let e=n().layout[t];if(e!==void 0)return e;throw Error(`Layout not found for Panel ${t}`)},o=e=>{let r=a();if(e===r)return;let{defaultLayoutDeferred:i,derivedPanelConstraints:o,group:s,layout:c,separatorToPanels:l}=n(),u=s.panels.findIndex(e=>e.id===t),d=u===s.panels.length-1,f=l_({layout:o_({delta:d?r-e:e-r,initialLayout:c,panelConstraints:o,pivotIndices:d?[u-1,u]:[u,u+1],prevLayout:c,trigger:`imperative-api`}),panelConstraints:o});c_(c,f)||n_(e=>({mountedGroups:new Map(e.mountedGroups).set(s,{defaultLayoutDeferred:i,derivedPanelConstraints:o,layout:f,separatorToPanels:l})}))};return{collapse:()=>{let{collapsible:e,collapsedSize:t}=r(),{mutableValues:n}=i(),s=a();e&&s!==t&&(n.expandToSize=s,o(t))},expand:()=>{let{collapsible:e,collapsedSize:t,minSize:n}=r(),{mutableValues:s}=i(),c=a();if(e&&c===t){let e=s.expandToSize??n;e===0&&(e=1),o(e)}},getSize:()=>{let{group:e}=n(),t=a(),{element:r}=i();return{asPercentage:t,inPixels:e.orientation===`horizontal`?r.offsetWidth:r.offsetHeight}},isCollapsed:()=>{let{collapsible:e,collapsedSize:t}=r(),n=a();return e&&Qg(t,n)},resize:e=>{if(a()!==e){let t;switch(typeof e){case`number`:{let{group:r}=n();t=Yg(e/Fg({group:r})*100);break}case`string`:t=parseFloat(e);break}o(t)}}}}function lv(e,n){let{id:r}=sv(),i=(0,t.useRef)({collapse:h_,expand:h_,getSize:()=>({asPercentage:0,inPixels:0}),isCollapsed:()=>!1,resize:h_});(0,t.useImperativeHandle)(n,()=>i.current,[]),Q_(()=>{Object.assign(i.current,cv({groupId:r,panelId:e}))})}function uv({children:e,className:n,collapsedSize:i=`0%`,collapsible:a=!1,defaultSize:o,elementRef:s,id:c,maxSize:l=`100%`,minSize:u=`0%`,onResize:d,panelRef:f,style:p,...m}){let h=!!c,g=Z_(c),_=(0,t.useRef)(null),v=ev(_,s),{id:y,registerPanel:b}=sv(),x=d!==null,S=$_((e,t,n)=>{d?.(e,c,n)});Q_(()=>{let e=_.current;if(e!==null)return b({element:e,id:g,idIsStable:h,mutableValues:{expandToSize:void 0,prevSize:void 0},onResize:x?S:void 0,panelConstraints:{collapsedSize:i,collapsible:a,defaultSize:o,maxSize:l,minSize:u}})},[i,a,o,x,g,h,l,u,S,b]),lv(g,f);let C=rv(y,g);return(0,r.jsx)(`div`,{...m,"data-panel":!0,"data-testid":g,id:g,ref:v,style:{...dv,flexBasis:0,flexGrow:`var(${C}, 1)`,flexShrink:1,overflow:`hidden`,pointerEvents:`var(${nv})`},children:(0,r.jsx)(`div`,{className:n,style:{width:`100%`,height:`100%`,...p},children:e})})}uv.displayName=`Panel`;var dv={minHeight:0,maxHeight:`100%`,height:`auto`,minWidth:0,maxWidth:`100%`,width:`auto`,border:`none`,borderWidth:0,padding:0,margin:0};function fv({layout:e,panelConstraints:t,panelId:n,panelIndex:r}){let i,a,o=e[n],s=t.find(e=>e.panelId===n);if(s){let c=s.maxSize,l=a=s.collapsible?s.collapsedSize:s.minSize,u=[r,r+1];a=l_({layout:o_({delta:l-o,initialLayout:e,panelConstraints:t,pivotIndices:u,prevLayout:e,trigger:`keyboard`}),panelConstraints:t})[n],i=l_({layout:o_({delta:c-o,initialLayout:e,panelConstraints:t,pivotIndices:u,prevLayout:e,trigger:`keyboard`}),panelConstraints:t})[n]}return{valueControls:n,valueMax:i,valueMin:a,valueNow:o}}function pv({children:e,className:n,elementRef:i,id:a,style:o,...s}){let c=Z_(a),[l,u]=(0,t.useState)({}),[d,f]=(0,t.useState)(`inactive`),p=(0,t.useRef)(null),m=ev(p,i),{id:h,orientation:g,registerSeparator:_}=sv(),v=g===`horizontal`?`vertical`:`horizontal`;return Q_(()=>{let e=p.current;if(e!==null){let t={element:e,id:c},n=_(t),r=e_.addListener(`interactionStateChange`,e=>{f(e.state!==`inactive`&&e.hitRegions.some(e=>e.separator===t)?e.state:`inactive`)}),i=e_.addListener(`mountedGroupsChange`,e=>{e.forEach(({derivedPanelConstraints:e,layout:n,separatorToPanels:r},i)=>{if(i.id===h){let a=r.get(t);if(a){let t=a[0],r=i.panels.indexOf(t);u(fv({layout:n,panelConstraints:e,panelId:t.id,panelIndex:r}))}}})});return()=>{r(),i(),n()}}},[h,c,_]),(0,r.jsx)(`div`,{...s,"aria-controls":l.valueControls,"aria-orientation":v,"aria-valuemax":l.valueMax,"aria-valuemin":l.valueMin,"aria-valuenow":l.valueNow,children:e,className:n,"data-separator":d,"data-testid":c,id:c,ref:m,role:`separator`,style:{flexBasis:`auto`,...o,flexGrow:0,flexShrink:0},tabIndex:0})}pv.displayName=`Separator`;var mv=(0,t.createContext)(void 0),hv=[`Arial`,`Helvetica`,`Times New Roman`,`Courier New`,`Verdana`,`Georgia`,`Palatino`,`Garamond`,`Bookman`,`Comic Sans MS`,`Trebuchet MS`,`Arial Black`,`Impact`];let gv=({children:e,isList:n=!1,availableProps:i=[],theme:a=`light`})=>{let[o,s]=(0,t.useState)({elements:[],selectedElementIds:[],isList:n,mockData:[],singleMockData:{},listSettings:{sortOrder:`asc`,newestPosition:`bottom`,scrollDirection:`down`},availableProps:i,availableFonts:[...hv,`Roboto`,`Open Sans`,`Lato`,`Montserrat`],theme:a,history:[[]],historyIndex:0,clipboard:[],gridSize:0,zoom:1,pan:{x:0,y:0},snapLines:[]});t.default.useEffect(()=>{o.availableFonts.forEach(e=>{if(hv.includes(e))return;let t=`font-${e.replace(/\s+/g,`-`).toLowerCase()}`;if(!document.getElementById(t)){let n=document.createElement(`link`);n.id=t,n.href=`https://fonts.googleapis.com/css2?family=${e.replace(/ /g,`+`)}&display=swap`,n.rel=`stylesheet`,document.head.appendChild(n)}})},[o.availableFonts]),t.default.useEffect(()=>{s(e=>({...e,isList:n,availableProps:i,theme:a}))},[n,i,a]);let c=t.default.useCallback(e=>{s(t=>({...t,canvasHeight:e}))},[]),l=t.default.useCallback(e=>{s(t=>({...t,gridSize:e}))},[]),u=t.default.useCallback(e=>{s(t=>({...t,zoom:e}))},[]),d=t.default.useCallback(e=>{s(t=>({...t,pan:e}))},[]),f=t.default.useCallback(e=>{s(t=>({...t,snapLines:e}))},[]),p=t.default.useCallback(e=>{s(t=>{let n=e.elements||t.elements;return{...t,...e,isList:e.isList??t.isList,availableProps:e.availableProps??t.availableProps,availableFonts:e.availableFonts??t.availableFonts,selectedElementIds:[],history:[n],historyIndex:0,clipboard:[]}})},[]),m=t.default.useCallback(()=>{s(e=>{if(e.historyIndex>0){let t=e.historyIndex-1;return{...e,elements:e.history[t],historyIndex:t,selectedElementIds:[]}}return e})},[]),h=t.default.useCallback(()=>{s(e=>{if(e.historyIndex<e.history.length-1){let t=e.historyIndex+1;return{...e,elements:e.history[t],historyIndex:t,selectedElementIds:[]}}return e})},[]),g=t.default.useCallback(()=>{s(e=>{if(e.selectedElementIds.length>0){let t=e.elements.filter(t=>e.selectedElementIds.includes(t.id));return{...e,clipboard:t}}return e})},[]),_=t.default.useCallback(()=>{s(e=>{if(e.clipboard.length>0){let t=e.clipboard.map(e=>({...e,id:crypto.randomUUID(),x:e.x+20,y:e.y+20})),n=[...e.elements,...t],r=e.history.slice(0,e.historyIndex+1);return r.push(n),{...e,elements:n,history:r,historyIndex:r.length-1,selectedElementIds:t.map(e=>e.id)}}return e})},[]),v=t.default.useCallback(e=>{let t={};e.type===`box`&&(t.backgroundColor=`var(--gray-4)`),e.type===`text-container`&&(t.backgroundColor=`var(--gray-4)`,t.border=`1px solid var(--gray-8)`,t.padding=`8px`,t.display=`flex`,t.alignItems=`flex-start`,t.justifyContent=`flex-start`);let n={id:crypto.randomUUID(),x:50,y:50,width:200,height:e.type===`text`?50:150,...e,style:{...t,...e.style||{}}};s(e=>{let t=[...e.elements,n],r=e.history.slice(0,e.historyIndex+1);return r.push(t),{...e,elements:t,history:r,historyIndex:r.length-1,selectedElementIds:[n.id]}})},[]),y=t.default.useCallback(e=>{s(t=>{let n=t.elements.filter(t=>t.id!==e),r=t.history.slice(0,t.historyIndex+1);return r.push(n),{...t,elements:n,selectedElementIds:t.selectedElementIds.filter(t=>t!==e),history:r,historyIndex:r.length-1}})},[]),b=t.default.useCallback(()=>{s(e=>{if(e.selectedElementIds.length===0)return e;let t=e.elements.filter(t=>!e.selectedElementIds.includes(t.id)),n=e.history.slice(0,e.historyIndex+1);return n.push(t),{...e,elements:t,selectedElementIds:[],history:n,historyIndex:n.length-1}})},[]),x=t.default.useCallback((e,t=!1)=>{s(n=>{if(e===null)return{...n,selectedElementIds:[]};if(t){let t=n.selectedElementIds.includes(e),r;return r=t?n.selectedElementIds.filter(t=>t!==e):[...n.selectedElementIds,e],{...n,selectedElementIds:r}}else return{...n,selectedElementIds:[e]}})},[]),S=t.default.useCallback(e=>{s(t=>({...t,selectedElementIds:e}))},[]),C=t.default.useCallback((e,t)=>{s(n=>{let r=[...n.elements],i=r[e];r.splice(e,1),r.splice(t,0,i);let a=n.history.slice(0,n.historyIndex+1);return a.push(r),{...n,elements:r,history:a,historyIndex:a.length-1}})},[]),w=t.default.useCallback((e,t,n=!0)=>{s(r=>{let i=r.elements.map(n=>n.id===e?{...n,...t}:n),a=r.history,o=r.historyIndex;return n&&(a=r.history.slice(0,r.historyIndex+1),a.push(i),o=a.length-1),{...r,elements:i,history:a,historyIndex:o}})},[]),T=t.default.useCallback((e,t=!0)=>{s(n=>{let r=[...n.elements],i=[],a=new Set;e.forEach(({id:e,changes:t})=>{let r=n.elements.find(t=>t.id===e);if(r)if(r.groupId&&(t.x!==void 0||t.y!==void 0)){let e=n.elements.find(e=>e.id===r.groupId);if(e&&!a.has(e.id)){let n=(t.x??r.x)-r.x,o=(t.y??r.y)-r.y;i.push({id:e.id,changes:{x:e.x+n,y:e.y+o}}),a.add(e.id)}}else i.push({id:e,changes:t})});let o=[...i];i.forEach(({id:e,changes:t})=>{if(t.x!==void 0||t.y!==void 0){let r=n.elements.find(t=>t.id===e);if(r&&r.type===`group`){let i=(t.x??r.x)-r.x,a=(t.y??r.y)-r.y;n.elements.forEach(t=>{t.groupId===e&&(o.some(e=>e.id===t.id)||o.push({id:t.id,changes:{x:t.x+i,y:t.y+a}}))})}}}),o.forEach(({id:e,changes:t})=>{let n=r.findIndex(t=>t.id===e);n!==-1&&(r[n]={...r[n],...t})});let s=n.history,c=n.historyIndex;return t&&(s=n.history.slice(0,n.historyIndex+1),s.push(r),c=s.length-1),{...n,elements:r,history:s,historyIndex:c}})},[]),E=t.default.useCallback(e=>{s(t=>{let n=t.elements.filter(t=>e.includes(t.id));if(n.length===0)return t;let r=Math.min(...n.map(e=>e.x)),i=Math.min(...n.map(e=>e.y)),a=Math.max(...n.map(e=>e.x+e.width)),o=Math.max(...n.map(e=>e.y+e.height)),s={id:crypto.randomUUID(),type:`group`,name:`Novo Grupo`,content:``,x:r,y:i,width:a-r,height:o-i,style:{zIndex:0}},c=t.elements.map(t=>e.includes(t.id)?{...t,groupId:s.id}:t);c.push(s);let l=t.history.slice(0,t.historyIndex+1);return l.push(c),{...t,elements:c,selectedElementIds:[s.id],history:l,historyIndex:l.length-1}})},[]),D=t.default.useCallback(e=>{s(t=>{let n=t.elements.find(t=>t.id===e);if(!n||n.type!==`group`)return t;let r=[],i=t.elements.filter(t=>t.id!==e).map(t=>t.groupId===e?(r.push(t.id),{...t,groupId:void 0}):t),a=t.history.slice(0,t.historyIndex+1);return a.push(i),{...t,elements:i,selectedElementIds:r,history:a,historyIndex:a.length-1}})},[]),O=t.default.useCallback((e,t)=>{s(n=>{let r=n.elements.map(n=>n.id===e?{...n,name:t}:n);return{...n,elements:r}})},[]),k=t.default.useCallback((e,t)=>{if(!e.find(e=>e.id===t&&e.type===`group`))return e;let n=e.filter(e=>e.groupId===t);if(n.length===0)return e;let r=Math.min(...n.map(e=>e.x)),i=Math.min(...n.map(e=>e.y)),a=Math.max(...n.map(e=>e.x+e.width)),o=Math.max(...n.map(e=>e.y+e.height));return e.map(e=>e.id===t?{...e,x:r,y:i,width:a-r,height:o-i}:e)},[]),A=t.default.useCallback((e,t)=>{s(n=>{let r=n.elements.find(t=>t.id===e),i=n.elements.find(e=>e.id===t&&e.type===`group`);if(!r||!i)return n;let a=n.elements.map(n=>n.id===e?{...n,groupId:t}:n);a=k(a,t);let o=n.history.slice(0,n.historyIndex+1);return o.push(a),{...n,elements:a,history:o,historyIndex:o.length-1}})},[k]),j=t.default.useCallback(e=>{s(t=>{let n=t.elements.find(t=>t.id===e);if(!n||!n.groupId)return t;let r=n.groupId,i=t.elements.map(t=>t.id===e?{...t,groupId:void 0}:t);i=k(i,r);let a=t.history.slice(0,t.historyIndex+1);return a.push(i),{...t,elements:i,history:a,historyIndex:a.length-1}})},[k]),ee=t.default.useCallback((e,t,n)=>{s(r=>{let i=r.elements.find(t=>t.id===e&&t.type===`group`);if(!i)return r;let a=t/i.width,o=n/i.height,s=i.x,c=i.y,l=r.elements.map(r=>{if(r.id===e)return{...r,width:t,height:n};if(r.groupId===e){let e=r.x-s,t=r.y-c,n=s+e*a,i=c+t*o;return{...r,x:n,y:i,width:Math.max(1,r.width*a),height:Math.max(1,r.height*o)}}return r}),u=r.history.slice(0,r.historyIndex+1);return u.push(l),{...r,elements:l,history:u,historyIndex:u.length-1}})},[]),te=t.default.useCallback((e,t)=>{s(n=>({...n,mockData:e,singleMockData:t}))},[]),M=t.default.useCallback(e=>{s(t=>({...t,listSettings:{...t.listSettings,...e}}))},[]),ne=t.default.useMemo(()=>({state:o,addElement:v,removeElement:y,removeSelected:b,selectElement:x,setSelectedElements:S,moveElement:C,updateElement:w,updateElements:T,groupElements:E,ungroupElements:D,renameElement:O,addToGroup:A,removeFromGroup:j,resizeGroup:ee,setMockData:te,updateListSettings:M,setCanvasHeight:c,loadState:p,undo:m,redo:h,copy:g,paste:_,setGridSize:l,setZoom:u,setPan:d,setSnapLines:f}),[o,v,y,b,x,S,C,w,T,E,D,O,A,j,ee,te,M,c,p,m,h,g,_,l,u,d,f]);return(0,r.jsx)(mv.Provider,{value:ne,children:e})},_v=()=>{let e=(0,t.useContext)(mv);if(!e)throw Error(`useEditor must be used within an EditorProvider`);return e},vv=()=>{let{state:e,updateElements:t}=_v(),{selectedElementIds:n,elements:i}=e;if(n.length<2)return null;let a=()=>i.filter(e=>n.includes(e.id));return(0,r.jsxs)(U,{gap:`2`,align:`center`,style:{backgroundColor:`var(--color-panel-solid)`,padding:`8px`,borderRadius:`8px`,boxShadow:`0 2px 10px rgba(0,0,0,0.1)`,border:`1px solid var(--gray-5)`},children:[(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<2)return;let n=Math.min(...e.map(e=>e.x));t(e.map(e=>({id:e.id,changes:{x:n}})))},title:`Alinhar à Esquerda`,children:(0,r.jsx)(w,{})}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<2)return;let n=(Math.min(...e.map(e=>e.x))+Math.max(...e.map(e=>e.x+e.width)))/2;t(e.map(e=>({id:e.id,changes:{x:n-e.width/2}})))},title:`Alinhar ao Centro (Horizontal)`,children:(0,r.jsx)(b,{})}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<2)return;let n=Math.max(...e.map(e=>e.x+e.width));t(e.map(e=>({id:e.id,changes:{x:n-e.width}})))},title:`Alinhar à Direita`,children:(0,r.jsx)(E,{})}),(0,r.jsx)(vg,{orientation:`vertical`}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<2)return;let n=Math.min(...e.map(e=>e.y));t(e.map(e=>({id:e.id,changes:{y:n}})))},title:`Alinhar ao Topo`,children:(0,r.jsx)(O,{})}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<2)return;let n=(Math.min(...e.map(e=>e.y))+Math.max(...e.map(e=>e.y+e.height)))/2;t(e.map(e=>({id:e.id,changes:{y:n-e.height/2}})))},title:`Alinhar ao Centro (Vertical)`,children:(0,r.jsx)(S,{})}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<2)return;let n=Math.max(...e.map(e=>e.y+e.height));t(e.map(e=>({id:e.id,changes:{y:n-e.height}})))},title:`Alinhar à Base`,children:(0,r.jsx)(v,{})}),n.length>=3&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(vg,{orientation:`vertical`}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<3)return;let n=[...e].sort((e,t)=>e.x-t.x),r=n[0],i=n[n.length-1],o=(i.x+i.width/2-(r.x+r.width/2))/(n.length-1);t(n.map((e,t)=>{if(t===0||t===n.length-1)return null;let i=r.x+r.width/2+o*t;return{id:e.id,changes:{x:i-e.width/2}}}).filter(Boolean))},title:`Distribuir Horizontalmente`,children:(0,r.jsx)(we,{})}),(0,r.jsx)(sg,{variant:`ghost`,color:`gray`,onClick:()=>{let e=a();if(e.length<3)return;let n=[...e].sort((e,t)=>e.y-t.y),r=n[0],i=n[n.length-1],o=(i.y+i.height/2-(r.y+r.height/2))/(n.length-1);t(n.map((e,t)=>{if(t===0||t===n.length-1)return null;let i=r.y+r.height/2+o*t;return{id:e.id,changes:{y:i-e.height/2}}}).filter(Boolean))},title:`Distribuir Verticalmente`,children:(0,r.jsx)(Ee,{})})]})]})};var q=function(){return q=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},q.apply(this,arguments)},yv={width:`100%`,height:`10px`,top:`0px`,left:`0px`,cursor:`row-resize`},bv={width:`10px`,height:`100%`,top:`0px`,left:`0px`,cursor:`col-resize`},xv={width:`20px`,height:`20px`,position:`absolute`,zIndex:1},Sv={top:q(q({},yv),{top:`-5px`}),right:q(q({},bv),{left:void 0,right:`-5px`}),bottom:q(q({},yv),{top:void 0,bottom:`-5px`}),left:q(q({},bv),{left:`-5px`}),topRight:q(q({},xv),{right:`-10px`,top:`-10px`,cursor:`ne-resize`}),bottomRight:q(q({},xv),{right:`-10px`,bottom:`-10px`,cursor:`se-resize`}),bottomLeft:q(q({},xv),{left:`-10px`,bottom:`-10px`,cursor:`sw-resize`}),topLeft:q(q({},xv),{left:`-10px`,top:`-10px`,cursor:`nw-resize`})},Cv=(0,t.memo)(function(e){var n=e.onResizeStart,i=e.direction,a=e.children,o=e.replaceStyles,s=e.className,c=(0,t.useCallback)(function(e){n(e,i)},[n,i]),l=(0,t.useCallback)(function(e){n(e,i)},[n,i]),u=(0,t.useMemo)(function(){return q(q({position:`absolute`,userSelect:`none`},Sv[i]),o??{})},[o,i]);return(0,r.jsx)(`div`,{className:s||void 0,style:u,onMouseDown:c,onTouchStart:l,children:a})}),wv=(function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if(typeof n!=`function`&&n!==null)throw TypeError(`Class extends value `+String(n)+` is not a constructor or null`);e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}})(),Tv=function(){return Tv=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},Tv.apply(this,arguments)},Ev={width:`auto`,height:`auto`},Dv=function(e,t,n){return Math.max(Math.min(e,n),t)},Ov=function(e,t,n){var r=Math.round(e/t);return r*t+n*(r-1)},kv=function(e,t){return new RegExp(e,`i`).test(t)},Av=function(e){return!!(e.touches&&e.touches.length)},jv=function(e){return!!((e.clientX||e.clientX===0)&&(e.clientY||e.clientY===0))},Mv=function(e,t,n){n===void 0&&(n=0);var r=t.reduce(function(n,r,i){return Math.abs(r-e)<Math.abs(t[n]-e)?i:n},0),i=Math.abs(t[r]-e);return n===0||i<n?t[r]:e},Nv=function(e){return e=e.toString(),e===`auto`||e.endsWith(`px`)||e.endsWith(`%`)||e.endsWith(`vh`)||e.endsWith(`vw`)||e.endsWith(`vmax`)||e.endsWith(`vmin`)?e:`${e}px`},Pv=function(e,t,n,r){if(e&&typeof e==`string`){if(e.endsWith(`px`))return Number(e.replace(`px`,``));if(e.endsWith(`%`)){var i=Number(e.replace(`%`,``))/100;return t*i}if(e.endsWith(`vw`)){var i=Number(e.replace(`vw`,``))/100;return n*i}if(e.endsWith(`vh`)){var i=Number(e.replace(`vh`,``))/100;return r*i}}return e},Fv=function(e,t,n,r,i,a,o){return r=Pv(r,e.width,t,n),i=Pv(i,e.height,t,n),a=Pv(a,e.width,t,n),o=Pv(o,e.height,t,n),{maxWidth:r===void 0?void 0:Number(r),maxHeight:i===void 0?void 0:Number(i),minWidth:a===void 0?void 0:Number(a),minHeight:o===void 0?void 0:Number(o)}},Iv=function(e){return Array.isArray(e)?e:[e,e]},Lv=`as.ref.style.className.grid.gridGap.snap.bounds.boundsByDirection.size.defaultSize.minWidth.minHeight.maxWidth.maxHeight.lockAspectRatio.lockAspectRatioExtraWidth.lockAspectRatioExtraHeight.enable.handleStyles.handleClasses.handleWrapperStyle.handleWrapperClass.children.onResizeStart.onResize.onResizeStop.handleComponent.scale.resizeRatio.snapGap`.split(`.`),Rv=`__resizable_base__`,zv=function(e){wv(t,e);function t(t){var n=e.call(this,t)||this;return n.ratio=1,n.resizable=null,n.parentLeft=0,n.parentTop=0,n.resizableLeft=0,n.resizableRight=0,n.resizableTop=0,n.resizableBottom=0,n.targetLeft=0,n.targetTop=0,n.delta={width:0,height:0},n.appendBase=function(){if(!n.resizable||!n.window)return null;var e=n.parentNode;if(!e)return null;var t=n.window.document.createElement(`div`);return t.style.width=`100%`,t.style.height=`100%`,t.style.position=`absolute`,t.style.transform=`scale(0, 0)`,t.style.left=`0`,t.style.flex=`0 0 100%`,t.classList?t.classList.add(Rv):t.className+=Rv,e.appendChild(t),t},n.removeBase=function(e){var t=n.parentNode;t&&t.removeChild(e)},n.state={isResizing:!1,width:n.propsSize?.width??`auto`,height:n.propsSize?.height??`auto`,direction:`right`,original:{x:0,y:0,width:0,height:0},backgroundStyle:{height:`100%`,width:`100%`,backgroundColor:`rgba(0,0,0,0)`,cursor:`auto`,opacity:0,position:`fixed`,zIndex:9999,top:`0`,left:`0`,bottom:`0`,right:`0`},flexBasis:void 0},n.onResizeStart=n.onResizeStart.bind(n),n.onMouseMove=n.onMouseMove.bind(n),n.onMouseUp=n.onMouseUp.bind(n),n}return Object.defineProperty(t.prototype,`parentNode`,{get:function(){return this.resizable?this.resizable.parentNode:null},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,`window`,{get:function(){return!this.resizable||!this.resizable.ownerDocument?null:this.resizable.ownerDocument.defaultView},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,`propsSize`,{get:function(){return this.props.size||this.props.defaultSize||Ev},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,`size`,{get:function(){var e=0,t=0;if(this.resizable&&this.window){var n=this.resizable.offsetWidth,r=this.resizable.offsetHeight,i=this.resizable.style.position;i!==`relative`&&(this.resizable.style.position=`relative`),e=this.resizable.style.width===`auto`?n:this.resizable.offsetWidth,t=this.resizable.style.height===`auto`?r:this.resizable.offsetHeight,this.resizable.style.position=i}return{width:e,height:t}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,`sizeStyle`,{get:function(){var e=this,t=this.props.size,n=function(t){if(e.state[t]===void 0||e.state[t]===`auto`)return`auto`;if(e.propsSize&&e.propsSize[t]&&e.propsSize[t]?.toString().endsWith(`%`)){if(e.state[t].toString().endsWith(`%`))return e.state[t].toString();var n=e.getParentSize();return`${Number(e.state[t].toString().replace(`px`,``))/n[t]*100}%`}return Nv(e.state[t])};return{width:t&&t.width!==void 0&&!this.state.isResizing?Nv(t.width):n(`width`),height:t&&t.height!==void 0&&!this.state.isResizing?Nv(t.height):n(`height`)}},enumerable:!1,configurable:!0}),t.prototype.getParentSize=function(){if(!this.parentNode)return this.window?{width:this.window.innerWidth,height:this.window.innerHeight}:{width:0,height:0};var e=this.appendBase();if(!e)return{width:0,height:0};var t=!1,n=this.parentNode.style.flexWrap;n!==`wrap`&&(t=!0,this.parentNode.style.flexWrap=`wrap`),e.style.position=`relative`,e.style.minWidth=`100%`,e.style.minHeight=`100%`;var r={width:e.offsetWidth,height:e.offsetHeight};return t&&(this.parentNode.style.flexWrap=n),this.removeBase(e),r},t.prototype.bindEvents=function(){this.window&&(this.window.addEventListener(`mouseup`,this.onMouseUp),this.window.addEventListener(`mousemove`,this.onMouseMove),this.window.addEventListener(`mouseleave`,this.onMouseUp),this.window.addEventListener(`touchmove`,this.onMouseMove,{capture:!0,passive:!1}),this.window.addEventListener(`touchend`,this.onMouseUp))},t.prototype.unbindEvents=function(){this.window&&(this.window.removeEventListener(`mouseup`,this.onMouseUp),this.window.removeEventListener(`mousemove`,this.onMouseMove),this.window.removeEventListener(`mouseleave`,this.onMouseUp),this.window.removeEventListener(`touchmove`,this.onMouseMove,!0),this.window.removeEventListener(`touchend`,this.onMouseUp))},t.prototype.componentDidMount=function(){if(!(!this.resizable||!this.window)){var e=this.window.getComputedStyle(this.resizable);this.setState({width:this.state.width||this.size.width,height:this.state.height||this.size.height,flexBasis:e.flexBasis===`auto`?void 0:e.flexBasis})}},t.prototype.componentWillUnmount=function(){this.window&&this.unbindEvents()},t.prototype.createSizeForCssProperty=function(e,t){var n=this.propsSize&&this.propsSize[t];return this.state[t]===`auto`&&this.state.original[t]===e&&(n===void 0||n===`auto`)?`auto`:e},t.prototype.calculateNewMaxFromBoundary=function(e,t){var n=this.props.boundsByDirection,r=this.state.direction,i=n&&kv(`left`,r),a=n&&kv(`top`,r),o,s;if(this.props.bounds===`parent`){var c=this.parentNode;c&&(o=i?this.resizableRight-this.parentLeft:c.offsetWidth+(this.parentLeft-this.resizableLeft),s=a?this.resizableBottom-this.parentTop:c.offsetHeight+(this.parentTop-this.resizableTop))}else this.props.bounds===`window`?this.window&&(o=i?this.resizableRight:this.window.innerWidth-this.resizableLeft,s=a?this.resizableBottom:this.window.innerHeight-this.resizableTop):this.props.bounds&&(o=i?this.resizableRight-this.targetLeft:this.props.bounds.offsetWidth+(this.targetLeft-this.resizableLeft),s=a?this.resizableBottom-this.targetTop:this.props.bounds.offsetHeight+(this.targetTop-this.resizableTop));return o&&Number.isFinite(o)&&(e=e&&e<o?e:o),s&&Number.isFinite(s)&&(t=t&&t<s?t:s),{maxWidth:e,maxHeight:t}},t.prototype.calculateNewSizeFromDirection=function(e,t){var n=this.props.scale||1,r=Iv(this.props.resizeRatio||1),i=r[0],a=r[1],o=this.state,s=o.direction,c=o.original,l=this.props,u=l.lockAspectRatio,d=l.lockAspectRatioExtraHeight,f=l.lockAspectRatioExtraWidth,p=c.width,m=c.height,h=d||0,g=f||0;return kv(`right`,s)&&(p=c.width+(e-c.x)*i/n,u&&(m=(p-g)/this.ratio+h)),kv(`left`,s)&&(p=c.width-(e-c.x)*i/n,u&&(m=(p-g)/this.ratio+h)),kv(`bottom`,s)&&(m=c.height+(t-c.y)*a/n,u&&(p=(m-h)*this.ratio+g)),kv(`top`,s)&&(m=c.height-(t-c.y)*a/n,u&&(p=(m-h)*this.ratio+g)),{newWidth:p,newHeight:m}},t.prototype.calculateNewSizeFromAspectRatio=function(e,t,n,r){var i=this.props,a=i.lockAspectRatio,o=i.lockAspectRatioExtraHeight,s=i.lockAspectRatioExtraWidth,c=r.width===void 0?10:r.width,l=n.width===void 0||n.width<0?e:n.width,u=r.height===void 0?10:r.height,d=n.height===void 0||n.height<0?t:n.height,f=o||0,p=s||0;if(a){var m=(u-f)*this.ratio+p,h=(d-f)*this.ratio+p,g=(c-p)/this.ratio+f,_=(l-p)/this.ratio+f,v=Math.max(c,m),y=Math.min(l,h),b=Math.max(u,g),x=Math.min(d,_);e=Dv(e,v,y),t=Dv(t,b,x)}else e=Dv(e,c,l),t=Dv(t,u,d);return{newWidth:e,newHeight:t}},t.prototype.setBoundingClientRect=function(){var e=1/(this.props.scale||1);if(this.props.bounds===`parent`){var t=this.parentNode;if(t){var n=t.getBoundingClientRect();this.parentLeft=n.left*e,this.parentTop=n.top*e}}if(this.props.bounds&&typeof this.props.bounds!=`string`){var r=this.props.bounds.getBoundingClientRect();this.targetLeft=r.left*e,this.targetTop=r.top*e}if(this.resizable){var i=this.resizable.getBoundingClientRect(),a=i.left,o=i.top,s=i.right,c=i.bottom;this.resizableLeft=a*e,this.resizableRight=s*e,this.resizableTop=o*e,this.resizableBottom=c*e}},t.prototype.onResizeStart=function(e,t){if(!(!this.resizable||!this.window)){var n=0,r=0;if(e.nativeEvent&&jv(e.nativeEvent)?(n=e.nativeEvent.clientX,r=e.nativeEvent.clientY):e.nativeEvent&&Av(e.nativeEvent)&&(n=e.nativeEvent.touches[0].clientX,r=e.nativeEvent.touches[0].clientY),!(this.props.onResizeStart&&this.resizable&&this.props.onResizeStart(e,t,this.resizable)===!1)){this.props.size&&(this.props.size.height!==void 0&&this.props.size.height!==this.state.height&&this.setState({height:this.props.size.height}),this.props.size.width!==void 0&&this.props.size.width!==this.state.width&&this.setState({width:this.props.size.width})),this.ratio=typeof this.props.lockAspectRatio==`number`?this.props.lockAspectRatio:this.size.width/this.size.height;var i,a=this.window.getComputedStyle(this.resizable);if(a.flexBasis!==`auto`){var o=this.parentNode;o&&(this.flexDir=this.window.getComputedStyle(o).flexDirection.startsWith(`row`)?`row`:`column`,i=a.flexBasis)}this.setBoundingClientRect(),this.bindEvents();var s={original:{x:n,y:r,width:this.size.width,height:this.size.height},isResizing:!0,backgroundStyle:Tv(Tv({},this.state.backgroundStyle),{cursor:this.window.getComputedStyle(e.target).cursor||`auto`}),direction:t,flexBasis:i};this.setState(s)}}},t.prototype.onMouseMove=function(e){var t=this;if(!(!this.state.isResizing||!this.resizable||!this.window)){if(this.window.TouchEvent&&Av(e))try{e.preventDefault(),e.stopPropagation()}catch{}var r=this.props,i=r.maxWidth,a=r.maxHeight,o=r.minWidth,s=r.minHeight,c=Av(e)?e.touches[0].clientX:e.clientX,l=Av(e)?e.touches[0].clientY:e.clientY,u=this.state,d=u.direction,f=u.original,p=u.width,m=u.height,h=this.getParentSize(),g=Fv(h,this.window.innerWidth,this.window.innerHeight,i,a,o,s);i=g.maxWidth,a=g.maxHeight,o=g.minWidth,s=g.minHeight;var _=this.calculateNewSizeFromDirection(c,l),v=_.newHeight,y=_.newWidth,b=this.calculateNewMaxFromBoundary(i,a);this.props.snap&&this.props.snap.x&&(y=Mv(y,this.props.snap.x,this.props.snapGap)),this.props.snap&&this.props.snap.y&&(v=Mv(v,this.props.snap.y,this.props.snapGap));var x=this.calculateNewSizeFromAspectRatio(y,v,{width:b.maxWidth,height:b.maxHeight},{width:o,height:s});if(y=x.newWidth,v=x.newHeight,this.props.grid){var S=Ov(y,this.props.grid[0],this.props.gridGap?this.props.gridGap[0]:0),C=Ov(v,this.props.grid[1],this.props.gridGap?this.props.gridGap[1]:0),w=this.props.snapGap||0,T=w===0||Math.abs(S-y)<=w?S:y,E=w===0||Math.abs(C-v)<=w?C:v;y=T,v=E}var D={width:y-f.width,height:v-f.height};if(this.delta=D,p&&typeof p==`string`){if(p.endsWith(`%`)){var O=y/h.width*100;y=`${O}%`}else if(p.endsWith(`vw`)){var k=y/this.window.innerWidth*100;y=`${k}vw`}else if(p.endsWith(`vh`)){var A=y/this.window.innerHeight*100;y=`${A}vh`}}if(m&&typeof m==`string`){if(m.endsWith(`%`)){var O=v/h.height*100;v=`${O}%`}else if(m.endsWith(`vw`)){var k=v/this.window.innerWidth*100;v=`${k}vw`}else if(m.endsWith(`vh`)){var A=v/this.window.innerHeight*100;v=`${A}vh`}}var j={width:this.createSizeForCssProperty(y,`width`),height:this.createSizeForCssProperty(v,`height`)};this.flexDir===`row`?j.flexBasis=j.width:this.flexDir===`column`&&(j.flexBasis=j.height);var ee=this.state.width!==j.width,te=this.state.height!==j.height,M=this.state.flexBasis!==j.flexBasis,ne=ee||te||M;ne&&(0,n.flushSync)(function(){t.setState(j)}),this.props.onResize&&ne&&this.props.onResize(e,d,this.resizable,D)}},t.prototype.onMouseUp=function(e){var t=this.state,n=t.isResizing,r=t.direction;t.original,!(!n||!this.resizable)&&(this.props.onResizeStop&&this.props.onResizeStop(e,r,this.resizable,this.delta),this.props.size&&this.setState({width:this.props.size.width??`auto`,height:this.props.size.height??`auto`}),this.unbindEvents(),this.setState({isResizing:!1,backgroundStyle:Tv(Tv({},this.state.backgroundStyle),{cursor:`auto`})}))},t.prototype.updateSize=function(e){this.setState({width:e.width??`auto`,height:e.height??`auto`})},t.prototype.renderResizer=function(){var e=this,t=this.props,n=t.enable,i=t.handleStyles,a=t.handleClasses,o=t.handleWrapperStyle,s=t.handleWrapperClass,c=t.handleComponent;return n?(0,r.jsx)(`div`,{className:s,style:o,children:Object.keys(n).map(function(t){return n[t]===!1?null:(0,r.jsx)(Cv,{direction:t,onResizeStart:e.onResizeStart,replaceStyles:i&&i[t],className:a&&a[t],children:c&&c[t]?c[t]:null},t)})}):null},t.prototype.render=function(){var e=this,t=Object.keys(this.props).reduce(function(t,n){return Lv.indexOf(n)===-1&&(t[n]=e.props[n]),t},{}),n=Tv(Tv(Tv({position:`relative`,userSelect:this.state.isResizing?`none`:`auto`},this.props.style),this.sizeStyle),{maxWidth:this.props.maxWidth,maxHeight:this.props.maxHeight,minWidth:this.props.minWidth,minHeight:this.props.minHeight,boxSizing:`border-box`,flexShrink:0});return this.state.flexBasis&&(n.flexBasis=this.state.flexBasis),(0,r.jsxs)(this.props.as||`div`,Tv({style:n,className:this.props.className},t,{ref:function(t){t&&(e.resizable=t)},children:[this.state.isResizing&&(0,r.jsx)(`div`,{style:this.state.backgroundStyle}),this.props.children,this.renderResizer()]}))},t.defaultProps={as:`div`,onResizeStart:function(){},onResize:function(){},onResizeStop:function(){},enable:{top:!0,right:!0,bottom:!0,left:!0,topRight:!0,bottomRight:!0,bottomLeft:!0,topLeft:!0},style:{},grid:[1,1],gridGap:[0,0],lockAspectRatio:!1,lockAspectRatioExtraWidth:0,lockAspectRatioExtraHeight:0,scale:1,resizeRatio:1,snapGap:0},t}(t.PureComponent);let Bv=(e,t)=>{if(e==null)return``;if(t.type===`boolean`)return String(e)===`true`||e===!0||typeof e==`number`&&e>0?t.trueLabel||`Sim`:t.falseLabel||`Não`;if(t.type===`date`)try{let n=new Date(e);if(isNaN(n.getTime()))return String(e);if(t.dateFormat){let e=n.getDate().toString().padStart(2,`0`),r=(n.getMonth()+1).toString().padStart(2,`0`),i=n.getFullYear(),a=n.getHours().toString().padStart(2,`0`),o=n.getMinutes().toString().padStart(2,`0`),s=n.getSeconds().toString().padStart(2,`0`);return t.dateFormat.replace(`DD`,e).replace(`MM`,r).replace(`YYYY`,String(i)).replace(`HH`,a).replace(`mm`,o).replace(`ss`,s)}return n.toLocaleDateString()}catch{return String(e)}if(t.type===`number`){let n=parseFloat(e);return isNaN(n)?String(e):t.numberFormat===`currency`?(t.currencySymbol||`R$`)+` `+n.toFixed(t.decimalPlaces||2):t.numberFormat===`percent`?n.toFixed(t.decimalPlaces||0)+`%`:n.toFixed(t.decimalPlaces||0)}return String(e)},Vv=(e,t,n)=>{let r=String(e).toLowerCase(),i=String(n).toLowerCase();switch(t){case`equals`:return r===i;case`notEquals`:return r!==i;case`contains`:return r.includes(i);case`greaterThan`:return parseFloat(r)>parseFloat(i);case`lessThan`:return parseFloat(r)<parseFloat(i);case`truthy`:return!!e;case`falsy`:return!e;default:return!1}};function Hv(){return(Hv=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)}function Uv(e,t){if(e==null)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}function Wv(e){var n=(0,t.useRef)(e),r=(0,t.useRef)(function(e){n.current&&n.current(e)});return n.current=e,r.current}var Gv=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},Kv=function(e){return`touches`in e},qv=function(e){return e&&e.ownerDocument.defaultView||self},Jv=function(e,t,n){var r=e.getBoundingClientRect(),i=Kv(t)?function(e,t){for(var n=0;n<e.length;n++)if(e[n].identifier===t)return e[n];return e[0]}(t.touches,n):t;return{left:Gv((i.pageX-(r.left+qv(e).pageXOffset))/r.width),top:Gv((i.pageY-(r.top+qv(e).pageYOffset))/r.height)}},Yv=function(e){!Kv(e)&&e.preventDefault()},Xv=t.default.memo(function(e){var n=e.onMove,r=e.onKey,i=Uv(e,[`onMove`,`onKey`]),a=(0,t.useRef)(null),o=Wv(n),s=Wv(r),c=(0,t.useRef)(null),l=(0,t.useRef)(!1),u=(0,t.useMemo)(function(){var e=function(e){Yv(e),(Kv(e)?e.touches.length>0:e.buttons>0)&&a.current?o(Jv(a.current,e,c.current)):n(!1)},t=function(){return n(!1)};function n(n){var r=l.current,i=qv(a.current),o=n?i.addEventListener:i.removeEventListener;o(r?`touchmove`:`mousemove`,e),o(r?`touchend`:`mouseup`,t)}return[function(e){var t=e.nativeEvent,r=a.current;if(r&&(Yv(t),!function(e,t){return t&&!Kv(e)}(t,l.current)&&r)){if(Kv(t)){l.current=!0;var i=t.changedTouches||[];i.length&&(c.current=i[0].identifier)}r.focus(),o(Jv(r,t,c.current)),n(!0)}},function(e){var t=e.which||e.keyCode;t<37||t>40||(e.preventDefault(),s({left:t===39?.05:t===37?-.05:0,top:t===40?.05:t===38?-.05:0}))},n]},[s,o]),d=u[0],f=u[1],p=u[2];return(0,t.useEffect)(function(){return p},[p]),t.default.createElement(`div`,Hv({},i,{onTouchStart:d,onMouseDown:d,className:`react-colorful__interactive`,ref:a,onKeyDown:f,tabIndex:0,role:`slider`}))}),Zv=function(e){return e.filter(Boolean).join(` `)},Qv=function(e){var n=e.color,r=e.left,i=e.top,a=i===void 0?.5:i,o=Zv([`react-colorful__pointer`,e.className]);return t.default.createElement(`div`,{className:o,style:{top:100*a+`%`,left:100*r+`%`}},t.default.createElement(`div`,{className:`react-colorful__pointer-fill`,style:{backgroundColor:n}}))},$v=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=10**t),Math.round(n*e)/n};360/(2*Math.PI);var ey=function(e){return ly(ty(e))},ty=function(e){return e[0]===`#`&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?$v(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?$v(parseInt(e.substring(6,8),16)/255,2):1}},ny=function(e){return cy(oy(e))},ry=function(e){var t=e.s,n=e.v,r=e.a,i=(200-t)*n/100;return{h:$v(e.h),s:$v(i>0&&i<200?t*n/100/(i<=100?i:200-i)*100:0),l:$v(i/2),a:$v(r,2)}},iy=function(e){var t=ry(e);return`hsl(`+t.h+`, `+t.s+`%, `+t.l+`%)`},ay=function(e){var t=ry(e);return`hsla(`+t.h+`, `+t.s+`%, `+t.l+`%, `+t.a+`)`},oy=function(e){var t=e.h,n=e.s,r=e.v,i=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),o=r*(1-n),s=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),l=a%6;return{r:$v(255*[r,s,o,o,c,r][l]),g:$v(255*[c,r,r,s,o,o][l]),b:$v(255*[o,o,c,r,r,s][l]),a:$v(i,2)}},sy=function(e){var t=e.toString(16);return t.length<2?`0`+t:t},cy=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=i<1?sy($v(255*i)):``;return`#`+sy(t)+sy(n)+sy(r)+a},ly=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=Math.max(t,n,r),o=a-Math.min(t,n,r),s=o?a===t?(n-r)/o:a===n?2+(r-t)/o:4+(t-n)/o:0;return{h:$v(60*(s<0?s+6:s)),s:$v(a?o/a*100:0),v:$v(a/255*100),a:i}},uy=t.default.memo(function(e){var n=e.hue,r=e.onChange,i=Zv([`react-colorful__hue`,e.className]);return t.default.createElement(`div`,{className:i},t.default.createElement(Xv,{onMove:function(e){r({h:360*e.left})},onKey:function(e){r({h:Gv(n+360*e.left,0,360)})},"aria-label":`Hue`,"aria-valuenow":$v(n),"aria-valuemax":`360`,"aria-valuemin":`0`},t.default.createElement(Qv,{className:`react-colorful__hue-pointer`,left:n/360,color:iy({h:n,s:100,v:100,a:1})})))}),dy=t.default.memo(function(e){var n=e.hsva,r=e.onChange,i={backgroundColor:iy({h:n.h,s:100,v:100,a:1})};return t.default.createElement(`div`,{className:`react-colorful__saturation`,style:i},t.default.createElement(Xv,{onMove:function(e){r({s:100*e.left,v:100-100*e.top})},onKey:function(e){r({s:Gv(n.s+100*e.left,0,100),v:Gv(n.v-100*e.top,0,100)})},"aria-label":`Color`,"aria-valuetext":`Saturation `+$v(n.s)+`%, Brightness `+$v(n.v)+`%`},t.default.createElement(Qv,{className:`react-colorful__saturation-pointer`,top:1-n.v/100,left:n.s/100,color:iy(n)})))}),fy=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},py=function(e,t){return e.toLowerCase()===t.toLowerCase()||fy(ty(e),ty(t))};function my(e,n,r){var i=Wv(r),a=(0,t.useState)(function(){return e.toHsva(n)}),o=a[0],s=a[1],c=(0,t.useRef)({color:n,hsva:o});return(0,t.useEffect)(function(){if(!e.equal(n,c.current.color)){var t=e.toHsva(n);c.current={hsva:t,color:n},s(t)}},[n,e]),(0,t.useEffect)(function(){var t;fy(o,c.current.hsva)||e.equal(t=e.fromHsva(o),c.current.color)||(c.current={hsva:o,color:t},i(t))},[o,e,i]),[o,(0,t.useCallback)(function(e){s(function(t){return Object.assign({},t,e)})},[])]}var hy,gy=typeof window<`u`?t.useLayoutEffect:t.useEffect,_y=function(){return hy||(typeof __webpack_nonce__<`u`?__webpack_nonce__:void 0)},vy=new Map,yy=function(e){gy(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!vy.has(t)){var n=t.createElement(`style`);n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,vy.set(t,n);var r=_y();r&&n.setAttribute(`nonce`,r),t.head.appendChild(n)}},[])},by=function(e){var n=e.className,r=e.hsva,i=e.onChange,a={backgroundImage:`linear-gradient(90deg, `+ay(Object.assign({},r,{a:0}))+`, `+ay(Object.assign({},r,{a:1}))+`)`},o=Zv([`react-colorful__alpha`,n]),s=$v(100*r.a);return t.default.createElement(`div`,{className:o},t.default.createElement(`div`,{className:`react-colorful__alpha-gradient`,style:a}),t.default.createElement(Xv,{onMove:function(e){i({a:e.left})},onKey:function(e){i({a:Gv(r.a+e.left)})},"aria-label":`Alpha`,"aria-valuetext":s+`%`,"aria-valuenow":s,"aria-valuemin":`0`,"aria-valuemax":`100`},t.default.createElement(Qv,{className:`react-colorful__alpha-pointer`,left:r.a,color:ay(r)})))},xy=function(e){var n=e.className,r=e.colorModel,i=e.color,a=i===void 0?r.defaultColor:i,o=e.onChange,s=Uv(e,[`className`,`colorModel`,`color`,`onChange`]),c=(0,t.useRef)(null);yy(c);var l=my(r,a,o),u=l[0],d=l[1],f=Zv([`react-colorful`,n]);return t.default.createElement(`div`,Hv({},s,{ref:c,className:f}),t.default.createElement(dy,{hsva:u,onChange:d}),t.default.createElement(uy,{hue:u.h,onChange:d}),t.default.createElement(by,{hsva:u,onChange:d,className:`react-colorful__last-control`}))},Sy={defaultColor:`0001`,toHsva:ey,fromHsva:ny,equal:py},Cy=function(e){return t.default.createElement(xy,Hv({},e,{colorModel:Sy}))};let wy=({color:e,onChange:t})=>{let n=(e=>e===`transparent`?`#00000000`:e?/^[0-9A-Fa-f]{3,8}$/.test(e)?`#`+e:e:`#000000`)(e);return(0,r.jsxs)(U,{direction:`column`,gap:`3`,style:{width:`100%`},children:[(0,r.jsx)(Cy,{color:n,onChange:t,style:{width:`100%`}}),(0,r.jsxs)(U,{gap:`2`,align:`center`,children:[(0,r.jsx)(H,{style:{width:32,height:32,backgroundColor:n,borderRadius:4,border:`1px solid var(--gray-5)`,flexShrink:0}}),(0,r.jsx)(G,{value:e,onChange:e=>t(e.target.value),onBlur:()=>{e&&/^[0-9A-Fa-f]{3,8}$/.test(e)&&t(`#`+e)},placeholder:`#RRGGBBAA`,style:{flexGrow:1}})]})]})},Ty=({color:e,onChange:t,label:n})=>(0,r.jsxs)(dg,{children:[(0,r.jsx)(fg,{children:(0,r.jsxs)(W,{variant:`surface`,color:`gray`,style:{width:`100%`,justifyContent:`flex-start`,padding:`0 8px`,height:32},children:[(0,r.jsx)(H,{style:{width:18,height:18,backgroundColor:e||`transparent`,borderRadius:2,border:`1px solid var(--gray-8)`,marginRight:8,backgroundImage:e===`transparent`?`linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%)`:`none`,backgroundSize:`8px 8px`,backgroundPosition:`0 0, 0 4px, 4px -4px, -4px 0px`}}),(0,r.jsx)(`span`,{style:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:n||e||`Transparente`})]})}),(0,r.jsx)(pg,{style:{width:240},children:(0,r.jsx)(wy,{color:e,onChange:t})})]}),Ey=({elementId:e,open:t,onOpenChange:n,initialTab:i=`formatting`})=>{let{state:a,updateElement:o}=_v(),s=a.elements.find(t=>t.id===e);return s?(0,r.jsx)(zh,{open:t,onOpenChange:n,children:(0,r.jsxs)(Vh,{style:{maxWidth:600,minHeight:400},children:[(0,r.jsx)(Hh,{children:`Configurações Avançadas`}),(0,r.jsxs)(wg,{defaultValue:i,children:[(0,r.jsxs)(Tg,{children:[(0,r.jsx)(Eg,{value:`formatting`,children:`Formatação`}),(0,r.jsx)(Eg,{value:`style`,children:`Estilo`}),(0,r.jsx)(Eg,{value:`conditional`,children:`Condicional`}),(0,r.jsx)(Eg,{value:`animation`,children:`Animação`})]}),(0,r.jsxs)(H,{pt:`3`,children:[(0,r.jsx)(Dg,{value:`formatting`,children:(0,r.jsx)(Oy,{element:s,updateElement:o})}),(0,r.jsx)(Dg,{value:`style`,children:(0,r.jsx)(ky,{element:s,updateElement:o})}),(0,r.jsx)(Dg,{value:`conditional`,children:(0,r.jsx)(Ay,{element:s,updateElement:o,availableProps:a.availableProps})}),(0,r.jsx)(Dg,{value:`animation`,children:(0,r.jsx)(Dy,{element:s,updateElement:o})})]})]}),(0,r.jsx)(U,{justify:`end`,mt:`4`,children:(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Fechar`})})})]})}):null};var Dy=({element:e,updateElement:t})=>{let n=e.animation||{type:`none`,duration:1,delay:0},i=r=>{t(e.id,{animation:{...n,...r}})};return(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(V,{size:`2`,color:`gray`,children:`Configure animações de entrada para este elemento.`}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Tipo de Animação`}),(0,r.jsxs)(`select`,{value:n.type,onChange:e=>i({type:e.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`none`,children:`Nenhuma`}),(0,r.jsx)(`option`,{value:`fadeIn`,children:`Fade In`}),(0,r.jsx)(`option`,{value:`smoothSlideUp`,children:`Slide Suave (Up)`}),(0,r.jsx)(`option`,{value:`popIn`,children:`Pop In`}),(0,r.jsx)(`option`,{value:`blurIn`,children:`Blur In`}),(0,r.jsx)(`option`,{value:`slideInLeft`,children:`Slide In (Esquerda)`}),(0,r.jsx)(`option`,{value:`slideInRight`,children:`Slide In (Direita)`}),(0,r.jsx)(`option`,{value:`slideInUp`,children:`Slide In (Cima)`}),(0,r.jsx)(`option`,{value:`slideInDown`,children:`Slide In (Baixo)`}),(0,r.jsx)(`option`,{value:`zoomIn`,children:`Zoom In`}),(0,r.jsx)(`option`,{value:`bounceIn`,children:`Bounce In`}),(0,r.jsx)(`option`,{value:`pulse`,children:`Pulse (Atenção)`}),(0,r.jsx)(`option`,{value:`shake`,children:`Shake (Atenção)`}),(0,r.jsx)(`option`,{value:`spin`,children:`Spin (Loop)`})]})]}),n.type!==`none`&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(bh,{columns:`2`,gap:`3`,children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Duração (s)`}),(0,r.jsx)(G,{type:`number`,step:`0.1`,min:`0.1`,value:n.duration,onChange:e=>i({duration:parseFloat(e.target.value)||.5})})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Atraso (s)`}),(0,r.jsx)(G,{type:`number`,step:`0.1`,min:`0`,value:n.delay,onChange:e=>i({delay:parseFloat(e.target.value)||0})})]})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Curva de Tempo (Easing)`}),(0,r.jsxs)(`select`,{value:n.timingFunction||`ease`,onChange:e=>i({timingFunction:e.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`linear`,children:`Linear`}),(0,r.jsx)(`option`,{value:`ease`,children:`Ease`}),(0,r.jsx)(`option`,{value:`ease-in`,children:`Ease In`}),(0,r.jsx)(`option`,{value:`ease-out`,children:`Ease Out`}),(0,r.jsx)(`option`,{value:`ease-in-out`,children:`Ease In Out`})]})]}),[`pulse`,`shake`,`spin`].includes(n.type)&&(0,r.jsx)(H,{children:(0,r.jsxs)(U,{align:`center`,gap:`2`,mt:`2`,children:[(0,r.jsx)(xg,{checked:n.iterationCount===`infinite`,onCheckedChange:e=>i({iterationCount:e?`infinite`:1})}),(0,r.jsx)(V,{size:`2`,children:`Repetir Infinitamente`})]})})]})]})},Oy=({element:e,updateElement:t})=>{let n=e.formatting||{type:`text`},i=r=>{t(e.id,{formatting:{...n,...r}})};return(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(V,{size:`2`,color:`gray`,children:`Configure como os dados serão exibidos quando substituídos.`}),(e.type===`text`||e.type===`text-container`)&&(0,r.jsxs)(H,{children:[(0,r.jsxs)(U,{align:`center`,gap:`2`,mb:`3`,children:[(0,r.jsx)(xg,{checked:e.autoGrow||!1,onCheckedChange:n=>t(e.id,{autoGrow:n})}),(0,r.jsx)(V,{size:`2`,children:e.type===`text-container`?`Expandir container automaticamente`:`Expandir altura automaticamente (Multilinha)`})]}),e.type===`text-container`&&e.autoGrow&&(0,r.jsxs)(H,{mb:`3`,ml:`4`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Direção de Expansão`}),(0,r.jsxs)(`select`,{value:e.containerExpansion||`vertical`,onChange:n=>t(e.id,{containerExpansion:n.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`vertical`,children:`Vertical (Altura Cresce)`}),(0,r.jsx)(`option`,{value:`horizontal`,children:`Horizontal (Largura Cresce)`})]})]}),(0,r.jsx)(vg,{size:`4`,mb:`3`})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Tipo de Formatação`}),(0,r.jsxs)(`select`,{value:n.type,onChange:e=>i({type:e.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`text`,children:`Texto (Padrão)`}),(0,r.jsx)(`option`,{value:`boolean`,children:`Booleano (Sim/Não)`}),(0,r.jsx)(`option`,{value:`date`,children:`Data`}),(0,r.jsx)(`option`,{value:`number`,children:`Número / Moeda`})]})]}),n.type===`boolean`&&(0,r.jsxs)(bh,{columns:`2`,gap:`3`,children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Texto para Verdadeiro`}),(0,r.jsx)(G,{placeholder:`Ex: Sim`,value:n.trueLabel||``,onChange:e=>i({trueLabel:e.target.value})})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Texto para Falso`}),(0,r.jsx)(G,{placeholder:`Ex: Não`,value:n.falseLabel||``,onChange:e=>i({falseLabel:e.target.value})})]})]}),n.type===`date`&&(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Formato da Data`}),(0,r.jsx)(G,{placeholder:`Ex: DD/MM/YYYY`,value:n.dateFormat||``,onChange:e=>i({dateFormat:e.target.value})}),(0,r.jsx)(V,{size:`1`,color:`gray`,mt:`1`,children:`Use DD, MM, YYYY, HH, mm, ss.`})]}),n.type===`number`&&(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Estilo`}),(0,r.jsxs)(`select`,{value:n.numberFormat||`decimal`,onChange:e=>i({numberFormat:e.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`decimal`,children:`Decimal`}),(0,r.jsx)(`option`,{value:`currency`,children:`Moeda`}),(0,r.jsx)(`option`,{value:`percent`,children:`Porcentagem`})]})]}),n.numberFormat===`currency`&&(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Símbolo da Moeda`}),(0,r.jsx)(G,{placeholder:`Ex: R$`,value:n.currencySymbol||``,onChange:e=>i({currencySymbol:e.target.value})})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Casas Decimais`}),(0,r.jsx)(G,{type:`number`,placeholder:`2`,value:n.decimalPlaces===void 0?``:n.decimalPlaces,onChange:e=>i({decimalPlaces:parseInt(e.target.value)||0})})]})]})]})},ky=({element:e,updateElement:n})=>{let i=e.style||{},[a,o]=(0,t.useState)(i.borderTopLeftRadius!==void 0||i.borderTopRightRadius!==void 0||i.borderBottomRightRadius!==void 0||i.borderBottomLeftRadius!==void 0),s=t=>{n(e.id,{style:{...i,...t}})},c=(e,t)=>{let n=typeof e==`number`?e:parseInt(e)||0;s({[t]:n})};return(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(V,{size:`2`,color:`gray`,children:`Personalize a aparência do elemento.`}),(0,r.jsxs)(H,{children:[(0,r.jsxs)(U,{align:`center`,justify:`between`,mb:`2`,children:[(0,r.jsx)(V,{size:`2`,weight:`bold`,children:`Arredondamento (Border Radius)`}),(0,r.jsxs)(U,{align:`center`,gap:`2`,children:[(0,r.jsx)(V,{size:`1`,children:`Individual`}),(0,r.jsx)(xg,{checked:a,onCheckedChange:e=>{if(o(e),!e)s({borderRadius:i.borderTopLeftRadius||i.borderRadius||0,borderTopLeftRadius:void 0,borderTopRightRadius:void 0,borderBottomRightRadius:void 0,borderBottomLeftRadius:void 0});else{let e=i.borderRadius||0;s({borderRadius:void 0,borderTopLeftRadius:e,borderTopRightRadius:e,borderBottomRightRadius:e,borderBottomLeftRadius:e})}}})]})]}),a?(0,r.jsxs)(bh,{columns:`2`,gap:`3`,children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Superior Esq.`}),(0,r.jsx)(G,{type:`number`,min:`0`,value:parseInt(i.borderTopLeftRadius)||0,onChange:e=>c(e.target.value,`borderTopLeftRadius`)})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Superior Dir.`}),(0,r.jsx)(G,{type:`number`,min:`0`,value:parseInt(i.borderTopRightRadius)||0,onChange:e=>c(e.target.value,`borderTopRightRadius`)})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Inferior Esq.`}),(0,r.jsx)(G,{type:`number`,min:`0`,value:parseInt(i.borderBottomLeftRadius)||0,onChange:e=>c(e.target.value,`borderBottomLeftRadius`)})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Inferior Dir.`}),(0,r.jsx)(G,{type:`number`,min:`0`,value:parseInt(i.borderBottomRightRadius)||0,onChange:e=>c(e.target.value,`borderBottomRightRadius`)})]})]}):(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Raio (Todos os cantos)`}),(0,r.jsx)(G,{type:`number`,min:`0`,value:parseInt(i.borderRadius)||0,onChange:e=>s({borderRadius:parseInt(e.target.value)||0})})]})]}),(0,r.jsx)(vg,{size:`4`,my:`2`}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`2`,weight:`bold`,mb:`2`,children:`Espaçamento (Padding)`}),(0,r.jsx)(bh,{columns:`2`,gap:`3`,children:(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Tamanho (px)`}),(0,r.jsx)(G,{type:`number`,min:`0`,value:parseInt(i.padding)||0,onChange:e=>s({padding:parseInt(e.target.value)||0})})]})})]})]})},Ay=({element:e,updateElement:n,availableProps:i})=>{let a=e.conditions||[],o=e.styleBindings||{},[s,c]=(0,t.useState)(null),l=[{label:`Cor do Texto`,value:`color`},{label:`Cor de Fundo`,value:`backgroundColor`},{label:`Cor da Borda`,value:`borderColor`}],u=(t,r)=>{let i={...o};r?i[t]=r:delete i[t],n(e.id,{styleBindings:i})},d=()=>{let t={id:crypto.randomUUID(),property:i.length>0?i[0].dataName:``,operator:`equals`,value:``,style:{color:`#ff0000`}};n(e.id,{conditions:[...a,t]}),c(t.id)},f=t=>{n(e.id,{conditions:a.filter(e=>e.id!==t)}),s===t&&c(null)},p=(t,r)=>{n(e.id,{conditions:a.map(e=>e.id===t?{...e,...r}:e)})},m=(e,t)=>{let n=a.find(t=>t.id===e);n&&p(e,{style:{...n.style,...t}})},h=a.find(e=>e.id===s);return(0,r.jsx)(U,{direction:`column`,gap:`3`,children:s?(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsxs)(U,{justify:`between`,align:`center`,children:[(0,r.jsx)(V,{weight:`bold`,children:`Editar Regra`}),(0,r.jsx)(W,{variant:`ghost`,onClick:()=>c(null),children:`Voltar`})]}),h&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Propriedade`}),(0,r.jsxs)(`select`,{value:h.property,onChange:e=>p(h.id,{property:e.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[i.map(e=>(0,r.jsx)(`option`,{value:e.dataName,children:e.name},e.dataName)),(0,r.jsx)(`option`,{value:`__custom__`,children:`Outra...`})]}),h.property===`__custom__`&&(0,r.jsx)(G,{placeholder:`Nome da propriedade`,mt:`2`,onChange:e=>p(h.id,{property:e.target.value})})]}),(0,r.jsxs)(U,{gap:`2`,children:[(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Operador`}),(0,r.jsxs)(`select`,{value:h.operator,onChange:e=>p(h.id,{operator:e.target.value}),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`equals`,children:`Igual a`}),(0,r.jsx)(`option`,{value:`notEquals`,children:`Diferente de`}),(0,r.jsx)(`option`,{value:`contains`,children:`Contém`}),(0,r.jsx)(`option`,{value:`greaterThan`,children:`Maior que`}),(0,r.jsx)(`option`,{value:`lessThan`,children:`Menor que`}),(0,r.jsx)(`option`,{value:`truthy`,children:`É Verdadeiro (Truthy)`}),(0,r.jsx)(`option`,{value:`falsy`,children:`É Falso (Falsy)`})]})]}),[`equals`,`notEquals`,`contains`,`greaterThan`,`lessThan`].includes(h.operator)&&(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Valor`}),(0,r.jsx)(G,{value:h.value,onChange:e=>p(h.id,{value:e.target.value})})]})]}),(0,r.jsx)(U,{gap:`2`,children:(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Ação`}),(0,r.jsxs)(`select`,{value:h.style.display===`none`?`hide`:`style`,onChange:e=>{e.target.value===`hide`?m(h.id,{display:`none`}):m(h.id,{display:void 0})},style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`style`,children:`Aplicar Estilo`}),(0,r.jsx)(`option`,{value:`hide`,children:`Ocultar Elemento`})]})]})}),(0,r.jsx)(vg,{size:`4`,my:`2`}),h.style.display!==`none`&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(V,{size:`2`,weight:`bold`,children:`Aplicar Estilos`}),(0,r.jsxs)(bh,{columns:`2`,gap:`3`,children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Cor do Texto`}),(0,r.jsx)(Ty,{color:h.style.color||`#000000`,onChange:e=>m(h.id,{color:e})})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Cor de Fundo`}),(0,r.jsxs)(U,{gap:`2`,children:[(0,r.jsx)(H,{flexGrow:`1`,children:(0,r.jsx)(Ty,{color:h.style.backgroundColor||`#ffffff`,onChange:e=>m(h.id,{backgroundColor:e})})}),(0,r.jsx)(sg,{variant:`outline`,onClick:()=>m(h.id,{backgroundColor:void 0}),title:`Limpar fundo`,children:(0,r.jsx)(re,{})})]})]})]}),(0,r.jsxs)(U,{gap:`3`,mt:`2`,children:[(0,r.jsx)(W,{variant:h.style.fontWeight===`bold`?`solid`:`outline`,onClick:()=>m(h.id,{fontWeight:h.style.fontWeight===`bold`?`normal`:`bold`}),children:`Bold`}),(0,r.jsx)(W,{variant:h.style.fontStyle===`italic`?`solid`:`outline`,onClick:()=>m(h.id,{fontStyle:h.style.fontStyle===`italic`?`normal`:`italic`}),children:`Italic`}),(0,r.jsx)(W,{variant:h.style.textDecoration===`line-through`?`solid`:`outline`,onClick:()=>m(h.id,{textDecoration:h.style.textDecoration===`line-through`?`none`:`line-through`}),children:`Riscado`})]})]})]})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(V,{size:`2`,weight:`bold`,children:`Vínculos de Estilo (Data Binding)`}),(0,r.jsx)(V,{size:`2`,color:`gray`,children:`Vincule propriedades de estilo diretamente a variáveis.`}),(0,r.jsx)(H,{style:{border:`1px solid var(--gray-5)`,borderRadius:4,padding:12},children:l.map(e=>(0,r.jsxs)(U,{align:`center`,justify:`between`,mb:`2`,style:{marginBottom:8},children:[(0,r.jsx)(V,{size:`2`,children:e.label}),(0,r.jsxs)(`select`,{value:o[e.value]||``,onChange:t=>u(e.value,t.target.value),style:{width:`200px`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--color-panel-solid)`,color:`var(--gray-12)`,fontSize:`13px`},children:[(0,r.jsx)(`option`,{value:``,children:`(Nenhum)`}),i.map(e=>(0,r.jsx)(`option`,{value:e.dataName,children:e.name},e.dataName))]})]},e.value))}),(0,r.jsx)(vg,{size:`4`,my:`2`}),(0,r.jsx)(V,{size:`2`,weight:`bold`,children:`Regras Condicionais`}),(0,r.jsx)(V,{size:`2`,color:`gray`,children:`Adicione regras para alterar o estilo baseada no valor dos dados.`}),(0,r.jsxs)(H,{style:{maxHeight:200,overflowY:`auto`,border:`1px solid var(--gray-5)`,borderRadius:4},children:[a.length===0&&(0,r.jsx)(U,{align:`center`,justify:`center`,p:`4`,children:(0,r.jsx)(V,{color:`gray`,children:`Nenhuma regra definida.`})}),a.map(e=>(0,r.jsxs)(U,{align:`center`,justify:`between`,p:`2`,style:{borderBottom:`1px solid var(--gray-4)`},children:[(0,r.jsxs)(H,{onClick:()=>c(e.id),style:{cursor:`pointer`,flexGrow:1},children:[(0,r.jsxs)(V,{size:`1`,weight:`bold`,children:[`Se `,e.property,` `,e.operator,` `,e.value]}),(0,r.jsxs)(U,{gap:`2`,mt:`1`,children:[e.style.color&&(0,r.jsx)(`div`,{style:{width:12,height:12,borderRadius:`50%`,backgroundColor:e.style.color}}),e.style.backgroundColor&&(0,r.jsx)(`div`,{style:{width:12,height:12,border:`1px solid #ccc`,backgroundColor:e.style.backgroundColor}})]})]}),(0,r.jsx)(sg,{variant:`ghost`,color:`red`,onClick:()=>f(e.id),children:(0,r.jsx)(Me,{})})]},e.id))]}),(0,r.jsxs)(W,{onClick:d,children:[(0,r.jsx)(be,{}),` Adicionar Regra`]})]})})};let jy=({children:e,element:n})=>{let{updateElement:i,removeElement:a,removeSelected:o,addElement:s,moveElement:c,copy:l,paste:u,state:d,renameElement:f,groupElements:p,ungroupElements:m}=_v(),[h,g]=(0,t.useState)(!1),[_,v]=(0,t.useState)(!1),[y,b]=(0,t.useState)(!1),[x,S]=(0,t.useState)(!1),[C,w]=(0,t.useState)(`formatting`),[T,E]=(0,t.useState)({open:!1,prop:``,value:``}),[D,O]=(0,t.useState)(!1),[k,A]=(0,t.useState)(``),[j,te]=(0,t.useState)(``),[ne,re]=(0,t.useState)(n.content),[ie,ae]=(0,t.useState)(n.dataBinding||``),oe=(0,t.useRef)(null),se=(0,t.useRef)(null),ce=e=>{let t=oe.current;if(t){let n=t.selectionStart,r=t.selectionEnd,i=ne;re(i.substring(0,n)+`{{${e}}}`+i.substring(r)),setTimeout(()=>{t.focus();let r=n+e.length+4;t.setSelectionRange(r,r)},0)}else re(t=>t+`{{${e}}}`)},N=e=>{i(n.id,{style:{...n.style,...e}})},le=()=>{let e=d.elements.findIndex(e=>e.id===n.id);e<d.elements.length-1&&c(e,d.elements.length-1)},ue=()=>{let e=d.elements.findIndex(e=>e.id===n.id);e>0&&c(e,0)},de=()=>{d.selectedElementIds.includes(n.id)&&d.selectedElementIds.length>1?(l(),u()):s({type:n.type,content:n.content,x:n.x+20,y:n.y+20,width:n.width,height:n.height,style:n.style})},fe=[`#000000`,`#FFFFFF`,`#FF0000`,`#00FF00`,`#0000FF`,`#FFA500`,`#808080`,`#800080`,`transparent`],pe=(e,t)=>{E({open:!0,prop:e,value:t})};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(zh,{open:h,onOpenChange:g,children:(0,r.jsxs)(Vh,{style:{maxWidth:450},children:[(0,r.jsx)(Hh,{children:`Renomear Camada`}),(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(G,{value:j,onChange:e=>te(e.target.value),placeholder:`Nome da camada...`}),(0,r.jsxs)(U,{gap:`3`,justify:`end`,children:[(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Cancelar`})}),(0,r.jsx)(W,{onClick:()=>{f(n.id,j),g(!1)},children:`Salvar`})]})]})]})}),(0,r.jsx)(zh,{open:_,onOpenChange:v,children:(0,r.jsxs)(Vh,{style:{maxWidth:450},children:[(0,r.jsx)(Hh,{children:`Editar Texto`}),(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(Ag,{ref:oe,value:ne,onChange:e=>re(e.target.value),placeholder:`Digite o novo texto...`,style:{height:100}}),d.availableProps&&d.availableProps.length>0&&(0,r.jsxs)(U,{direction:`column`,gap:`2`,children:[(0,r.jsx)(V,{size:`1`,color:`gray`,children:`Inserir variável:`}),(0,r.jsx)(U,{gap:`2`,wrap:`wrap`,children:d.availableProps.map(e=>(0,r.jsx)(Em,{color:`blue`,variant:`surface`,style:{cursor:`pointer`},onClick:()=>ce(e.dataName),children:e.name},e.dataName))})]}),(0,r.jsxs)(U,{gap:`3`,justify:`end`,children:[(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Cancelar`})}),(0,r.jsx)(W,{onClick:()=>{i(n.id,{content:ne}),v(!1)},children:`Salvar`})]})]})]})}),(0,r.jsx)(zh,{open:y,onOpenChange:b,children:(0,r.jsxs)(Vh,{style:{maxWidth:450},children:[(0,r.jsx)(Hh,{children:`Vincular Dados Manualmente`}),(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(V,{size:`2`,children:`Nome da propriedade (ex: titulo, preco, imagem):`}),(0,r.jsx)(G,{value:ie,onChange:e=>ae(e.target.value),placeholder:`propriedade`}),(0,r.jsxs)(U,{gap:`3`,justify:`end`,children:[(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Cancelar`})}),(0,r.jsx)(W,{onClick:()=>{let e=ie,t={dataBinding:e};(n.type===`text`||n.type===`text-container`)&&(t.content=`{{${e}}}`),i(n.id,t),b(!1)},children:`Vincular`})]})]})]})}),(0,r.jsx)(zh,{open:T.open,onOpenChange:e=>E(t=>({...t,open:e})),children:(0,r.jsxs)(Vh,{style:{maxWidth:300},children:[(0,r.jsx)(Hh,{children:`Selecionar Cor`}),(0,r.jsx)(wy,{color:T.value,onChange:e=>E(t=>({...t,value:e}))}),(0,r.jsxs)(U,{gap:`3`,justify:`end`,mt:`4`,children:[(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Cancelar`})}),(0,r.jsx)(W,{onClick:()=>{N({[T.prop]:T.value}),E(e=>({...e,open:!1}))},children:`Aplicar`})]})]})}),(0,r.jsx)(Ey,{elementId:n.id,open:x,onOpenChange:S,initialTab:C}),(0,r.jsx)(zh,{open:D,onOpenChange:O,children:(0,r.jsxs)(Vh,{style:{maxWidth:450},children:[(0,r.jsx)(Hh,{children:`Inserir URL da Imagem`}),(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(G,{value:k,onChange:e=>A(e.target.value),placeholder:`https://exemplo.com/imagem.png`}),(0,r.jsxs)(U,{gap:`3`,justify:`end`,children:[(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Cancelar`})}),(0,r.jsx)(W,{onClick:()=>{i(n.id,{content:k}),O(!1)},children:`Aplicar`})]})]})]})}),(0,r.jsx)(`input`,{type:`file`,ref:se,style:{display:`none`},accept:`image/*`,onChange:e=>{let t=e.target.files?.[0];if(t){let e=new FileReader;e.onload=e=>{e.target?.result&&i(n.id,{content:e.target.result})},e.readAsDataURL(t)}}}),(0,r.jsxs)(zl,{children:[(0,r.jsx)(Bl,{asChild:!0,children:(0,r.jsx)(`div`,{style:{display:`contents`},children:e})}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Hl,{className:`ContextMenuContent`,children:[(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Vincular Dados`,n.dataBinding&&(0,r.jsxs)(`span`,{style:{fontSize:10,marginLeft:4,opacity:.7},children:[`(`,n.dataBinding,`)`]}),(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[d.availableProps&&d.availableProps.length>0&&(0,r.jsxs)(r.Fragment,{children:[d.availableProps.map(e=>(0,r.jsxs)(R,{className:`ContextMenuItem`,onSelect:()=>{let t={dataBinding:e.dataName};(n.type===`text`||n.type===`text-container`||n.type===`image`)&&(t.content=`{{${e.dataName}}}`),i(n.id,t)},children:[e.name,` `,(0,r.jsx)(`div`,{className:`RightSlot`,children:e.dataName})]},e.dataName)),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`})]}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{ae(n.dataBinding||``),b(!0)},children:`Outro / Manual...`}),n.dataBinding&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>i(n.id,{dataBinding:void 0}),style:{color:`var(--red-9)`},children:`Remover Vínculo`})]})]})})]}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(n.type===`text`||n.type===`text-container`)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{re(n.content),v(!0)},children:`Editar Texto...`}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`})]}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{te(n.name||(n.type===`group`?`Grupo`:`Elemento`)),g(!0)},children:`Renomear...`}),d.selectedElementIds.length>=1&&(d.selectedElementIds.includes(n.id)||n.groupId&&d.selectedElementIds.includes(n.groupId))&&(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>p(d.selectedElementIds),children:d.selectedElementIds.length>1?`Agrupar Seleção`:`Agrupar (Criar Pasta)`}),(n.type===`group`||n.groupId&&d.selectedElementIds.includes(n.groupId))&&(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>m(n.type===`group`?n.id:n.groupId),children:n.type===`group`?`Desagrupar`:`Desagrupar Pai`}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>S(!0),children:`Configurações Avançadas...`}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:de,children:d.selectedElementIds.includes(n.id)&&d.selectedElementIds.length>1?`Duplicar Selecionados (${d.selectedElementIds.length})`:`Duplicar`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{d.selectedElementIds.includes(n.id)&&d.selectedElementIds.length>1?o():a(n.id)},children:d.selectedElementIds.includes(n.id)&&d.selectedElementIds.length>1?`Excluir Selecionados (${d.selectedElementIds.length})`:`Excluir`}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),n.type===`image`&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Alterar Imagem`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>se.current?.click(),children:`Carregar do Computador`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{A(typeof n.content==`string`?n.content:``),O(!0)},children:`Inserir URL`})]})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Ajuste da Imagem`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({objectFit:`cover`}),children:`Preencher (Cover)`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({objectFit:`contain`}),children:`Ajustar (Contain)`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({objectFit:`fill`}),children:`Esticar (Fill)`})]})})]}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Camadas`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:le,children:`Trazer para frente`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:ue,children:`Enviar para trás`})]})})]}),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(n.type===`text`||n.type===`text-container`)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Fonte`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsx)(Kl,{className:`ContextMenuSubContent ContextMenuScrollable`,sideOffset:2,alignOffset:-5,children:d.availableFonts&&d.availableFonts.map(e=>(0,r.jsxs)(R,{className:`ContextMenuItem`,onSelect:()=>N({fontFamily:e}),style:{fontFamily:e},children:[e,n.style?.fontFamily===e&&(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(ee,{})})]},e))})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Tamanho da Fonte`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsx)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[12,14,16,20,24,32,48,64].map(e=>(0,r.jsxs)(R,{className:`ContextMenuItem`,onSelect:()=>N({fontSize:`${e}px`}),children:[e,`px`]},e))})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Cor do Texto`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[fe.filter(e=>e!==`transparent`).map(e=>(0,r.jsxs)(R,{className:`ContextMenuItem`,onSelect:()=>N({color:e}),children:[(0,r.jsx)(`div`,{style:{width:12,height:12,backgroundColor:e,marginRight:8,border:`1px solid #ccc`}}),e]},e)),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>pe(`color`,n.style?.color||`#000000`),children:`Outra Cor...`})]})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Peso da Fonte`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({fontWeight:`normal`}),children:`Normal`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({fontWeight:`bold`}),children:`Negrito`})]})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Alinhamento`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({textAlign:`left`}),children:`Esquerda`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({textAlign:`center`}),children:`Centro`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({textAlign:`right`}),children:`Direita`})]})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Alinhamento Vertical`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({display:`flex`,flexDirection:`column`,justifyContent:`flex-start`}),children:`Topo`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({display:`flex`,flexDirection:`column`,justifyContent:`center`}),children:`Centro`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({display:`flex`,flexDirection:`column`,justifyContent:`flex-end`}),children:`Base`})]})})]})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Cor de Fundo`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[fe.map(e=>(0,r.jsxs)(R,{className:`ContextMenuItem`,onSelect:()=>N({backgroundColor:e}),children:[(0,r.jsx)(`div`,{style:{width:12,height:12,backgroundColor:e,marginRight:8,border:`1px solid #ccc`}}),e===`transparent`?`Transparente`:e]},e)),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>pe(`backgroundColor`,n.style?.backgroundColor||`transparent`),children:`Outra Cor...`})]})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Arredondamento`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[[0,4,8,12,16,24,`50%`].map(e=>(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>N({borderRadius:typeof e==`number`?`${e}px`:e}),children:e===`50%`?`Círculo`:`${e}px`},e)),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{w(`style`),S(!0)},children:`Personalizar...`})]})})]}),(0,r.jsxs)(Wl,{children:[(0,r.jsxs)(Gl,{className:`ContextMenuSubTrigger`,children:[`Espaçamento`,(0,r.jsx)(`div`,{className:`RightSlot`,children:(0,r.jsx)(M,{})})]}),(0,r.jsx)(Vl,{children:(0,r.jsxs)(Kl,{className:`ContextMenuSubContent`,sideOffset:2,alignOffset:-5,children:[[0,4,8,12,16,24,32].map(e=>(0,r.jsxs)(R,{className:`ContextMenuItem`,onSelect:()=>N({padding:`${e}px`}),children:[e,`px`]},e)),(0,r.jsx)(Ul,{className:`ContextMenuSeparator`}),(0,r.jsx)(R,{className:`ContextMenuItem`,onSelect:()=>{w(`style`),S(!0)},children:`Personalizar...`})]})})]})]})})]})]})},My=t.default.memo(({element:e,isSelected:n})=>{let{selectElement:i,updateElement:a,updateElements:o,state:s,resizeGroup:c,setSnapLines:l}=_v(),[u,d]=(0,t.useState)(!1),[f,p]=(0,t.useState)(!1),[m,h]=(0,t.useState)(!1),g=(0,t.useRef)(null),_=(0,t.useRef)({x:0,y:0}),v=(0,t.useRef)({}),y=(0,t.useRef)(!1),b=(0,t.useRef)(!1),x=(0,t.useRef)(0),S=(0,t.useRef)(0),C=(0,t.useRef)({x:0,y:0}),w=(0,t.useRef)(!1),T=s.canvasHeight||150,E=s.isList?s.mockData.length>0?s.mockData[0]:null:s.singleMockData,D=e.content,O={};if(E){if(e.type===`text`||e.type===`text-container`)D=D.replace(/\{\{(.*?)\}\}/g,(t,n)=>{let r=E[n.trim()];return r==null?t:e.formatting?Bv(r,e.formatting):String(r)});else if(e.type===`image`)if(e.dataBinding){let t=E[e.dataBinding];t!=null&&(D=String(t))}else D=D.replace(/\{\{(.*?)\}\}/g,(e,t)=>{let n=E[t.trim()];return n==null?e:String(n)});e.styleBindings&&Object.entries(e.styleBindings).forEach(([e,t])=>{let n=E[t];n!=null&&(O={...O,[e]:String(n)})}),e.conditions&&e.conditions.forEach(e=>{let t=E[e.property];Vv(t,e.operator,e.value)&&(O={...O,...e.style})})}let k=O.display===`none`;if(k&&n){let{display:e,...t}=O;O=t}let A=t=>{t.stopPropagation(),!y.current&&!b.current&&!u&&(t.shiftKey?i(e.id,!0):i(e.id,!1))},j=t=>{if(t.button!==0)return;t.stopPropagation();let r=t.shiftKey;if(y.current=!1,b.current=!1,e.groupId&&!n){i(e.groupId,r);return}n||(i(e.id,r),b.current=!0),d(!0),_.current={x:t.clientX,y:t.clientY},t.currentTarget.setPointerCapture(t.pointerId);let a=new Set(s.selectedElementIds);n||(r||a.clear(),a.add(e.id));let o={};s.elements.forEach(e=>{a.has(e.id)&&(o[e.id]={x:e.x,y:e.y})}),v.current=o},ee=t=>{if(u){let n=s.zoom||1,r=(t.clientX-_.current.x)/n,i=(t.clientY-_.current.y)/n;(Math.abs(r)>2||Math.abs(i)>2)&&(y.current=!0);let a=5/n,c=[],u=Object.entries(v.current).map(([t,n])=>{let o=n.x+r,l=n.y+i;if(s.gridSize>0)o=Math.round(o/s.gridSize)*s.gridSize,l=Math.round(l/s.gridSize)*s.gridSize;else{let n=!1,r=!1,i=e.width??100,u=e.height??100;Object.keys(v.current).length===1&&s.elements.forEach(e=>{if(e.id===t)return;let s=e.width??100,d=e.height??100;n||(Math.abs(o-e.x)<a?(o=e.x,n=!0,c.push({orientation:`vertical`,position:e.x})):Math.abs(o-(e.x+s))<a?(o=e.x+s,n=!0,c.push({orientation:`vertical`,position:e.x+s})):Math.abs(o+i-e.x)<a?(o=e.x-i,n=!0,c.push({orientation:`vertical`,position:e.x})):Math.abs(o+i-(e.x+s))<a&&(o=e.x+s-i,n=!0,c.push({orientation:`vertical`,position:e.x+s}))),r||(Math.abs(l-e.y)<a?(l=e.y,r=!0,c.push({orientation:`horizontal`,position:e.y})):Math.abs(l-(e.y+d))<a?(l=e.y+d,r=!0,c.push({orientation:`horizontal`,position:e.y+d})):Math.abs(l+u-e.y)<a?(l=e.y-u,r=!0,c.push({orientation:`horizontal`,position:e.y})):Math.abs(l+u-(e.y+d))<a&&(l=e.y+d-u,r=!0,c.push({orientation:`horizontal`,position:e.y+d})))})}if(o=Math.max(0,o),s.isList){l=Math.max(0,l);let t=e.height??100;T>0&&(l=Math.min(l,T-t)),l=Math.max(0,l)}return{id:t,changes:{x:o,y:l}}});l&&l(c),o(u,!1)}},te=e=>{u&&(d(!1),e.currentTarget.releasePointerCapture(e.pointerId),o([],!0),l&&l([]))},M=t=>{t.stopPropagation(),t.preventDefault(),h(!0);let n=t.target.closest(`.resizable-element`);if(n){let r=n.getBoundingClientRect();C.current={x:r.left+r.width/2,y:r.top+r.height/2};let i=t.clientX-C.current.x,a=t.clientY-C.current.y;x.current=Math.atan2(a,i)*(180/Math.PI),S.current=e.rotation||0}};(0,t.useEffect)(()=>{let t=t=>{if(m){let n=t.clientX-C.current.x,r=t.clientY-C.current.y,i=Math.atan2(r,n)*(180/Math.PI)-x.current,o=(S.current+i)%360;a(e.id,{rotation:o},!1)}},n=()=>{m&&(h(!1),a(e.id,{rotation:e.rotation},!0))};return m&&(window.addEventListener(`mousemove`,t),window.addEventListener(`mouseup`,n)),()=>{window.removeEventListener(`mousemove`,t),window.removeEventListener(`mouseup`,n)}},[m,e.id,a,e.rotation]),(0,t.useEffect)(()=>{e.type===`text-container`&&e.autoGrow&&e.containerExpansion===`horizontal`&&requestAnimationFrame(()=>{if(g.current){let t=g.current.scrollWidth;Math.abs(t-(e.width??0))>2&&a(e.id,{width:t},!1)}})},[D,e.autoGrow,e.containerExpansion,e.style,e.width,e.formatting,a,e.id,e.type]);let ne={position:`relative`,left:0,top:0,width:`100%`,height:e.autoGrow?`auto`:`100%`,minHeight:e.autoGrow?`100%`:void 0,padding:e.type===`image`||e.type===`text`?0:`8px`,border:n||f?`2px solid var(--accent-9)`:`1px dashed transparent`,outline:`none`,cursor:u?`grabbing`:`grab`,borderRadius:`var(--radius-2)`,overflow:e.autoGrow?`visible`:`hidden`,whiteSpace:e.autoGrow?`pre-wrap`:void 0,wordBreak:e.autoGrow?`break-word`:void 0,userSelect:`none`,boxSizing:`border-box`,...e.style,...O};return(0,r.jsx)(zv,{className:`resizable-element`,size:{width:e.width??100,height:e.autoGrow?`auto`:e.height??100},maxHeight:s.isList?Math.max(10,T-e.y):void 0,onResizeStart:e=>{p(!0),w.current=!!e.shiftKey},onResizeStop:(t,n,r,i)=>{p(!1);let o=(e.width??100)+i.width,s=(e.height??100)+i.height,l=e.x??0,u=e.y??0;n.includes(`left`)&&(l-=i.width),n.includes(`top`)&&(u-=i.height),e.type===`group`?(c(e.id,o,s),a(e.id,{x:l,y:u},!0)):a(e.id,{width:o,height:s,x:l,y:u})},handleComponent:{topLeft:(0,r.jsx)(`div`,{className:`resize-handle top-left`}),topRight:(0,r.jsx)(`div`,{className:`resize-handle top-right`}),bottomLeft:(0,r.jsx)(`div`,{className:`resize-handle bottom-left`}),bottomRight:(0,r.jsx)(`div`,{className:`resize-handle bottom-right`}),top:(0,r.jsx)(`div`,{className:`resize-handle top`}),bottom:(0,r.jsx)(`div`,{className:`resize-handle bottom`}),left:(0,r.jsx)(`div`,{className:`resize-handle left`}),right:(0,r.jsx)(`div`,{className:`resize-handle right`})},handleStyles:{topLeft:{width:10,height:10,background:`var(--accent-9)`,borderRadius:`50%`,left:-5,top:-5,zIndex:1001},topRight:{width:10,height:10,background:`var(--accent-9)`,borderRadius:`50%`,right:-5,top:-5,zIndex:1001},bottomLeft:{width:10,height:10,background:`var(--accent-9)`,borderRadius:`50%`,left:-5,bottom:-5,zIndex:1001},bottomRight:{width:10,height:10,background:`var(--accent-9)`,borderRadius:`50%`,right:-5,bottom:-5,zIndex:1001},top:{height:6,top:-3,zIndex:1e3},bottom:{height:6,bottom:-3,zIndex:1e3},left:{width:6,left:-3,zIndex:1e3},right:{width:6,right:-3,zIndex:1e3}},style:{position:`absolute`,transform:`translate(${e.x??0}px, ${e.y??0}px) rotate(${e.rotation||0}deg)`,height:e.autoGrow?`auto`:void 0,display:k&&!n?`none`:void 0,opacity:k&&n?.4:1,zIndex:n?1e3:void 0,outline:`none`,overflow:`visible`},enable:n&&!e.autoGrow?void 0:{top:!1,right:n,bottom:!1,left:n,topRight:!1,bottomRight:n,bottomLeft:!1,topLeft:!1},lockAspectRatio:w.current===!0,grid:s.gridSize>0?[s.gridSize,s.gridSize]:void 0,children:(0,r.jsx)(jy,{element:e,children:(0,r.jsxs)(`div`,{style:{width:`100%`,height:`100%`,position:`relative`},children:[(0,r.jsxs)(H,{ref:g,style:{...ne,whiteSpace:e.type===`text-container`&&e.autoGrow&&e.containerExpansion===`horizontal`?`nowrap`:ne.whiteSpace,width:e.type===`text-container`&&e.autoGrow&&e.containerExpansion===`horizontal`?`max-content`:`100%`,height:e.type===`text-container`&&e.autoGrow&&e.containerExpansion===`vertical`?`auto`:`100%`},onPointerDown:j,onPointerMove:ee,onPointerUp:te,onMouseDown:e=>{e.button===0&&e.stopPropagation()},onClick:A,title:e.name,onMouseEnter:e=>{n||(e.currentTarget.style.borderColor=`var(--gray-6)`)},onMouseLeave:e=>{n||(e.currentTarget.style.borderColor=`transparent`)},onDragOver:e=>{e.preventDefault(),e.stopPropagation(),e.dataTransfer.dropEffect=`copy`},onDrop:t=>{t.preventDefault(),t.stopPropagation();let n=t.dataTransfer.getData(`application/x-editor-prop`);if(n)if(e.type===`text`||e.type===`text-container`){let t=e.content?`${e.content} {{${n}}}`:`{{${n}}}`;a(e.id,{content:t,dataBinding:n})}else e.type===`image`?a(e.id,{dataBinding:n,content:`{{${n}}}`}):e.type===`checkbox`&&a(e.id,{dataBinding:n})},children:[e.type===`text`&&(0,r.jsx)(V,{style:{width:`100%`,height:`100%`},children:D}),e.type===`text-container`&&(0,r.jsx)(V,{style:{width:`100%`,height:`100%`,display:`block`},children:D}),e.type===`image`&&(D?(0,r.jsx)(`img`,{src:D,alt:`Element`,style:{width:`100%`,height:`100%`,objectFit:e.style?.objectFit||`cover`,display:`block`,pointerEvents:`none`}}):(0,r.jsx)(H,{style:{width:`100%`,height:`100%`,backgroundColor:`#eee`,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,r.jsx)(V,{size:`1`,children:`Imagem Placeholder`})})),e.type===`box`&&(0,r.jsx)(H,{style:{width:`100%`,height:`100%`}}),e.type===`group`&&(0,r.jsx)(H,{style:{width:`100%`,height:`100%`,border:n?`1px dashed var(--accent-9)`:`1px dashed var(--gray-6)`,opacity:.5,pointerEvents:`none`},children:(0,r.jsx)(V,{size:`1`,style:{position:`absolute`,top:0,left:0,backgroundColor:`var(--accent-3)`,color:`var(--accent-11)`,padding:`2px 6px`,fontSize:`10px`,borderBottomRightRadius:`4px`},children:e.name||`Grupo`})})]}),n&&(0,r.jsx)(H,{style:{position:`absolute`,top:-30,left:`50%`,transform:`translateX(-50%)`,width:12,height:12,backgroundColor:`var(--accent-9)`,borderRadius:`50%`,cursor:`crosshair`,zIndex:50,boxShadow:`0 0 0 2px white`},onMouseDown:M,children:(0,r.jsx)(H,{style:{position:`absolute`,top:12,left:`50%`,width:2,height:18,backgroundColor:`var(--accent-9)`,transform:`translateX(-50%)`}})})]})})})}),Ny=()=>{let{state:e,selectElement:n,setSelectedElements:i,addElement:a,setZoom:o,setPan:s,undo:c,redo:l,copy:u,paste:d,removeSelected:f,updateElements:p}=_v(),m=(0,t.useRef)(null),[h,g]=(0,t.useState)(null),_=(0,t.useRef)(!1),v=(0,t.useRef)(!1),y=(0,t.useRef)(!1),b=(0,t.useRef)({x:0,y:0}),x=(0,t.useRef)({x:0,y:0}),S=(0,t.useRef)([]),C=t=>{if(t.button===1||t.button===0&&y.current){t.preventDefault(),v.current=!0,x.current={x:t.clientX,y:t.clientY};return}_.current=!0;let r=m.current?.getBoundingClientRect();if(!r)return;let i=r.left,a=r.top;b.current={x:(t.clientX-i-e.pan.x)/e.zoom,y:(t.clientY-a-e.pan.y)/e.zoom},S.current=e.selectedElementIds,t.shiftKey||(n(null),S.current=[]),window.addEventListener(`mousemove`,w),window.addEventListener(`mouseup`,T)},w=(0,t.useCallback)(t=>{if(!m.current)return;if(v.current){let n=t.clientX-x.current.x,r=t.clientY-x.current.y;s({x:e.pan.x+n,y:e.pan.y+r}),x.current={x:t.clientX,y:t.clientY};return}if(!_.current)return;let n=m.current.getBoundingClientRect(),r=(t.clientX-n.left-e.pan.x)/e.zoom,a=(t.clientY-n.top-e.pan.y)/e.zoom,o=Math.min(b.current.x,r),c=Math.min(b.current.y,a),l=Math.abs(r-b.current.x),u=Math.abs(a-b.current.y);if(g({x:o,y:c,width:l,height:u}),l>2||u>2){let t=[];e.elements.forEach(e=>{let n=e.x??0,r=e.y??0,i=e.width??100,a=e.height??100,s=n+i,d=r+a,f=o+l,p=c+u;n<f&&s>o&&r<p&&d>c&&t.push(e.id)}),i(Array.from(new Set([...S.current,...t])))}},[e.elements,e.pan,e.zoom,i,s]),T=(0,t.useCallback)(()=>{_.current=!1,v.current=!1,g(null),window.removeEventListener(`mousemove`,w),window.removeEventListener(`mouseup`,T)},[w]),E=(0,t.useRef)(e);(0,t.useEffect)(()=>{E.current=e},[e]),(0,t.useEffect)(()=>{let e=e=>{e.preventDefault();let t=E.current;if(e.ctrlKey||e.metaKey)o(Math.min(Math.max(.1,t.zoom-e.deltaY*.001),5));else{let n=e.shiftKey?e.deltaY:e.deltaX,r=e.shiftKey?e.deltaX:e.deltaY;s({x:t.pan.x-n*1,y:t.pan.y-r*1})}},t=m.current;return t&&t.addEventListener(`wheel`,e,{passive:!1}),()=>{t&&t.removeEventListener(`wheel`,e)}},[o,s]),(0,t.useEffect)(()=>{let t=t=>{if(t.code===`Space`&&!t.repeat&&!(t.target instanceof HTMLInputElement||t.target instanceof HTMLTextAreaElement)&&(y.current=!0,m.current&&(m.current.style.cursor=`grab`)),!(t.target instanceof HTMLInputElement||t.target instanceof HTMLTextAreaElement)&&((t.ctrlKey||t.metaKey)&&t.key.toLowerCase()===`z`&&(t.preventDefault(),t.shiftKey?l():c()),(t.ctrlKey||t.metaKey)&&t.key.toLowerCase()===`y`&&(t.preventDefault(),l()),(t.ctrlKey||t.metaKey)&&t.key.toLowerCase()===`c`&&(t.preventDefault(),u()),(t.ctrlKey||t.metaKey)&&t.key.toLowerCase()===`v`&&(t.preventDefault(),d()),(t.key===`Delete`||t.key===`Backspace`)&&(t.preventDefault(),f()),[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`].includes(t.key))){t.preventDefault();let n=t.shiftKey?10:1,r=[];e.selectedElementIds.forEach(i=>{let a=e.elements.find(e=>e.id===i);if(a){let{x:o=0,y:s=0}=a;if(t.key===`ArrowUp`&&(s-=n),t.key===`ArrowDown`&&(s+=n),t.key===`ArrowLeft`&&(o-=n),t.key===`ArrowRight`&&(o+=n),o=Math.max(0,o),e.isList){s=Math.max(0,s);let t=a.height??100,n=e.canvasHeight||150;n>0&&(s=Math.min(s,n-t)),s=Math.max(0,s)}r.push({id:i,changes:{x:o,y:s}})}}),r.length>0&&p(r)}},n=e=>{e.code===`Space`&&(y.current=!1,m.current&&!v.current&&(m.current.style.cursor=`default`))};return window.addEventListener(`keydown`,t),window.addEventListener(`keyup`,n),()=>{window.removeEventListener(`keydown`,t),window.removeEventListener(`keyup`,n),window.removeEventListener(`mousemove`,w),window.removeEventListener(`mouseup`,T)}},[c,l,u,d,f,p,e.selectedElementIds,e.elements,w,T]);let D=(0,t.useRef)(!1),{setCanvasHeight:O}=_v(),k=e=>{e.stopPropagation(),e.preventDefault(),D.current=!0,window.addEventListener(`mousemove`,A),window.addEventListener(`mouseup`,j)},A=(0,t.useCallback)(e=>{if(!D.current||!m.current)return;let t=m.current.getBoundingClientRect(),n=e.clientY-t.top,r=Math.max(50,Math.min(n,2e3));O(Math.round(r))},[O]),j=(0,t.useCallback)(()=>{D.current=!1,window.removeEventListener(`mousemove`,A),window.removeEventListener(`mouseup`,j)},[A]);(0,t.useEffect)(()=>()=>{window.removeEventListener(`mousemove`,A),window.removeEventListener(`mouseup`,j)},[A,j]);let ee=e=>{e.preventDefault(),e.dataTransfer.dropEffect=`copy`},te=e=>{e.preventDefault();let t=e.dataTransfer.getData(`application/x-editor-prop`);if(t){let n=e.currentTarget.getBoundingClientRect(),r=e.clientX-n.left,i=e.clientY-n.top;a({type:`text`,content:`{{${t}}}`,x:r,y:i,width:150,height:30,dataBinding:t})}},M=e.canvasHeight||150;return(0,r.jsxs)(H,{ref:m,onMouseDown:C,onDragOver:ee,onDrop:te,style:{width:`100%`,height:`100%`,position:`relative`,overflow:`hidden`,backgroundColor:`var(--color-background)`,cursor:v.current?`grabbing`:`default`,backgroundImage:`radial-gradient(var(--gray-5) 1px, transparent 1px)`,backgroundSize:`${20*e.zoom}px ${20*e.zoom}px`,backgroundPosition:`${e.pan.x}px ${e.pan.y}px`},children:[(0,r.jsxs)(`div`,{style:{transform:`translate(${e.pan.x}px, ${e.pan.y}px) scale(${e.zoom})`,transformOrigin:`0 0`,width:`100%`,height:`100%`,position:`absolute`,top:0,left:0,pointerEvents:`none`},children:[(0,r.jsx)(`div`,{style:{width:`100%`,height:`100%`,position:`absolute`,left:0,top:0,pointerEvents:`auto`}}),h&&(0,r.jsx)(`div`,{style:{position:`absolute`,left:h.x,top:h.y,width:h.width,height:h.height,backgroundColor:`rgba(0, 120, 255, 0.1)`,border:`1px solid rgba(0, 120, 255, 0.5)`,pointerEvents:`none`,zIndex:9999}}),e.snapLines.map((e,t)=>(0,r.jsx)(`div`,{style:{position:`absolute`,left:e.orientation===`vertical`?e.position:0,top:e.orientation===`horizontal`?e.position:0,width:e.orientation===`vertical`?`1px`:`100%`,height:e.orientation===`horizontal`?`1px`:`100%`,backgroundColor:`red`,zIndex:9999,pointerEvents:`none`}},t)),(0,r.jsx)(`div`,{style:{position:`absolute`,top:0,left:0,width:`100%`,height:`1px`,borderTop:`1px dashed var(--accent-9)`,opacity:.6,zIndex:5,pointerEvents:`none`},children:(0,r.jsx)(`span`,{style:{position:`absolute`,top:-16,left:4,fontSize:`10px`,color:`var(--accent-9)`,fontWeight:500},children:`Início (0px)`})}),e.isList&&(0,r.jsxs)(`div`,{style:{position:`absolute`,top:M,left:0,right:0,height:`10px`,marginTop:`-5px`,cursor:`ns-resize`,zIndex:100,display:`flex`,alignItems:`center`,justifyContent:`center`,group:`resize-handle`},onMouseDown:k,children:[(0,r.jsx)(`div`,{style:{width:`100%`,height:`2px`,backgroundColor:`var(--accent-9)`,borderBottom:`none`,opacity:.8,boxShadow:`0 1px 4px rgba(0,0,0,0.2)`}}),(0,r.jsxs)(`div`,{style:{position:`absolute`,right:10,top:-20,backgroundColor:`var(--accent-9)`,color:`white`,fontSize:`11px`,padding:`2px 6px`,borderRadius:`4px`,fontWeight:500,pointerEvents:`none`,boxShadow:`0 2px 5px rgba(0,0,0,0.1)`},children:[`Altura do Item: `,M,`px`]})]}),e.elements.length===0&&(0,r.jsx)(U,{align:`center`,justify:`center`,style:{height:`100%`,color:`var(--gray-8)`,pointerEvents:`none`,transform:`scale(${1/e.zoom})`},children:(0,r.jsx)(V,{children:`Adicione elementos e arraste livremente`})}),e.elements.map(t=>(0,r.jsx)(`div`,{style:{pointerEvents:`auto`},children:(0,r.jsx)(My,{element:t,isSelected:e.selectedElementIds.includes(t.id)})},t.id))]}),(0,r.jsxs)(`div`,{style:{position:`absolute`,bottom:20,right:20,display:`flex`,gap:`8px`,backgroundColor:`var(--color-panel-solid)`,padding:`4px`,borderRadius:`8px`,boxShadow:`0 2px 10px rgba(0,0,0,0.1)`,zIndex:1e3},children:[(0,r.jsx)(`button`,{onClick:()=>o(Math.max(.1,e.zoom-.1)),style:{padding:`4px 8px`,cursor:`pointer`},children:`-`}),(0,r.jsxs)(`span`,{style:{padding:`4px 8px`,minWidth:`50px`,textAlign:`center`},children:[Math.round(e.zoom*100),`%`]}),(0,r.jsx)(`button`,{onClick:()=>o(Math.min(5,e.zoom+.1)),style:{padding:`4px 8px`,cursor:`pointer`},children:`+`}),(0,r.jsx)(`button`,{onClick:()=>{o(1),s({x:0,y:0})},style:{padding:`4px 8px`,cursor:`pointer`},children:`Reset`})]})]})},Py=()=>{let{state:e,updateListSettings:n,setCanvasHeight:i,setGridSize:a}=_v(),[o,s]=(0,t.useState)(!1),[c,l]=(0,t.useState)(``),[u,d]=(0,t.useState)(`asc`),[f,p]=(0,t.useState)(`bottom`),[m,h]=(0,t.useState)(`down`),[g,_]=(0,t.useState)(`150`),[v,y]=(0,t.useState)(``),[b,x]=(0,t.useState)(`0`),[S,C]=(0,t.useState)(`slideIn`),[w,T]=(0,t.useState)(.3),[E,D]=(0,t.useState)(`ease-out`);return(0,t.useEffect)(()=>{if(o){l(e.listSettings.sortProp||`__none__`),d(e.listSettings.sortOrder||`asc`),p(e.listSettings.newestPosition||`bottom`),h(e.listSettings.scrollDirection||`down`),y(e.listSettings.containerHeight?String(e.listSettings.containerHeight):``),_(String(e.canvasHeight||150)),x(String(e.gridSize||0));let t=e.listSettings.entryAnimation;C(t?.type||`slideIn`),T(t?.duration||.3),D(t?.timingFunction||`ease-out`)}},[o]),(0,t.useEffect)(()=>{if(!o)return;let t=parseInt(g,10);!isNaN(t)&&t>0&&e.canvasHeight!==t&&i(t);let n=parseInt(b,10);!isNaN(n)&&n>=0&&e.gridSize!==n&&a(n)},[g,b,o,i,a,e.canvasHeight,e.gridSize]),(0,r.jsxs)(zh,{open:o,onOpenChange:s,children:[(0,r.jsx)(Bh,{children:(0,r.jsxs)(W,{variant:`soft`,color:`gray`,style:{width:`100%`,justifyContent:`center`,cursor:`pointer`},children:[(0,r.jsx)(me,{}),` Configurações`]})}),(0,r.jsxs)(Vh,{style:{maxWidth:600},children:[(0,r.jsx)(Hh,{children:`Configurações do Editor`}),(0,r.jsx)(Uh,{size:`2`,mb:`4`,children:`Configure o comportamento da lista.`}),(0,r.jsx)(H,{pt:`3`,children:(0,r.jsxs)(U,{direction:`column`,gap:`3`,children:[(0,r.jsx)(V,{size:`2`,weight:`bold`,children:`Ordenação`}),(0,r.jsxs)(U,{gap:`3`,align:`center`,children:[(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Propriedade para Ordenar (ex: data, id)`}),(0,r.jsxs)(`select`,{value:c,onChange:e=>l(e.target.value),style:{width:`100%`,padding:`8px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--gray-2)`,color:`var(--gray-12)`,fontSize:`14px`,outline:`none`},children:[(0,r.jsx)(`option`,{value:`__none__`,children:`(Nenhum)`}),e.availableProps.map(e=>(0,r.jsx)(`option`,{value:e.dataName,children:e.name},e.dataName))]})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Direção`}),(0,r.jsxs)(`select`,{value:u,onChange:e=>d(e.target.value),style:{width:`150px`,padding:`8px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--gray-2)`,color:`var(--gray-12)`,fontSize:`14px`,outline:`none`},children:[(0,r.jsx)(`option`,{value:`asc`,children:`Crescente (A-Z)`}),(0,r.jsx)(`option`,{value:`desc`,children:`Decrescente (Z-A)`})]})]})]}),(0,r.jsxs)(U,{gap:`3`,align:`center`,children:[(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Posição do Recente`}),(0,r.jsxs)(`select`,{value:f,onChange:e=>p(e.target.value),style:{width:`100%`,padding:`8px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--gray-2)`,color:`var(--gray-12)`,fontSize:`14px`,outline:`none`},children:[(0,r.jsx)(`option`,{value:`top`,children:`Topo (Início)`}),(0,r.jsx)(`option`,{value:`bottom`,children:`Base (Final)`})]})]}),(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Comportamento de Rolagem`}),(0,r.jsxs)(`select`,{value:m,onChange:e=>h(e.target.value),style:{width:`100%`,padding:`8px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--gray-2)`,color:`var(--gray-12)`,fontSize:`14px`,outline:`none`},children:[(0,r.jsx)(`option`,{value:`down`,children:`Descer (Padrão)`}),(0,r.jsx)(`option`,{value:`up`,children:`Subir (Chat)`})]})]})]}),(0,r.jsx)(V,{size:`2`,weight:`bold`,mt:`2`,children:`Dimensões`}),(0,r.jsxs)(U,{gap:`3`,align:`center`,children:[(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Altura do Item (Template) (px)`}),(0,r.jsx)(G,{type:`number`,min:`10`,value:g,onChange:e=>_(e.target.value)}),(0,r.jsx)(V,{size:`1`,color:`gray`,children:`Altura de cada item individual na lista.`})]}),(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Altura da Lista (Container) (px)`}),(0,r.jsx)(G,{type:`number`,min:`0`,placeholder:`Auto (100%)`,value:v,onChange:e=>y(e.target.value)}),(0,r.jsx)(V,{size:`1`,color:`gray`,children:`Altura total da lista. Se exceder, rola. Vazio = 100%.`})]})]}),(0,r.jsx)(V,{size:`2`,weight:`bold`,mt:`2`,children:`Animação de Entrada na Lista`}),(0,r.jsxs)(bh,{columns:`3`,gap:`3`,children:[(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Efeito`}),(0,r.jsxs)(`select`,{value:S,onChange:e=>C(e.target.value),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--gray-2)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`none`,children:`Nenhum`}),(0,r.jsx)(`option`,{value:`slideIn`,children:`Slide (Padrão)`}),(0,r.jsx)(`option`,{value:`smoothSlideUp`,children:`Slide Suave (Up)`}),(0,r.jsx)(`option`,{value:`fadeIn`,children:`Fade In`}),(0,r.jsx)(`option`,{value:`popIn`,children:`Pop In`}),(0,r.jsx)(`option`,{value:`blurIn`,children:`Blur In`}),(0,r.jsx)(`option`,{value:`slideInLeft`,children:`Slide (Esq)`}),(0,r.jsx)(`option`,{value:`slideInRight`,children:`Slide (Dir)`}),(0,r.jsx)(`option`,{value:`zoomIn`,children:`Zoom In`}),(0,r.jsx)(`option`,{value:`bounceIn`,children:`Bounce`})]})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Duração (s)`}),(0,r.jsx)(G,{type:`number`,step:`0.1`,min:`0.1`,value:w,onChange:e=>T(parseFloat(e.target.value)||.3)})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Curva (Easing)`}),(0,r.jsxs)(`select`,{value:E,onChange:e=>D(e.target.value),style:{width:`100%`,padding:`6px`,borderRadius:`4px`,border:`1px solid var(--gray-6)`,backgroundColor:`var(--gray-2)`,color:`var(--gray-12)`,fontSize:`14px`},children:[(0,r.jsx)(`option`,{value:`ease`,children:`Ease`}),(0,r.jsx)(`option`,{value:`ease-out`,children:`Ease Out`}),(0,r.jsx)(`option`,{value:`linear`,children:`Linear`}),(0,r.jsx)(`option`,{value:`bounce`,children:`Bounce`})]})]})]}),(0,r.jsx)(V,{size:`1`,color:`gray`,children:`Essa propriedade será usada para ordenar os itens no modo lista.`}),(0,r.jsxs)(H,{mt:`2`,children:[(0,r.jsx)(V,{size:`2`,weight:`bold`,children:`Grid Snapping (Travar)`}),(0,r.jsx)(U,{gap:`3`,align:`center`,mt:`2`,children:(0,r.jsxs)(H,{flexGrow:`1`,children:[(0,r.jsx)(V,{size:`1`,mb:`1`,as:`div`,children:`Tamanho do Grid (px) - 0 para desativar`}),(0,r.jsx)(G,{type:`number`,value:b,onChange:e=>x(e.target.value),placeholder:`0`})]})})]})]})}),(0,r.jsxs)(U,{gap:`3`,mt:`4`,justify:`end`,children:[(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{variant:`soft`,color:`gray`,children:`Cancelar`})}),(0,r.jsx)(Wh,{children:(0,r.jsx)(W,{onClick:()=>{let e=parseInt(v,10),t={type:S,duration:Number(w),delay:0,timingFunction:E};n({sortProp:c===`__none__`?``:c,sortOrder:u,newestPosition:f,scrollDirection:m,containerHeight:!isNaN(e)&&e>0?e:void 0,entryAnimation:t}),s(!1)},children:`Salvar Alterações`})})]})]})]})};var Fy=(0,t.createContext)({});function Iy(e){let n=(0,t.useRef)(null);return n.current===null&&(n.current=e()),n.current}var Ly=typeof window<`u`,Ry=Ly?t.useLayoutEffect:t.useEffect,zy=(0,t.createContext)(null);function By(e,t){e.indexOf(t)===-1&&e.push(t)}function Vy(e,t){let n=e.indexOf(t);n>-1&&e.splice(n,1)}var Hy=(e,t,n)=>n>t?t:n<e?e:n;function Uy(e,t){return t?`${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}`:e}var Wy=()=>{},Gy=()=>{};typeof process<`u`&&process.env.NODE_ENV!==`production`&&(Wy=(e,t,n)=>{!e&&typeof console<`u`&&console.warn(Uy(t,n))},Gy=(e,t,n)=>{if(!e)throw Error(Uy(t,n))});var Ky={},qy=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);function Jy(e){return typeof e==`object`&&!!e}var Yy=e=>/^0[^.\s]+$/u.test(e);function Xy(e){let t;return()=>(t===void 0&&(t=e()),t)}var Zy=e=>e,Qy=(e,t)=>n=>t(e(n)),$y=(...e)=>e.reduce(Qy),eb=(e,t,n)=>{let r=t-e;return r===0?1:(n-e)/r},tb=class{constructor(){this.subscriptions=[]}add(e){return By(this.subscriptions,e),()=>Vy(this.subscriptions,e)}notify(e,t,n){let r=this.subscriptions.length;if(r)if(r===1)this.subscriptions[0](e,t,n);else for(let i=0;i<r;i++){let r=this.subscriptions[i];r&&r(e,t,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}},nb=e=>e*1e3,rb=e=>e/1e3;function ib(e,t){return t?e*(1e3/t):0}var ab=new Set;function ob(e,t,n){e||ab.has(t)||(console.warn(Uy(t,n)),ab.add(t))}var sb=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e,cb=1e-7,lb=12;function ub(e,t,n,r,i){let a,o,s=0;do o=t+(n-t)/2,a=sb(o,r,i)-e,a>0?n=o:t=o;while(Math.abs(a)>cb&&++s<lb);return o}function db(e,t,n,r){if(e===t&&n===r)return Zy;let i=t=>ub(t,0,1,e,n);return e=>e===0||e===1?e:sb(i(e),t,r)}var fb=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,pb=e=>t=>1-e(1-t),mb=db(.33,1.53,.69,.99),hb=pb(mb),gb=fb(hb),_b=e=>(e*=2)<1?.5*hb(e):.5*(2-2**(-10*(e-1))),vb=e=>1-Math.sin(Math.acos(e)),yb=pb(vb),bb=fb(vb),xb=db(.42,0,1,1),Sb=db(0,0,.58,1),Cb=db(.42,0,.58,1),wb=e=>Array.isArray(e)&&typeof e[0]!=`number`,Tb=e=>Array.isArray(e)&&typeof e[0]==`number`,Eb={linear:Zy,easeIn:xb,easeInOut:Cb,easeOut:Sb,circIn:vb,circInOut:bb,circOut:yb,backIn:hb,backInOut:gb,backOut:mb,anticipate:_b},Db=e=>typeof e==`string`,Ob=e=>{if(Tb(e)){Gy(e.length===4,`Cubic bezier arrays must contain four numerical values.`,`cubic-bezier-length`);let[t,n,r,i]=e;return db(t,n,r,i)}else if(Db(e))return Gy(Eb[e]!==void 0,`Invalid easing type '${e}'`,`invalid-easing-type`),Eb[e];return e},kb=[`setup`,`read`,`resolveKeyframes`,`preUpdate`,`update`,`preRender`,`render`,`postRender`],Ab={value:null,addProjectionMetrics:null};function jb(e,t){let n=new Set,r=new Set,i=!1,a=!1,o=new WeakSet,s={delta:0,timestamp:0,isProcessing:!1},c=0;function l(t){o.has(t)&&(u.schedule(t),e()),c++,t(s)}let u={schedule:(e,t=!1,a=!1)=>{let s=a&&i?n:r;return t&&o.add(e),s.has(e)||s.add(e),e},cancel:e=>{r.delete(e),o.delete(e)},process:e=>{if(s=e,i){a=!0;return}i=!0,[n,r]=[r,n],n.forEach(l),t&&Ab.value&&Ab.value.frameloop[t].push(c),c=0,n.clear(),i=!1,a&&(a=!1,u.process(e))}};return u}var Mb=40;function Nb(e,t){let n=!1,r=!0,i={delta:0,timestamp:0,isProcessing:!1},a=()=>n=!0,o=kb.reduce((e,n)=>(e[n]=jb(a,t?n:void 0),e),{}),{setup:s,read:c,resolveKeyframes:l,preUpdate:u,update:d,preRender:f,render:p,postRender:m}=o,h=()=>{let a=Ky.useManualTiming?i.timestamp:performance.now();n=!1,Ky.useManualTiming||(i.delta=r?1e3/60:Math.max(Math.min(a-i.timestamp,Mb),1)),i.timestamp=a,i.isProcessing=!0,s.process(i),c.process(i),l.process(i),u.process(i),d.process(i),f.process(i),p.process(i),m.process(i),i.isProcessing=!1,n&&t&&(r=!1,e(h))},g=()=>{n=!0,r=!0,i.isProcessing||e(h)};return{schedule:kb.reduce((e,t)=>{let r=o[t];return e[t]=(e,t=!1,i=!1)=>(n||g(),r.schedule(e,t,i)),e},{}),cancel:e=>{for(let t=0;t<kb.length;t++)o[kb[t]].cancel(e)},state:i,steps:o}}var{schedule:J,cancel:Pb,state:Fb,steps:Ib}=Nb(typeof requestAnimationFrame<`u`?requestAnimationFrame:Zy,!0),Lb;function Rb(){Lb=void 0}var zb={now:()=>(Lb===void 0&&zb.set(Fb.isProcessing||Ky.useManualTiming?Fb.timestamp:performance.now()),Lb),set:e=>{Lb=e,queueMicrotask(Rb)}},Bb={layout:0,mainThread:0,waapi:0},Vb=e=>t=>typeof t==`string`&&t.startsWith(e),Hb=Vb(`--`),Ub=Vb(`var(--`),Wb=e=>Ub(e)?Gb.test(e.split(`/*`)[0].trim()):!1,Gb=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function Kb(e){return typeof e==`string`?e.split(`/*`)[0].includes(`var(--`):!1}var qb={test:e=>typeof e==`number`,parse:parseFloat,transform:e=>e},Jb={...qb,transform:e=>Hy(0,1,e)},Yb={...qb,default:1},Xb=e=>Math.round(e*1e5)/1e5,Zb=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function Qb(e){return e==null}var $b=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,ex=(e,t)=>n=>!!(typeof n==`string`&&$b.test(n)&&n.startsWith(e)||t&&!Qb(n)&&Object.prototype.hasOwnProperty.call(n,t)),tx=(e,t,n)=>r=>{if(typeof r!=`string`)return r;let[i,a,o,s]=r.match(Zb);return{[e]:parseFloat(i),[t]:parseFloat(a),[n]:parseFloat(o),alpha:s===void 0?1:parseFloat(s)}},nx=e=>Hy(0,255,e),rx={...qb,transform:e=>Math.round(nx(e))},ix={test:ex(`rgb`,`red`),parse:tx(`red`,`green`,`blue`),transform:({red:e,green:t,blue:n,alpha:r=1})=>`rgba(`+rx.transform(e)+`, `+rx.transform(t)+`, `+rx.transform(n)+`, `+Xb(Jb.transform(r))+`)`};function ax(e){let t=``,n=``,r=``,i=``;return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),r=e.substring(5,7),i=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),r=e.substring(3,4),i=e.substring(4,5),t+=t,n+=n,r+=r,i+=i),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:i?parseInt(i,16)/255:1}}var ox={test:ex(`#`),parse:ax,transform:ix.transform},sx=e=>({test:t=>typeof t==`string`&&t.endsWith(e)&&t.split(` `).length===1,parse:parseFloat,transform:t=>`${t}${e}`}),cx=sx(`deg`),lx=sx(`%`),Y=sx(`px`),ux=sx(`vh`),dx=sx(`vw`),fx=(()=>({...lx,parse:e=>lx.parse(e)/100,transform:e=>lx.transform(e*100)}))(),px={test:ex(`hsl`,`hue`),parse:tx(`hue`,`saturation`,`lightness`),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>`hsla(`+Math.round(e)+`, `+lx.transform(Xb(t))+`, `+lx.transform(Xb(n))+`, `+Xb(Jb.transform(r))+`)`},X={test:e=>ix.test(e)||ox.test(e)||px.test(e),parse:e=>ix.test(e)?ix.parse(e):px.test(e)?px.parse(e):ox.parse(e),transform:e=>typeof e==`string`?e:e.hasOwnProperty(`red`)?ix.transform(e):px.transform(e),getAnimatableNone:e=>{let t=X.parse(e);return t.alpha=0,X.transform(t)}},mx=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function hx(e){return isNaN(e)&&typeof e==`string`&&(e.match(Zb)?.length||0)+(e.match(mx)?.length||0)>0}var gx=`number`,_x=`color`,vx=`var`,yx=`var(`,bx="${}",xx=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Sx(e){let t=e.toString(),n=[],r={color:[],number:[],var:[]},i=[],a=0;return{values:n,split:t.replace(xx,e=>(X.test(e)?(r.color.push(a),i.push(_x),n.push(X.parse(e))):e.startsWith(yx)?(r.var.push(a),i.push(vx),n.push(e)):(r.number.push(a),i.push(gx),n.push(parseFloat(e))),++a,bx)).split(bx),indexes:r,types:i}}function Cx(e){return Sx(e).values}function wx(e){let{split:t,types:n}=Sx(e),r=t.length;return e=>{let i=``;for(let a=0;a<r;a++)if(i+=t[a],e[a]!==void 0){let t=n[a];t===gx?i+=Xb(e[a]):t===_x?i+=X.transform(e[a]):i+=e[a]}return i}}var Tx=e=>typeof e==`number`?0:X.test(e)?X.getAnimatableNone(e):e;function Ex(e){let t=Cx(e);return wx(e)(t.map(Tx))}var Dx={test:hx,parse:Cx,createTransformer:wx,getAnimatableNone:Ex};function Ox(e,t,n){return n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function kx({hue:e,saturation:t,lightness:n,alpha:r}){e/=360,t/=100,n/=100;let i=0,a=0,o=0;if(!t)i=a=o=n;else{let r=n<.5?n*(1+t):n+t-n*t,s=2*n-r;i=Ox(s,r,e+1/3),a=Ox(s,r,e),o=Ox(s,r,e-1/3)}return{red:Math.round(i*255),green:Math.round(a*255),blue:Math.round(o*255),alpha:r}}function Ax(e,t){return n=>n>0?t:e}var Z=(e,t,n)=>e+(t-e)*n,jx=(e,t,n)=>{let r=e*e,i=n*(t*t-r)+r;return i<0?0:Math.sqrt(i)},Mx=[ox,ix,px],Nx=e=>Mx.find(t=>t.test(e));function Px(e){let t=Nx(e);if(Wy(!!t,`'${e}' is not an animatable color. Use the equivalent color code instead.`,`color-not-animatable`),!t)return!1;let n=t.parse(e);return t===px&&(n=kx(n)),n}var Fx=(e,t)=>{let n=Px(e),r=Px(t);if(!n||!r)return Ax(e,t);let i={...n};return e=>(i.red=jx(n.red,r.red,e),i.green=jx(n.green,r.green,e),i.blue=jx(n.blue,r.blue,e),i.alpha=Z(n.alpha,r.alpha,e),ix.transform(i))},Ix=new Set([`none`,`hidden`]);function Lx(e,t){return Ix.has(e)?n=>n<=0?e:t:n=>n>=1?t:e}function Rx(e,t){return n=>Z(e,t,n)}function zx(e){return typeof e==`number`?Rx:typeof e==`string`?Wb(e)?Ax:X.test(e)?Fx:Ux:Array.isArray(e)?Bx:typeof e==`object`?X.test(e)?Fx:Vx:Ax}function Bx(e,t){let n=[...e],r=n.length,i=e.map((e,n)=>zx(e)(e,t[n]));return e=>{for(let t=0;t<r;t++)n[t]=i[t](e);return n}}function Vx(e,t){let n={...e,...t},r={};for(let i in n)e[i]!==void 0&&t[i]!==void 0&&(r[i]=zx(e[i])(e[i],t[i]));return e=>{for(let t in r)n[t]=r[t](e);return n}}function Hx(e,t){let n=[],r={color:0,var:0,number:0};for(let i=0;i<t.values.length;i++){let a=t.types[i],o=e.indexes[a][r[a]];n[i]=e.values[o]??0,r[a]++}return n}var Ux=(e,t)=>{let n=Dx.createTransformer(t),r=Sx(e),i=Sx(t);return r.indexes.var.length===i.indexes.var.length&&r.indexes.color.length===i.indexes.color.length&&r.indexes.number.length>=i.indexes.number.length?Ix.has(e)&&!i.values.length||Ix.has(t)&&!r.values.length?Lx(e,t):$y(Bx(Hx(r,i),i.values),n):(Wy(!0,`Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,`complex-values-different`),Ax(e,t))};function Wx(e,t,n){return typeof e==`number`&&typeof t==`number`&&typeof n==`number`?Z(e,t,n):zx(e)(e,t)}var Gx=e=>{let t=({timestamp:t})=>e(t);return{start:(e=!0)=>J.update(t,e),stop:()=>Pb(t),now:()=>Fb.isProcessing?Fb.timestamp:zb.now()}},Kx=(e,t,n=10)=>{let r=``,i=Math.max(Math.round(t/n),2);for(let t=0;t<i;t++)r+=Math.round(e(t/(i-1))*1e4)/1e4+`, `;return`linear(${r.substring(0,r.length-2)})`},qx=2e4;function Jx(e){let t=0,n=e.next(t);for(;!n.done&&t<2e4;)t+=50,n=e.next(t);return t>=2e4?1/0:t}function Yx(e,t=100,n){let r=n({...e,keyframes:[0,t]}),i=Math.min(Jx(r),qx);return{type:`keyframes`,ease:e=>r.next(i*e).value/t,duration:rb(i)}}var Xx=5;function Zx(e,t,n){let r=Math.max(t-Xx,0);return ib(n-e(r),t-r)}var Q={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1},Qx=.001;function $x({duration:e=Q.duration,bounce:t=Q.bounce,velocity:n=Q.velocity,mass:r=Q.mass}){let i,a;Wy(e<=nb(Q.maxDuration),`Spring duration must be 10 seconds or less`,`spring-duration-limit`);let o=1-t;o=Hy(Q.minDamping,Q.maxDamping,o),e=Hy(Q.minDuration,Q.maxDuration,rb(e)),o<1?(i=t=>{let r=t*o,i=r*e,a=r-n,s=nS(t,o),c=Math.exp(-i);return Qx-a/s*c},a=t=>{let r=t*o*e,a=r*n+n,s=o**2*t**2*e,c=Math.exp(-r),l=nS(t**2,o);return(-i(t)+Qx>0?-1:1)*((a-s)*c)/l}):(i=t=>{let r=Math.exp(-t*e),i=(t-n)*e+1;return-Qx+r*i},a=t=>Math.exp(-t*e)*((n-t)*(e*e)));let s=5/e,c=tS(i,a,s);if(e=nb(e),isNaN(c))return{stiffness:Q.stiffness,damping:Q.damping,duration:e};{let t=c**2*r;return{stiffness:t,damping:o*2*Math.sqrt(r*t),duration:e}}}var eS=12;function tS(e,t,n){let r=n;for(let n=1;n<eS;n++)r-=e(r)/t(r);return r}function nS(e,t){return e*Math.sqrt(1-t*t)}var rS=[`duration`,`bounce`],iS=[`stiffness`,`damping`,`mass`];function aS(e,t){return t.some(t=>e[t]!==void 0)}function oS(e){let t={velocity:Q.velocity,stiffness:Q.stiffness,damping:Q.damping,mass:Q.mass,isResolvedFromDuration:!1,...e};if(!aS(e,iS)&&aS(e,rS))if(e.visualDuration){let n=e.visualDuration,r=2*Math.PI/(n*1.2),i=r*r,a=2*Hy(.05,1,1-(e.bounce||0))*Math.sqrt(i);t={...t,mass:Q.mass,stiffness:i,damping:a}}else{let n=$x(e);t={...t,...n,mass:Q.mass},t.isResolvedFromDuration=!0}return t}function sS(e=Q.visualDuration,t=Q.bounce){let n=typeof e==`object`?e:{visualDuration:e,keyframes:[0,1],bounce:t},{restSpeed:r,restDelta:i}=n,a=n.keyframes[0],o=n.keyframes[n.keyframes.length-1],s={done:!1,value:a},{stiffness:c,damping:l,mass:u,duration:d,velocity:f,isResolvedFromDuration:p}=oS({...n,velocity:-rb(n.velocity||0)}),m=f||0,h=l/(2*Math.sqrt(c*u)),g=o-a,_=rb(Math.sqrt(c/u)),v=Math.abs(g)<5;r||=v?Q.restSpeed.granular:Q.restSpeed.default,i||=v?Q.restDelta.granular:Q.restDelta.default;let y;if(h<1){let e=nS(_,h);y=t=>o-Math.exp(-h*_*t)*((m+h*_*g)/e*Math.sin(e*t)+g*Math.cos(e*t))}else if(h===1)y=e=>o-Math.exp(-_*e)*(g+(m+_*g)*e);else{let e=_*Math.sqrt(h*h-1);y=t=>{let n=Math.exp(-h*_*t),r=Math.min(e*t,300);return o-n*((m+h*_*g)*Math.sinh(r)+e*g*Math.cosh(r))/e}}let b={calculatedDuration:p&&d||null,next:e=>{let t=y(e);if(p)s.done=e>=d;else{let n=e===0?m:0;h<1&&(n=e===0?nb(m):Zx(y,e,t));let a=Math.abs(n)<=r,c=Math.abs(o-t)<=i;s.done=a&&c}return s.value=s.done?o:t,s},toString:()=>{let e=Math.min(Jx(b),qx),t=Kx(t=>b.next(e*t).value,e,30);return e+`ms `+t},toTransition:()=>{}};return b}sS.applyToOptions=e=>{let t=Yx(e,100,sS);return e.ease=t.ease,e.duration=nb(t.duration),e.type=`keyframes`,e};function cS({keyframes:e,velocity:t=0,power:n=.8,timeConstant:r=325,bounceDamping:i=10,bounceStiffness:a=500,modifyTarget:o,min:s,max:c,restDelta:l=.5,restSpeed:u}){let d=e[0],f={done:!1,value:d},p=e=>s!==void 0&&e<s||c!==void 0&&e>c,m=e=>s===void 0?c:c===void 0||Math.abs(s-e)<Math.abs(c-e)?s:c,h=n*t,g=d+h,_=o===void 0?g:o(g);_!==g&&(h=_-d);let v=e=>-h*Math.exp(-e/r),y=e=>_+v(e),b=e=>{let t=v(e),n=y(e);f.done=Math.abs(t)<=l,f.value=f.done?_:n},x,S,C=e=>{p(f.value)&&(x=e,S=sS({keyframes:[f.value,m(f.value)],velocity:Zx(y,e,f.value),damping:i,stiffness:a,restDelta:l,restSpeed:u}))};return C(0),{calculatedDuration:null,next:e=>{let t=!1;return!S&&x===void 0&&(t=!0,b(e),C(e)),x!==void 0&&e>=x?S.next(e-x):(!t&&b(e),f)}}}function lS(e,t,n){let r=[],i=n||Ky.mix||Wx,a=e.length-1;for(let n=0;n<a;n++){let a=i(e[n],e[n+1]);t&&(a=$y(Array.isArray(t)?t[n]||Zy:t,a)),r.push(a)}return r}function uS(e,t,{clamp:n=!0,ease:r,mixer:i}={}){let a=e.length;if(Gy(a===t.length,`Both input and output ranges must be the same length`,`range-length`),a===1)return()=>t[0];if(a===2&&t[0]===t[1])return()=>t[1];let o=e[0]===e[1];e[0]>e[a-1]&&(e=[...e].reverse(),t=[...t].reverse());let s=lS(t,r,i),c=s.length,l=n=>{if(o&&n<e[0])return t[0];let r=0;if(c>1)for(;r<e.length-2&&!(n<e[r+1]);r++);let i=eb(e[r],e[r+1],n);return s[r](i)};return n?t=>l(Hy(e[0],e[a-1],t)):l}function dS(e,t){let n=e[e.length-1];for(let r=1;r<=t;r++){let i=eb(0,t,r);e.push(Z(n,1,i))}}function fS(e){let t=[0];return dS(t,e.length-1),t}function pS(e,t){return e.map(e=>e*t)}function mS(e,t){return e.map(()=>t||Cb).splice(0,e.length-1)}function hS({duration:e=300,keyframes:t,times:n,ease:r=`easeInOut`}){let i=wb(r)?r.map(Ob):Ob(r),a={done:!1,value:t[0]},o=uS(pS(n&&n.length===t.length?n:fS(t),e),t,{ease:Array.isArray(i)?i:mS(t,i)});return{calculatedDuration:e,next:t=>(a.value=o(t),a.done=t>=e,a)}}var gS=e=>e!==null;function _S(e,{repeat:t,repeatType:n=`loop`},r,i=1){let a=e.filter(gS),o=i<0||t&&n!==`loop`&&t%2==1?0:a.length-1;return!o||r===void 0?a[o]:r}var vS={decay:cS,inertia:cS,tween:hS,keyframes:hS,spring:sS};function yS(e){typeof e.type==`string`&&(e.type=vS[e.type])}var bS=class{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,t){return this.finished.then(e,t)}},xS=e=>e/100,SS=class extends bS{constructor(e){super(),this.state=`idle`,this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{let{motionValue:e}=this.options;e&&e.updatedAt!==zb.now()&&this.tick(zb.now()),this.isStopped=!0,this.state!==`idle`&&(this.teardown(),this.options.onStop?.())},Bb.mainThread++,this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){let{options:e}=this;yS(e);let{type:t=hS,repeat:n=0,repeatDelay:r=0,repeatType:i,velocity:a=0}=e,{keyframes:o}=e,s=t||hS;process.env.NODE_ENV!==`production`&&s!==hS&&Gy(o.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`,`spring-two-frames`),s!==hS&&typeof o[0]!=`number`&&(this.mixKeyframes=$y(xS,Wx(o[0],o[1])),o=[0,100]);let c=s({...e,keyframes:o});i===`mirror`&&(this.mirroredGenerator=s({...e,keyframes:[...o].reverse(),velocity:-a})),c.calculatedDuration===null&&(c.calculatedDuration=Jx(c));let{calculatedDuration:l}=c;this.calculatedDuration=l,this.resolvedDuration=l+r,this.totalDuration=this.resolvedDuration*(n+1)-r,this.generator=c}updateTime(e){let t=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime===null?this.currentTime=t:this.currentTime=this.holdTime}tick(e,t=!1){let{generator:n,totalDuration:r,mixKeyframes:i,mirroredGenerator:a,resolvedDuration:o,calculatedDuration:s}=this;if(this.startTime===null)return n.next(0);let{delay:c=0,keyframes:l,repeat:u,repeatType:d,repeatDelay:f,type:p,onUpdate:m,finalKeyframe:h}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-r/this.speed,this.startTime)),t?this.currentTime=e:this.updateTime(e);let g=this.currentTime-c*(this.playbackSpeed>=0?1:-1),_=this.playbackSpeed>=0?g<0:g>r;this.currentTime=Math.max(g,0),this.state===`finished`&&this.holdTime===null&&(this.currentTime=r);let v=this.currentTime,y=n;if(u){let e=Math.min(this.currentTime,r)/o,t=Math.floor(e),n=e%1;!n&&e>=1&&(n=1),n===1&&t--,t=Math.min(t,u+1),t%2&&(d===`reverse`?(n=1-n,f&&(n-=f/o)):d===`mirror`&&(y=a)),v=Hy(0,1,n)*o}let b=_?{done:!1,value:l[0]}:y.next(v);i&&(b.value=i(b.value));let{done:x}=b;!_&&s!==null&&(x=this.playbackSpeed>=0?this.currentTime>=r:this.currentTime<=0);let S=this.holdTime===null&&(this.state===`finished`||this.state===`running`&&x);return S&&p!==cS&&(b.value=_S(l,this.options,h,this.speed)),m&&m(b.value),S&&this.finish(),b}then(e,t){return this.finished.then(e,t)}get duration(){return rb(this.calculatedDuration)}get iterationDuration(){let{delay:e=0}=this.options||{};return this.duration+rb(e)}get time(){return rb(this.currentTime)}set time(e){e=nb(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),this.driver?.start(!1)}get speed(){return this.playbackSpeed}set speed(e){this.updateTime(zb.now());let t=this.playbackSpeed!==e;this.playbackSpeed=e,t&&(this.time=rb(this.currentTime))}play(){if(this.isStopped)return;let{driver:e=Gx,startTime:t}=this.options;this.driver||=e(e=>this.tick(e)),this.options.onPlay?.();let n=this.driver.now();this.state===`finished`?(this.updateFinished(),this.startTime=n):this.holdTime===null?this.startTime||=t??n:this.startTime=n-this.holdTime,this.state===`finished`&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state=`running`,this.driver.start()}pause(){this.state=`paused`,this.updateTime(zb.now()),this.holdTime=this.currentTime}complete(){this.state!==`running`&&this.play(),this.state=`finished`,this.holdTime=null}finish(){this.notifyFinished(),this.teardown(),this.state=`finished`,this.options.onComplete?.()}cancel(){this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),this.options.onCancel?.()}teardown(){this.state=`idle`,this.stopDriver(),this.startTime=this.holdTime=null,Bb.mainThread--}stopDriver(){this.driver&&=(this.driver.stop(),void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){return this.options.allowFlatten&&(this.options.type=`keyframes`,this.options.ease=`linear`,this.initAnimation()),this.driver?.stop(),e.observe(this)}};function CS(e){for(let t=1;t<e.length;t++)e[t]??(e[t]=e[t-1])}var wS=e=>e*180/Math.PI,TS=e=>DS(wS(Math.atan2(e[1],e[0]))),ES={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:e=>(Math.abs(e[0])+Math.abs(e[3]))/2,rotate:TS,rotateZ:TS,skewX:e=>wS(Math.atan(e[1])),skewY:e=>wS(Math.atan(e[2])),skew:e=>(Math.abs(e[1])+Math.abs(e[2]))/2},DS=e=>(e%=360,e<0&&(e+=360),e),OS=TS,kS=e=>Math.sqrt(e[0]*e[0]+e[1]*e[1]),AS=e=>Math.sqrt(e[4]*e[4]+e[5]*e[5]),jS={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:kS,scaleY:AS,scale:e=>(kS(e)+AS(e))/2,rotateX:e=>DS(wS(Math.atan2(e[6],e[5]))),rotateY:e=>DS(wS(Math.atan2(-e[2],e[0]))),rotateZ:OS,rotate:OS,skewX:e=>wS(Math.atan(e[4])),skewY:e=>wS(Math.atan(e[1])),skew:e=>(Math.abs(e[1])+Math.abs(e[4]))/2};function MS(e){return e.includes(`scale`)?1:0}function NS(e,t){if(!e||e===`none`)return MS(t);let n=e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u),r,i;if(n)r=jS,i=n;else{let t=e.match(/^matrix\(([-\d.e\s,]+)\)$/u);r=ES,i=t}if(!i)return MS(t);let a=r[t],o=i[1].split(`,`).map(FS);return typeof a==`function`?a(o):o[a]}var PS=(e,t)=>{let{transform:n=`none`}=getComputedStyle(e);return NS(n,t)};function FS(e){return parseFloat(e.trim())}var IS=[`transformPerspective`,`x`,`y`,`z`,`translateX`,`translateY`,`translateZ`,`scale`,`scaleX`,`scaleY`,`rotate`,`rotateX`,`rotateY`,`rotateZ`,`skew`,`skewX`,`skewY`],LS=(()=>new Set(IS))(),RS=e=>e===qb||e===Y,zS=new Set([`x`,`y`,`z`]),BS=IS.filter(e=>!zS.has(e));function VS(e){let t=[];return BS.forEach(n=>{let r=e.getValue(n);r!==void 0&&(t.push([n,r.get()]),r.set(n.startsWith(`scale`)?1:0))}),t}var HS={width:({x:e},{paddingLeft:t=`0`,paddingRight:n=`0`})=>e.max-e.min-parseFloat(t)-parseFloat(n),height:({y:e},{paddingTop:t=`0`,paddingBottom:n=`0`})=>e.max-e.min-parseFloat(t)-parseFloat(n),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:(e,{transform:t})=>NS(t,`x`),y:(e,{transform:t})=>NS(t,`y`)};HS.translateX=HS.x,HS.translateY=HS.y;var US=new Set,WS=!1,GS=!1,KS=!1;function qS(){if(GS){let e=Array.from(US).filter(e=>e.needsMeasurement),t=new Set(e.map(e=>e.element)),n=new Map;t.forEach(e=>{let t=VS(e);t.length&&(n.set(e,t),e.render())}),e.forEach(e=>e.measureInitialState()),t.forEach(e=>{e.render();let t=n.get(e);t&&t.forEach(([t,n])=>{e.getValue(t)?.set(n)})}),e.forEach(e=>e.measureEndState()),e.forEach(e=>{e.suspendedScrollY!==void 0&&window.scrollTo(0,e.suspendedScrollY)})}GS=!1,WS=!1,US.forEach(e=>e.complete(KS)),US.clear()}function JS(){US.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(GS=!0)})}function YS(){KS=!0,JS(),qS(),KS=!1}var XS=class{constructor(e,t,n,r,i,a=!1){this.state=`pending`,this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...e],this.onComplete=t,this.name=n,this.motionValue=r,this.element=i,this.isAsync=a}scheduleResolve(){this.state=`scheduled`,this.isAsync?(US.add(this),WS||(WS=!0,J.read(JS),J.resolveKeyframes(qS))):(this.readKeyframes(),this.complete())}readKeyframes(){let{unresolvedKeyframes:e,name:t,element:n,motionValue:r}=this;if(e[0]===null){let i=r?.get(),a=e[e.length-1];if(i!==void 0)e[0]=i;else if(n&&t){let r=n.readValue(t,a);r!=null&&(e[0]=r)}e[0]===void 0&&(e[0]=a),r&&i===void 0&&r.set(e[0])}CS(e)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(e=!1){this.state=`complete`,this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,e),US.delete(this)}cancel(){this.state===`scheduled`&&(US.delete(this),this.state=`pending`)}resume(){this.state===`pending`&&this.scheduleResolve()}},ZS=e=>e.startsWith(`--`);function QS(e,t,n){ZS(t)?e.style.setProperty(t,n):e.style[t]=n}var $S=Xy(()=>window.ScrollTimeline!==void 0),eC={};function tC(e,t){let n=Xy(e);return()=>eC[t]??n()}var nC=tC(()=>{try{document.createElement(`div`).animate({opacity:0},{easing:`linear(0, 1)`})}catch{return!1}return!0},`linearEasing`),rC=([e,t,n,r])=>`cubic-bezier(${e}, ${t}, ${n}, ${r})`,iC={linear:`linear`,ease:`ease`,easeIn:`ease-in`,easeOut:`ease-out`,easeInOut:`ease-in-out`,circIn:rC([0,.65,.55,1]),circOut:rC([.55,0,1,.45]),backIn:rC([.31,.01,.66,-.59]),backOut:rC([.33,1.53,.69,.99])};function aC(e,t){if(e)return typeof e==`function`?nC()?Kx(e,t):`ease-out`:Tb(e)?rC(e):Array.isArray(e)?e.map(e=>aC(e,t)||iC.easeOut):iC[e]}function oC(e,t,n,{delay:r=0,duration:i=300,repeat:a=0,repeatType:o=`loop`,ease:s=`easeOut`,times:c}={},l=void 0){let u={[t]:n};c&&(u.offset=c);let d=aC(s,i);Array.isArray(d)&&(u.easing=d),Ab.value&&Bb.waapi++;let f={delay:r,duration:i,easing:Array.isArray(d)?`linear`:d,fill:`both`,iterations:a+1,direction:o===`reverse`?`alternate`:`normal`};l&&(f.pseudoElement=l);let p=e.animate(u,f);return Ab.value&&p.finished.finally(()=>{Bb.waapi--}),p}function sC(e){return typeof e==`function`&&`applyToOptions`in e}function cC({type:e,...t}){return sC(e)&&nC()?e.applyToOptions(t):(t.duration??=300,t.ease??=`easeOut`,t)}var lC=class extends bS{constructor(e){if(super(),this.finishedTime=null,this.isStopped=!1,this.manualStartTime=null,!e)return;let{element:t,name:n,keyframes:r,pseudoElement:i,allowFlatten:a=!1,finalKeyframe:o,onComplete:s}=e;this.isPseudoElement=!!i,this.allowFlatten=a,this.options=e,Gy(typeof e.type!=`string`,`Mini animate() doesn't support "type" as a string.`,`mini-spring`);let c=cC(e);this.animation=oC(t,n,r,c,i),c.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!i){let e=_S(r,this.options,o,this.speed);this.updateMotionValue?this.updateMotionValue(e):QS(t,n,e),this.animation.cancel()}s?.(),this.notifyFinished()}}play(){this.isStopped||(this.manualStartTime=null,this.animation.play(),this.state===`finished`&&this.updateFinished())}pause(){this.animation.pause()}complete(){this.animation.finish?.()}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;let{state:e}=this;e===`idle`||e===`finished`||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){this.isPseudoElement||this.animation.commitStyles?.()}get duration(){let e=this.animation.effect?.getComputedTiming?.().duration||0;return rb(Number(e))}get iterationDuration(){let{delay:e=0}=this.options||{};return this.duration+rb(e)}get time(){return rb(Number(this.animation.currentTime)||0)}set time(e){this.manualStartTime=null,this.finishedTime=null,this.animation.currentTime=nb(e)}get speed(){return this.animation.playbackRate}set speed(e){e<0&&(this.finishedTime=null),this.animation.playbackRate=e}get state(){return this.finishedTime===null?this.animation.playState:`finished`}get startTime(){return this.manualStartTime??Number(this.animation.startTime)}set startTime(e){this.manualStartTime=this.animation.startTime=e}attachTimeline({timeline:e,observe:t}){return this.allowFlatten&&this.animation.effect?.updateTiming({easing:`linear`}),this.animation.onfinish=null,e&&$S()?(this.animation.timeline=e,Zy):t(this)}},uC={anticipate:_b,backInOut:gb,circInOut:bb};function dC(e){return e in uC}function fC(e){typeof e.ease==`string`&&dC(e.ease)&&(e.ease=uC[e.ease])}var pC=10,mC=class extends lC{constructor(e){fC(e),yS(e),super(e),e.startTime!==void 0&&(this.startTime=e.startTime),this.options=e}updateMotionValue(e){let{motionValue:t,onUpdate:n,onComplete:r,element:i,...a}=this.options;if(!t)return;if(e!==void 0){t.set(e);return}let o=new SS({...a,autoplay:!1}),s=Math.max(pC,zb.now()-this.startTime),c=Hy(0,pC,s-pC);t.setWithVelocity(o.sample(Math.max(0,s-c)).value,o.sample(s).value,c),o.stop()}},hC=(e,t)=>t===`zIndex`?!1:!!(typeof e==`number`||Array.isArray(e)||typeof e==`string`&&(Dx.test(e)||e===`0`)&&!e.startsWith(`url(`));function gC(e){let t=e[0];if(e.length===1)return!0;for(let n=0;n<e.length;n++)if(e[n]!==t)return!0}function _C(e,t,n,r){let i=e[0];if(i===null)return!1;if(t===`display`||t===`visibility`)return!0;let a=e[e.length-1],o=hC(i,t),s=hC(a,t);return Wy(o===s,`You are trying to animate ${t} from "${i}" to "${a}". "${o?a:i}" is not an animatable value.`,`value-not-animatable`),!o||!s?!1:gC(e)||(n===`spring`||sC(n))&&r}function vC(e){e.duration=0,e.type=`keyframes`}var yC=new Set([`opacity`,`clipPath`,`filter`,`transform`]),bC=Xy(()=>Object.hasOwnProperty.call(Element.prototype,`animate`));function xC(e){let{motionValue:t,name:n,repeatDelay:r,repeatType:i,damping:a,type:o}=e;if(!(t?.owner?.current instanceof HTMLElement))return!1;let{onUpdate:s,transformTemplate:c}=t.owner.getProps();return bC()&&n&&yC.has(n)&&(n!==`transform`||!c)&&!s&&!r&&i!==`mirror`&&a!==0&&o!==`inertia`}var SC=40,CC=class extends bS{constructor({autoplay:e=!0,delay:t=0,type:n=`keyframes`,repeat:r=0,repeatDelay:i=0,repeatType:a=`loop`,keyframes:o,name:s,motionValue:c,element:l,...u}){super(),this.stop=()=>{this._animation&&(this._animation.stop(),this.stopTimeline?.()),this.keyframeResolver?.cancel()},this.createdAt=zb.now();let d={autoplay:e,delay:t,type:n,repeat:r,repeatDelay:i,repeatType:a,name:s,motionValue:c,element:l,...u};this.keyframeResolver=new(l?.KeyframeResolver||XS)(o,(e,t,n)=>this.onKeyframesResolved(e,t,d,!n),s,c,l),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(e,t,n,r){this.keyframeResolver=void 0;let{name:i,type:a,velocity:o,delay:s,isHandoff:c,onUpdate:l}=n;this.resolvedAt=zb.now(),_C(e,i,a,o)||((Ky.instantAnimations||!s)&&l?.(_S(e,n,t)),e[0]=e[e.length-1],vC(n),n.repeat=0);let u={startTime:r?this.resolvedAt&&this.resolvedAt-this.createdAt>SC?this.resolvedAt:this.createdAt:void 0,finalKeyframe:t,...n,keyframes:e},d=!c&&xC(u)?new mC({...u,element:u.motionValue.owner.current}):new SS(u);d.finished.then(()=>this.notifyFinished()).catch(Zy),this.pendingTimeline&&=(this.stopTimeline=d.attachTimeline(this.pendingTimeline),void 0),this._animation=d}get finished(){return this._animation?this.animation.finished:this._finished}then(e,t){return this.finished.finally(e).then(()=>{})}get animation(){return this._animation||(this.keyframeResolver?.resume(),YS()),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(e){this.animation.time=e}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(e){this.animation.speed=e}get startTime(){return this.animation.startTime}attachTimeline(e){return this._animation?this.stopTimeline=this.animation.attachTimeline(e):this.pendingTimeline=e,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){this._animation&&this.animation.cancel(),this.keyframeResolver?.cancel()}},wC=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function TC(e){let t=wC.exec(e);if(!t)return[,];let[,n,r,i]=t;return[`--${n??r}`,i]}var EC=4;function DC(e,t,n=1){Gy(n<=EC,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`,`max-css-var-depth`);let[r,i]=TC(e);if(!r)return;let a=window.getComputedStyle(t).getPropertyValue(r);if(a){let e=a.trim();return qy(e)?parseFloat(e):e}return Wb(i)?DC(i,t,n+1):i}function OC(e,t){return e?.[t]??e?.default??e}var kC=new Set([`width`,`height`,`top`,`left`,`right`,`bottom`,...IS]),AC={test:e=>e===`auto`,parse:e=>e},jC=e=>t=>t.test(e),MC=[qb,Y,lx,cx,dx,ux,AC],NC=e=>MC.find(jC(e));function PC(e){return typeof e==`number`?e===0:e===null?!0:e===`none`||e===`0`||Yy(e)}var FC=new Set([`brightness`,`contrast`,`saturate`,`opacity`]);function IC(e){let[t,n]=e.slice(0,-1).split(`(`);if(t===`drop-shadow`)return e;let[r]=n.match(Zb)||[];if(!r)return e;let i=n.replace(r,``),a=FC.has(t)?1:0;return r!==n&&(a*=100),t+`(`+a+i+`)`}var LC=/\b([a-z-]*)\(.*?\)/gu,RC={...Dx,getAnimatableNone:e=>{let t=e.match(LC);return t?t.map(IC).join(` `):e}},zC={...qb,transform:Math.round},BC={borderWidth:Y,borderTopWidth:Y,borderRightWidth:Y,borderBottomWidth:Y,borderLeftWidth:Y,borderRadius:Y,radius:Y,borderTopLeftRadius:Y,borderTopRightRadius:Y,borderBottomRightRadius:Y,borderBottomLeftRadius:Y,width:Y,maxWidth:Y,height:Y,maxHeight:Y,top:Y,right:Y,bottom:Y,left:Y,inset:Y,insetBlock:Y,insetBlockStart:Y,insetBlockEnd:Y,insetInline:Y,insetInlineStart:Y,insetInlineEnd:Y,padding:Y,paddingTop:Y,paddingRight:Y,paddingBottom:Y,paddingLeft:Y,paddingBlock:Y,paddingBlockStart:Y,paddingBlockEnd:Y,paddingInline:Y,paddingInlineStart:Y,paddingInlineEnd:Y,margin:Y,marginTop:Y,marginRight:Y,marginBottom:Y,marginLeft:Y,marginBlock:Y,marginBlockStart:Y,marginBlockEnd:Y,marginInline:Y,marginInlineStart:Y,marginInlineEnd:Y,backgroundPositionX:Y,backgroundPositionY:Y,rotate:cx,rotateX:cx,rotateY:cx,rotateZ:cx,scale:Yb,scaleX:Yb,scaleY:Yb,scaleZ:Yb,skew:cx,skewX:cx,skewY:cx,distance:Y,translateX:Y,translateY:Y,translateZ:Y,x:Y,y:Y,z:Y,perspective:Y,transformPerspective:Y,opacity:Jb,originX:fx,originY:fx,originZ:Y,zIndex:zC,fillOpacity:Jb,strokeOpacity:Jb,numOctaves:zC},VC={...BC,color:X,backgroundColor:X,outlineColor:X,fill:X,stroke:X,borderColor:X,borderTopColor:X,borderRightColor:X,borderBottomColor:X,borderLeftColor:X,filter:RC,WebkitFilter:RC},HC=e=>VC[e];function UC(e,t){let n=HC(e);return n!==RC&&(n=Dx),n.getAnimatableNone?n.getAnimatableNone(t):void 0}var WC=new Set([`auto`,`none`,`0`]);function GC(e,t,n){let r=0,i;for(;r<e.length&&!i;){let t=e[r];typeof t==`string`&&!WC.has(t)&&Sx(t).values.length&&(i=e[r]),r++}if(i&&n)for(let r of t)e[r]=UC(n,i)}var KC=class extends XS{constructor(e,t,n,r,i){super(e,t,n,r,i,!0)}readKeyframes(){let{unresolvedKeyframes:e,element:t,name:n}=this;if(!t||!t.current)return;super.readKeyframes();for(let n=0;n<e.length;n++){let r=e[n];if(typeof r==`string`&&(r=r.trim(),Wb(r))){let i=DC(r,t.current);i!==void 0&&(e[n]=i),n===e.length-1&&(this.finalKeyframe=r)}}if(this.resolveNoneKeyframes(),!kC.has(n)||e.length!==2)return;let[r,i]=e,a=NC(r),o=NC(i);if(Kb(r)!==Kb(i)&&HS[n]){this.needsMeasurement=!0;return}if(a!==o)if(RS(a)&&RS(o))for(let t=0;t<e.length;t++){let n=e[t];typeof n==`string`&&(e[t]=parseFloat(n))}else HS[n]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){let{unresolvedKeyframes:e,name:t}=this,n=[];for(let t=0;t<e.length;t++)(e[t]===null||PC(e[t]))&&n.push(t);n.length&&GC(e,n,t)}measureInitialState(){let{element:e,unresolvedKeyframes:t,name:n}=this;if(!e||!e.current)return;n===`height`&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=HS[n](e.measureViewportBox(),window.getComputedStyle(e.current)),t[0]=this.measuredOrigin;let r=t[t.length-1];r!==void 0&&e.getValue(n,r).jump(r,!1)}measureEndState(){let{element:e,name:t,unresolvedKeyframes:n}=this;if(!e||!e.current)return;let r=e.getValue(t);r&&r.jump(this.measuredOrigin,!1);let i=n.length-1,a=n[i];n[i]=HS[t](e.measureViewportBox(),window.getComputedStyle(e.current)),a!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=a),this.removedTransforms?.length&&this.removedTransforms.forEach(([t,n])=>{e.getValue(t).set(n)}),this.resolveNoneKeyframes()}};function qC(e,t,n){if(e instanceof EventTarget)return[e];if(typeof e==`string`){let r=document;t&&(r=t.current);let i=n?.[e]??r.querySelectorAll(e);return i?Array.from(i):[]}return Array.from(e)}var JC=(e,t)=>t&&typeof e==`number`?t.transform(e):e;function YC(e){return Jy(e)&&`offsetHeight`in e}var XC=30,ZC=e=>!isNaN(parseFloat(e)),QC={current:void 0},$C=class{constructor(e,t={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=e=>{let t=zb.now();if(this.updatedAt!==t&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(e),this.current!==this.prev&&(this.events.change?.notify(this.current),this.dependents))for(let e of this.dependents)e.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=t.owner}setCurrent(e){this.current=e,this.updatedAt=zb.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=ZC(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return process.env.NODE_ENV!==`production`&&ob(!1,`value.onChange(callback) is deprecated. Switch to value.on("change", callback).`),this.on(`change`,e)}on(e,t){this.events[e]||(this.events[e]=new tb);let n=this.events[e].add(t);return e===`change`?()=>{n(),J.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(let e in this.events)this.events[e].clear()}attach(e,t){this.passiveEffect=e,this.stopPassiveEffect=t}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,t,n){this.set(t),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-n}jump(e,t=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,t&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(e){this.dependents||=new Set,this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return QC.current&&QC.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){let e=zb.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>XC)return 0;let t=Math.min(this.updatedAt-this.prevUpdatedAt,XC);return ib(parseFloat(this.current)-parseFloat(this.prevFrameValue),t)}start(e){return this.stop(),new Promise(t=>{this.hasAnimated=!0,this.animation=e(t),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.dependents?.clear(),this.events.destroy?.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}};function ew(e,t){return new $C(e,t)}var{schedule:tw,cancel:nw}=Nb(queueMicrotask,!1),rw={x:!1,y:!1};function iw(){return rw.x||rw.y}function aw(e){return e===`x`||e===`y`?rw[e]?null:(rw[e]=!0,()=>{rw[e]=!1}):rw.x||rw.y?null:(rw.x=rw.y=!0,()=>{rw.x=rw.y=!1})}function ow(e,t){let n=qC(e),r=new AbortController;return[n,{passive:!0,...t,signal:r.signal},()=>r.abort()]}function sw(e){return!(e.pointerType===`touch`||iw())}function cw(e,t,n={}){let[r,i,a]=ow(e,n),o=e=>{if(!sw(e))return;let{target:n}=e,r=t(n,e);if(typeof r!=`function`||!n)return;let a=e=>{sw(e)&&(r(e),n.removeEventListener(`pointerleave`,a))};n.addEventListener(`pointerleave`,a,i)};return r.forEach(e=>{e.addEventListener(`pointerenter`,o,i)}),a}var lw=(e,t)=>t?e===t?!0:lw(e,t.parentElement):!1,uw=e=>e.pointerType===`mouse`?typeof e.button!=`number`||e.button<=0:e.isPrimary!==!1,dw=new Set([`BUTTON`,`INPUT`,`SELECT`,`TEXTAREA`,`A`]);function fw(e){return dw.has(e.tagName)||e.isContentEditable===!0}var pw=new WeakSet;function mw(e){return t=>{t.key===`Enter`&&e(t)}}function hw(e,t){e.dispatchEvent(new PointerEvent(`pointer`+t,{isPrimary:!0,bubbles:!0}))}var gw=(e,t)=>{let n=e.currentTarget;if(!n)return;let r=mw(()=>{if(pw.has(n))return;hw(n,`down`);let e=mw(()=>{hw(n,`up`)});n.addEventListener(`keyup`,e,t),n.addEventListener(`blur`,()=>hw(n,`cancel`),t)});n.addEventListener(`keydown`,r,t),n.addEventListener(`blur`,()=>n.removeEventListener(`keydown`,r),t)};function _w(e){return uw(e)&&!iw()}function vw(e,t,n={}){let[r,i,a]=ow(e,n),o=e=>{let r=e.currentTarget;if(!_w(e))return;pw.add(r);let a=t(r,e),o=(e,t)=>{window.removeEventListener(`pointerup`,s),window.removeEventListener(`pointercancel`,c),pw.has(r)&&pw.delete(r),_w(e)&&typeof a==`function`&&a(e,{success:t})},s=e=>{o(e,r===window||r===document||n.useGlobalTarget||lw(r,e.target))},c=e=>{o(e,!1)};window.addEventListener(`pointerup`,s,i),window.addEventListener(`pointercancel`,c,i)};return r.forEach(e=>{(n.useGlobalTarget?window:e).addEventListener(`pointerdown`,o,i),YC(e)&&(e.addEventListener(`focus`,e=>gw(e,i)),!fw(e)&&!e.hasAttribute(`tabindex`)&&(e.tabIndex=0))}),a}function yw(e){return Jy(e)&&`ownerSVGElement`in e}function bw(e){return yw(e)&&e.tagName===`svg`}var xw=e=>!!(e&&e.getVelocity),Sw=[...MC,X,Dx],Cw=e=>Sw.find(jC(e)),ww=(0,t.createContext)({transformPagePoint:e=>e,isStatic:!1,reducedMotion:`never`});function Tw(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function Ew(...e){return t=>{let n=!1,r=e.map(e=>{let r=Tw(e,t);return!n&&typeof r==`function`&&(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];typeof n==`function`?n():Tw(e[t],null)}}}}function Dw(...e){return t.useCallback(Ew(...e),e)}var Ow=class extends t.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=t.offsetParent,n=YC(e)&&e.offsetWidth||0,r=this.props.sizeRef.current;r.height=t.offsetHeight||0,r.width=t.offsetWidth||0,r.top=t.offsetTop,r.left=t.offsetLeft,r.right=n-r.width-r.left}return null}componentDidUpdate(){}render(){return this.props.children}};function kw({children:e,isPresent:n,anchorX:i,root:a}){let o=(0,t.useId)(),s=(0,t.useRef)(null),c=(0,t.useRef)({width:0,height:0,top:0,left:0,right:0}),{nonce:l}=(0,t.useContext)(ww),u=Dw(s,e.props?.ref??e?.ref);return(0,t.useInsertionEffect)(()=>{let{width:e,height:t,top:r,left:u,right:d}=c.current;if(n||!s.current||!e||!t)return;let f=i===`left`?`left: ${u}`:`right: ${d}`;s.current.dataset.motionPopId=o;let p=document.createElement(`style`);l&&(p.nonce=l);let m=a??document.head;return m.appendChild(p),p.sheet&&p.sheet.insertRule(`
           [data-motion-pop-id="${o}"] {
             position: absolute !important;
             width: ${e}px !important;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@1urso/generic-editor",
-  "version": "0.1.45",
+  "version": "0.1.46",
   "publishConfig": {
     "access": "public"
   },