@dev-blinq/ui-systems 1.0.123 → 1.0.125

package/dist/index.js

@@ -125,6 +125,7 @@ React keys must be passed directly to JSX without using spread:
  */const Fh=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],Ml=Ge("x",Fh),Ph=e=>Pe.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,viewBox:"0 0 20 20",fill:"none",...e},Pe.createElement("path",{d:"M17.5 12.5786C17.5 14.8829 15.9627 16.7559 13.6819 16.7503H6.31811C4.0373 16.7559 2.5 14.8829 2.5 12.5786V7.42754C2.5 5.12565 4.0373 3.25024 6.31811 3.25024H13.6819C15.9627 3.25024 17.5 5.12565 17.5 7.42754V12.5786Z",stroke:"#939197",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),Pe.createElement("path",{d:"M14.4267 7.63843L11.0943 10.3482C10.4667 10.8468 9.57726 10.8468 8.94968 10.3482L5.58887 7.63843",stroke:"#939197",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),_l=e=>Pe.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16",fill:"none",...e},Pe.createElement("path",{d:"M13.5306 8.53065L8.5306 13.5307C8.46083 13.6004 8.37801 13.6558 8.28686 13.6935C8.19571 13.7313 8.09801 13.7507 7.99935 13.7507C7.90069 13.7507 7.80299 13.7313 7.71184 13.6935C7.62069 13.6558 7.53786 13.6004 7.4681 13.5307C7.39833 13.4609 7.34299 13.3781 7.30524 13.2869C7.26748 13.1958 7.24805 13.0981 7.24805 12.9994C7.24805 12.9007 7.26748 12.803 7.30524 12.7119C7.34299 12.6207 7.39833 12.5379 7.4681 12.4682L12.4681 7.46815C12.5379 7.39839 12.6207 7.34304 12.7118 7.30529C12.803 7.26753 12.9007 7.2481 12.9993 7.2481C13.098 7.2481 13.1957 7.26753 13.2869 7.30529C13.378 7.34304 13.4608 7.39839 13.5306 7.46815C13.6004 7.53791 13.6557 7.62074 13.6935 7.71189C13.7312 7.80304 13.7506 7.90074 13.7506 7.9994C13.7506 8.09806 13.7312 8.19576 13.6935 8.28691C13.6557 8.37806 13.6004 8.46089 13.5306 8.53065ZM12.5306 1.96815C12.4609 1.89823 12.3781 1.84275 12.287 1.8049C12.1958 1.76704 12.0981 1.74756 11.9993 1.74756C11.9006 1.74756 11.8029 1.76704 11.7117 1.8049C11.6206 1.84275 11.5378 1.89823 11.4681 1.96815L1.9681 11.4682C1.8272 11.609 1.74805 11.8001 1.74805 11.9994C1.74805 12.1987 1.8272 12.3898 1.9681 12.5307C2.10899 12.6715 2.30009 12.7507 2.49935 12.7507C2.69861 12.7507 2.8897 12.6715 3.0306 12.5307L12.5306 3.03065C12.6003 2.961 12.6556 2.87828 12.6934 2.78723C12.7311 2.69618 12.7506 2.59859 12.7506 2.50003C12.7506 2.40146 12.7311 2.30387 12.6934 2.21282C12.6556 2.12177 12.6003 2.03905 12.5306 1.9694V1.96815Z",fill:"#717076"})),Rh=e=>E.jsx(Bh,{...e}),ti=e=>E.jsx(Ml,{...e}),Io=e=>E.jsx(ch,{...e}),yr=e=>E.jsx(ih,{...e}),Il=e=>E.jsx(yh,{...e}),ni=e=>E.jsx(nh,{...e}),Ol=e=>E.jsx(mh,{...e}),Nl=e=>E.jsx(ph,{...e}),Oo=e=>E.jsx(Sh,{...e}),No=e=>E.jsx(Th,{...e}),jo=e=>E.jsx(dh,{...e}),jl=e=>E.jsx(Ah,{...e}),kh=e=>E.jsx(uh,{...e}),Lo=e=>E.jsx(oh,{...e}),Ll=e=>E.jsx(Ll,{...e}),Mh=({size:e="lg",designType:t="default",disabled:n=!1,label:r="",errExists:i=!1,errorMsg:a="",placeholder:o,leftIcon:s,rightIcon:l,style:c,onAction:u,...f})=>{const d={designType:t,placeholder:o,disabled:n,errExists:i,leftIcon:s,rightIcon:l,style:c,onAction:u,props:f};return E.jsxs("div",{children:[r&&E.jsx(pt,{category:"text",Size:"sm",bold:"semibold",children:r}),E.jsx(qd,{...d}),i&&E.jsx("p",{className:"error-message-input",children:a})]})},_h=({placeholder:e,disabled:t=!1,errExists:n=!1,label:r,counterVisibility:i=!0,...a})=>{const[o,s]=V.useState(""),[l,c]=V.useState(a.rows||8),u=f=>{c(d=>{const p=f==="down"?d+1:d-1;return p<2?2:p})};return E.jsxs("div",{children:[E.jsx(pt,{category:"text",Size:"sm",bold:"bold",children:r}),E.jsxs("div",{className:"text-area-container","data-error":n,children:[E.jsx("textarea",{placeholder:e||"Enter your text here...",maxLength:i?300:void 0,disabled:t,...a,rows:l,onChange:f=>{s(f.target.value),a.onChange&&a.onChange(f)},style:{width:"100%",border:"none",outline:"none",resize:"none",fontFamily:'var(--font-family, "Plus Jakarta Sans", sans-serif)',...a.style}}),E.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[i&&E.jsxs(pt,{category:"text",Size:"sm",bold:"medium",children:[o.length,"/300"]}),E.jsx(_l,{style:{cursor:"ns-resize",marginLeft:"auto"},onMouseDown:f=>{let d=f.clientY;const p=10,x=v=>{const b=v.clientY-d;if(Math.abs(b)>p){const g=b>0?"down":"up";u(g),d=v.clientY}},h=()=>{document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",h)};document.addEventListener("mousemove",x),document.addEventListener("mouseup",h)}})]})]})]})},Ih=({size:e="md",disabled:t=!1,children:n,...r})=>{const[i,a]=V.useState(r.defaultChecked||!1),o=()=>{a(!i),r.onChange&&r.onChange()};return E.jsxs("label",{className:"blinq-checkbox",children:[E.jsx("input",{type:"checkbox",checked:i,onChange:o,"data-size":e,disabled:t,...r}),E.jsx("span",{className:"checkmark"}),n]})},Oh=({size:e="md",disabled:t=!1,children:n,...r})=>{const[i,a]=V.useState(r.checked||!1),o=()=>{a(!i),r.onChange&&r.onChange()};return E.jsxs("label",{className:"blinq-radio-button",children:[E.jsx("input",{type:"radio",checked:i,onChange:o,"data-size":e,disabled:t,...r}),E.jsx("span",{className:"checkmark"}),n]})},Nh=({left:e,right:t,onToggle:n,value:r,customToggleSwitchs:i})=>{const a=(o,s)=>{s.stopPropagation(),n(o)};return E.jsxs("div",{className:"toggle-switch",children:[E.jsx("div",{className:`toggle-option ${r===e?"active":""}`,onClick:o=>a(e,o),children:E.jsx(pt,{bold:"bold",color:"textSecondary",category:"text",Size:"sm",children:e})}),E.jsx("div",{className:`toggle-option ${r===t?"active":""}`,onClick:o=>a(t,o),children:E.jsx(pt,{bold:"bold",color:"textSecondary",category:"text",Size:"sm",children:t})}),i&&i.map(({text:o,place:s})=>E.jsx("div",{className:`toggle-option ${r===s?"active":""}`,onClick:l=>a(s,l),children:E.jsx(pt,{bold:"bold",color:"textSecondary",category:"text",Size:"sm",children:o})},s))]})};function jh({showFirst:e,firstComponent:t,secondComponent:n}){return E.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center"},children:[E.jsx("div",{style:{transition:"opacity 1s ease",opacity:e?1:0,position:"absolute",display:"flex",alignItems:"center"},children:t}),E.jsx("div",{style:{transition:"opacity 1s ease",opacity:e?0:1,position:"absolute",display:"flex",alignItems:"center"},children:n})]})}function to(){return to=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},to.apply(null,arguments)}function Vl(e){var t=Object.create(null);return function(n){return t[n]===void 0&&(t[n]=e(n)),t[n]}}var Lh=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Vh=Vl(function(e){return Lh.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),$h=!1;function Uh(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function Hh(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),e.nonce!==void 0&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}var zh=function(){function e(n){var r=this;this._insertTag=function(i){var a;r.tags.length===0?r.insertionPoint?a=r.insertionPoint.nextSibling:r.prepend?a=r.container.firstChild:a=r.before:a=r.tags[r.tags.length-1].nextSibling,r.container.insertBefore(i,a),r.tags.push(i)},this.isSpeedy=n.speedy===void 0?!$h:n.speedy,this.tags=[],this.ctr=0,this.nonce=n.nonce,this.key=n.key,this.container=n.container,this.prepend=n.prepend,this.insertionPoint=n.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(r){r.forEach(this._insertTag)},t.insert=function(r){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(Hh(this));var i=this.tags[this.tags.length-1];if(this.isSpeedy){var a=Uh(i);try{a.insertRule(r,a.cssRules.length)}catch{}}else i.appendChild(document.createTextNode(r));this.ctr++},t.flush=function(){this.tags.forEach(function(r){var i;return(i=r.parentNode)==null?void 0:i.removeChild(r)}),this.tags=[],this.ctr=0},e}(),Ue="-ms-",ri="-moz-",ue="-webkit-",$l="comm",Vo="rule",$o="decl",Wh="@import",Ul="@keyframes",Kh="@layer",Gh=Math.abs,xi=String.fromCharCode,Yh=Object.assign;function qh(e,t){return Le(e,0)^45?(((t<<2^Le(e,0))<<2^Le(e,1))<<2^Le(e,2))<<2^Le(e,3):0}function Hl(e){return e.trim()}function Xh(e,t){return(e=t.exec(e))?e[0]:e}function fe(e,t,n){return e.replace(t,n)}function no(e,t){return e.indexOf(t)}function Le(e,t){return e.charCodeAt(t)|0}function sr(e,t,n){return e.slice(t,n)}function bt(e){return e.length}function Uo(e){return e.length}function Ir(e,t){return t.push(e),e}function Zh(e,t){return e.map(t).join("")}var mi=1,Fn=1,zl=0,Xe=0,Ie=0,kn="";function gi(e,t,n,r,i,a,o){return{value:e,root:t,parent:n,type:r,props:i,children:a,line:mi,column:Fn,length:o,return:""}}function Yn(e,t){return Yh(gi("",null,null,"",null,null,0),e,{length:-e.length},t)}function Jh(){return Ie}function Qh(){return Ie=Xe>0?Le(kn,--Xe):0,Fn--,Ie===10&&(Fn=1,mi--),Ie}function Qe(){return Ie=Xe<zl?Le(kn,Xe++):0,Fn++,Ie===10&&(Fn=1,mi++),Ie}function At(){return Le(kn,Xe)}function Kr(){return Xe}function vr(e,t){return sr(kn,e,t)}function cr(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Wl(e){return mi=Fn=1,zl=bt(kn=e),Xe=0,[]}function Kl(e){return kn="",e}function Gr(e){return Hl(vr(Xe-1,ro(e===91?e+2:e===40?e+1:e)))}function ep(e){for(;(Ie=At())&&Ie<33;)Qe();return cr(e)>2||cr(Ie)>3?"":" "}function tp(e,t){for(;--t&&Qe()&&!(Ie<48||Ie>102||Ie>57&&Ie<65||Ie>70&&Ie<97););return vr(e,Kr()+(t<6&&At()==32&&Qe()==32))}function ro(e){for(;Qe();)switch(Ie){case e:return Xe;case 34:case 39:e!==34&&e!==39&&ro(Ie);break;case 40:e===41&&ro(e);break;case 92:Qe();break}return Xe}function np(e,t){for(;Qe()&&e+Ie!==57;)if(e+Ie===84&&At()===47)break;return"/*"+vr(t,Xe-1)+"*"+xi(e===47?e:Qe())}function rp(e){for(;!cr(At());)Qe();return vr(e,Xe)}function ip(e){return Kl(Yr("",null,null,null,[""],e=Wl(e),0,[0],e))}function Yr(e,t,n,r,i,a,o,s,l){for(var c=0,u=0,f=o,d=0,p=0,x=0,h=1,v=1,b=1,g=0,y="",C=i,A=a,S=r,w=y;v;)switch(x=g,g=Qe()){case 40:if(x!=108&&Le(w,f-1)==58){no(w+=fe(Gr(g),"&","&\f"),"&\f")!=-1&&(b=-1);break}case 34:case 39:case 91:w+=Gr(g);break;case 9:case 10:case 13:case 32:w+=ep(x);break;case 92:w+=tp(Kr()-1,7);continue;case 47:switch(At()){case 42:case 47:Ir(ap(np(Qe(),Kr()),t,n),l);break;default:w+="/"}break;case 123*h:s[c++]=bt(w)*b;case 125*h:case 59:case 0:switch(g){case 0:case 125:v=0;case 59+u:b==-1&&(w=fe(w,/\f/g,"")),p>0&&bt(w)-f&&Ir(p>32?js(w+";",r,n,f-1):js(fe(w," ","")+";",r,n,f-2),l);break;case 59:w+=";";default:if(Ir(S=Ns(w,t,n,c,u,i,s,y,C=[],A=[],f),a),g===123)if(u===0)Yr(w,t,S,S,C,a,f,s,A);else switch(d===99&&Le(w,3)===110?100:d){case 100:case 108:case 109:case 115:Yr(e,S,S,r&&Ir(Ns(e,S,S,0,0,i,s,y,i,C=[],f),A),i,A,f,s,r?C:A);break;default:Yr(w,S,S,S,[""],A,0,s,A)}}c=u=p=0,h=b=1,y=w="",f=o;break;case 58:f=1+bt(w),p=x;default:if(h<1){if(g==123)--h;else if(g==125&&h++==0&&Qh()==125)continue}switch(w+=xi(g),g*h){case 38:b=u>0?1:(w+="\f",-1);break;case 44:s[c++]=(bt(w)-1)*b,b=1;break;case 64:At()===45&&(w+=Gr(Qe())),d=At(),u=f=bt(y=w+=rp(Kr())),g++;break;case 45:x===45&&bt(w)==2&&(h=0)}}return a}function Ns(e,t,n,r,i,a,o,s,l,c,u){for(var f=i-1,d=i===0?a:[""],p=Uo(d),x=0,h=0,v=0;x<r;++x)for(var b=0,g=sr(e,f+1,f=Gh(h=o[x])),y=e;b<p;++b)(y=Hl(h>0?d[b]+" "+g:fe(g,/&\f/g,d[b])))&&(l[v++]=y);return gi(e,t,n,i===0?Vo:s,l,c,u)}function ap(e,t,n){return gi(e,t,n,$l,xi(Jh()),sr(e,2,-2),0)}function js(e,t,n,r){return gi(e,t,n,$o,sr(e,0,r),sr(e,r+1,-1),r)}function Bn(e,t){for(var n="",r=Uo(e),i=0;i<r;i++)n+=t(e[i],i,e,t)||"";return n}function op(e,t,n,r){switch(e.type){case Kh:if(e.children.length)break;case Wh:case $o:return e.return=e.return||e.value;case $l:return"";case Ul:return e.return=e.value+"{"+Bn(e.children,r)+"}";case Vo:e.value=e.props.join(",")}return bt(n=Bn(e.children,r))?e.return=e.value+"{"+n+"}":""}function sp(e){var t=Uo(e);return function(n,r,i,a){for(var o="",s=0;s<t;s++)o+=e[s](n,r,i,a)||"";return o}}function cp(e){return function(t){t.root||(t=t.return)&&e(t)}}var lp=function(t,n,r){for(var i=0,a=0;i=a,a=At(),i===38&&a===12&&(n[r]=1),!cr(a);)Qe();return vr(t,Xe)},up=function(t,n){var r=-1,i=44;do switch(cr(i)){case 0:i===38&&At()===12&&(n[r]=1),t[r]+=lp(Xe-1,n,r);break;case 2:t[r]+=Gr(i);break;case 4:if(i===44){t[++r]=At()===58?"&\f":"",n[r]=t[r].length;break}default:t[r]+=xi(i)}while(i=Qe());return t},fp=function(t,n){return Kl(up(Wl(t),n))},Ls=new WeakMap,dp=function(t){if(!(t.type!=="rule"||!t.parent||t.length<1)){for(var n=t.value,r=t.parent,i=t.column===r.column&&t.line===r.line;r.type!=="rule";)if(r=r.parent,!r)return;if(!(t.props.length===1&&n.charCodeAt(0)!==58&&!Ls.get(r))&&!i){Ls.set(t,!0);for(var a=[],o=fp(n,a),s=r.props,l=0,c=0;l<o.length;l++)for(var u=0;u<s.length;u++,c++)t.props[c]=a[l]?o[l].replace(/&\f/g,s[u]):s[u]+" "+o[l]}}},hp=function(t){if(t.type==="decl"){var n=t.value;n.charCodeAt(0)===108&&n.charCodeAt(2)===98&&(t.return="",t.value="")}};function Gl(e,t){switch(qh(e,t)){case 5103:return ue+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return ue+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return ue+e+ri+e+Ue+e+e;case 6828:case 4268:return ue+e+Ue+e+e;case 6165:return ue+e+Ue+"flex-"+e+e;case 5187:return ue+e+fe(e,/(\w+).+(:[^]+)/,ue+"box-$1$2"+Ue+"flex-$1$2")+e;case 5443:return ue+e+Ue+"flex-item-"+fe(e,/flex-|-self/,"")+e;case 4675:return ue+e+Ue+"flex-line-pack"+fe(e,/align-content|flex-|-self/,"")+e;case 5548:return ue+e+Ue+fe(e,"shrink","negative")+e;case 5292:return ue+e+Ue+fe(e,"basis","preferred-size")+e;case 6060:return ue+"box-"+fe(e,"-grow","")+ue+e+Ue+fe(e,"grow","positive")+e;case 4554:return ue+fe(e,/([^-])(transform)/g,"$1"+ue+"$2")+e;case 6187:return fe(fe(fe(e,/(zoom-|grab)/,ue+"$1"),/(image-set)/,ue+"$1"),e,"")+e;case 5495:case 3959:return fe(e,/(image-set\([^]*)/,ue+"$1$`$1");case 4968:return fe(fe(e,/(.+:)(flex-)?(.*)/,ue+"box-pack:$3"+Ue+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+ue+e+e;case 4095:case 3583:case 4068:case 2532:return fe(e,/(.+)-inline(.+)/,ue+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(bt(e)-1-t>6)switch(Le(e,t+1)){case 109:if(Le(e,t+4)!==45)break;case 102:return fe(e,/(.+:)(.+)-([^]+)/,"$1"+ue+"$2-$3$1"+ri+(Le(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~no(e,"stretch")?Gl(fe(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(Le(e,t+1)!==115)break;case 6444:switch(Le(e,bt(e)-3-(~no(e,"!important")&&10))){case 107:return fe(e,":",":"+ue)+e;case 101:return fe(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+ue+(Le(e,14)===45?"inline-":"")+"box$3$1"+ue+"$2$3$1"+Ue+"$2box$3")+e}break;case 5936:switch(Le(e,t+11)){case 114:return ue+e+Ue+fe(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return ue+e+Ue+fe(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return ue+e+Ue+fe(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return ue+e+Ue+e+e}return e}var pp=function(t,n,r,i){if(t.length>-1&&!t.return)switch(t.type){case $o:t.return=Gl(t.value,t.length);break;case Ul:return Bn([Yn(t,{value:fe(t.value,"@","@"+ue)})],i);case Vo:if(t.length)return Zh(t.props,function(a){switch(Xh(a,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Bn([Yn(t,{props:[fe(a,/:(read-\w+)/,":"+ri+"$1")]})],i);case"::placeholder":return Bn([Yn(t,{props:[fe(a,/:(plac\w+)/,":"+ue+"input-$1")]}),Yn(t,{props:[fe(a,/:(plac\w+)/,":"+ri+"$1")]}),Yn(t,{props:[fe(a,/:(plac\w+)/,Ue+"input-$1")]})],i)}return""})}},xp=[pp],mp=function(t){var n=t.key;if(n==="css"){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,function(h){var v=h.getAttribute("data-emotion");v.indexOf(" ")!==-1&&(document.head.appendChild(h),h.setAttribute("data-s",""))})}var i=t.stylisPlugins||xp,a={},o,s=[];o=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+n+' "]'),function(h){for(var v=h.getAttribute("data-emotion").split(" "),b=1;b<v.length;b++)a[v[b]]=!0;s.push(h)});var l,c=[dp,hp];{var u,f=[op,cp(function(h){u.insert(h)})],d=sp(c.concat(i,f)),p=function(v){return Bn(ip(v),d)};l=function(v,b,g,y){u=g,p(v?v+"{"+b.styles+"}":b.styles),y&&(x.inserted[b.name]=!0)}}var x={key:n,sheet:new zh({key:n,container:o,nonce:t.nonce,speedy:t.speedy,prepend:t.prepend,insertionPoint:t.insertionPoint}),nonce:t.nonce,inserted:a,registered:{},insert:l};return x.sheet.hydrate(s),x},gp=!0;function yp(e,t,n){var r="";return n.split(" ").forEach(function(i){e[i]!==void 0?t.push(e[i]+";"):i&&(r+=i+" ")}),r}var Yl=function(t,n,r){var i=t.key+"-"+n.name;(r===!1||gp===!1)&&t.registered[i]===void 0&&(t.registered[i]=n.styles)},vp=function(t,n,r){Yl(t,n,r);var i=t.key+"-"+n.name;if(t.inserted[n.name]===void 0){var a=n;do t.insert(n===a?"."+i:"",a,t.sheet,!0),a=a.next;while(a!==void 0)}};function bp(e){for(var t=0,n,r=0,i=e.length;i>=4;++r,i-=4)n=e.charCodeAt(r)&255|(e.charCodeAt(++r)&255)<<8|(e.charCodeAt(++r)&255)<<16|(e.charCodeAt(++r)&255)<<24,n=(n&65535)*1540483477+((n>>>16)*59797<<16),n^=n>>>24,t=(n&65535)*1540483477+((n>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(i){case 3:t^=(e.charCodeAt(r+2)&255)<<16;case 2:t^=(e.charCodeAt(r+1)&255)<<8;case 1:t^=e.charCodeAt(r)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var Cp={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Ap=!1,Ep=/[A-Z]|^ms/g,Sp=/_EMO_([^_]+?)_([^]*?)_EMO_/g,ql=function(t){return t.charCodeAt(1)===45},Vs=function(t){return t!=null&&typeof t!="boolean"},Ki=Vl(function(e){return ql(e)?e:e.replace(Ep,"-$&").toLowerCase()}),$s=function(t,n){switch(t){case"animation":case"animationName":if(typeof n=="string")return n.replace(Sp,function(r,i,a){return Ct={name:i,styles:a,next:Ct},i})}return Cp[t]!==1&&!ql(t)&&typeof n=="number"&&n!==0?n+"px":n},wp="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function lr(e,t,n){if(n==null)return"";var r=n;if(r.__emotion_styles!==void 0)return r;switch(typeof n){case"boolean":return"";case"object":{var i=n;if(i.anim===1)return Ct={name:i.name,styles:i.styles,next:Ct},i.name;var a=n;if(a.styles!==void 0){var o=a.next;if(o!==void 0)for(;o!==void 0;)Ct={name:o.name,styles:o.styles,next:Ct},o=o.next;var s=a.styles+";";return s}return Bp(e,t,n)}case"function":{if(e!==void 0){var l=Ct,c=n(e);return Ct=l,lr(e,t,c)}break}}var u=n;if(t==null)return u;var f=t[u];return f!==void 0?f:u}function Bp(e,t,n){var r="";if(Array.isArray(n))for(var i=0;i<n.length;i++)r+=lr(e,t,n[i])+";";else for(var a in n){var o=n[a];if(typeof o!="object"){var s=o;t!=null&&t[s]!==void 0?r+=a+"{"+t[s]+"}":Vs(s)&&(r+=Ki(a)+":"+$s(a,s)+";")}else{if(a==="NO_COMPONENT_SELECTOR"&&Ap)throw new Error(wp);if(Array.isArray(o)&&typeof o[0]=="string"&&(t==null||t[o[0]]===void 0))for(var l=0;l<o.length;l++)Vs(o[l])&&(r+=Ki(a)+":"+$s(a,o[l])+";");else{var c=lr(e,t,o);switch(a){case"animation":case"animationName":{r+=Ki(a)+":"+c+";";break}default:r+=a+"{"+c+"}"}}}}return r}var Us=/label:\s*([^\s;{]+)\s*(;|$)/g,Ct;function Dp(e,t,n){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var r=!0,i="";Ct=void 0;var a=e[0];if(a==null||a.raw===void 0)r=!1,i+=lr(n,t,a);else{var o=a;i+=o[0]}for(var s=1;s<e.length;s++)if(i+=lr(n,t,e[s]),r){var l=a;i+=l[s]}Us.lastIndex=0;for(var c="",u;(u=Us.exec(i))!==null;)c+="-"+u[1];var f=bp(i)+c;return{name:f,styles:i,next:Ct}}var Tp=function(t){return t()},Fp=Pe.useInsertionEffect?Pe.useInsertionEffect:!1,Pp=Fp||Tp,Xl=Pe.createContext(typeof HTMLElement<"u"?mp({key:"css"}):null);Xl.Provider;var Rp=function(t){return V.forwardRef(function(n,r){var i=V.useContext(Xl);return t(n,i,r)})},kp=Pe.createContext({}),Mp=Vh,_p=function(t){return t!=="theme"},Hs=function(t){return typeof t=="string"&&t.charCodeAt(0)>96?Mp:_p},zs=function(t,n,r){var i;if(n){var a=n.shouldForwardProp;i=t.__emotion_forwardProp&&a?function(o){return t.__emotion_forwardProp(o)&&a(o)}:a}return typeof i!="function"&&r&&(i=t.__emotion_forwardProp),i},Ip=!1,Op=function(t){var n=t.cache,r=t.serialized,i=t.isStringTag;return Yl(n,r,i),Pp(function(){return vp(n,r,i)}),null},Np=function e(t,n){var r=t.__emotion_real===t,i=r&&t.__emotion_base||t,a,o;n!==void 0&&(a=n.label,o=n.target);var s=zs(t,n,r),l=s||Hs(i),c=!l("as");return function(){var u=arguments,f=r&&t.__emotion_styles!==void 0?t.__emotion_styles.slice(0):[];if(a!==void 0&&f.push("label:"+a+";"),u[0]==null||u[0].raw===void 0)f.push.apply(f,u);else{f.push(u[0][0]);for(var d=u.length,p=1;p<d;p++)f.push(u[p],u[0][p])}var x=Rp(function(h,v,b){var g=c&&h.as||i,y="",C=[],A=h;if(h.theme==null){A={};for(var S in h)A[S]=h[S];A.theme=Pe.useContext(kp)}typeof h.className=="string"?y=yp(v.registered,C,h.className):h.className!=null&&(y=h.className+" ");var w=Dp(f.concat(C),v.registered,A);y+=v.key+"-"+w.name,o!==void 0&&(y+=" "+o);var T=c&&s===void 0?Hs(g):l,k={};for(var m in h)c&&m==="as"||T(m)&&(k[m]=h[m]);return k.className=y,b&&(k.ref=b),Pe.createElement(Pe.Fragment,null,Pe.createElement(Op,{cache:v,serialized:w,isStringTag:typeof g=="string"}),Pe.createElement(g,k))});return x.displayName=a!==void 0?a:"Styled("+(typeof i=="string"?i:i.displayName||i.name||"Component")+")",x.defaultProps=t.defaultProps,x.__emotion_real=x,x.__emotion_base=i,x.__emotion_styles=f,x.__emotion_forwardProp=s,Object.defineProperty(x,"toString",{value:function(){return o===void 0&&Ip?"NO_COMPONENT_SELECTOR":"."+o}}),x.withComponent=function(h,v){return e(h,to({},n,v,{shouldForwardProp:zs(x,v,!0)})).apply(void 0,f)},x}},jp=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],Y=Np.bind();jp.forEach(function(e){Y[e]=Y(e)});const Lp=Y($.IconButton)``,vt=({size:e="medium",children:t,...n})=>E.jsx(Lp,{size:e,tabIndex:-1,...n,children:t}),Vp=Y($.Tabs)`
   display: flex;
   align-items: flex-start;
+  min-height: 2rem;
   border-radius: 12px;
   background: var(--color-grey-20);
   .tab-indicator {
@@ -133,7 +134,7 @@ React keys must be passed directly to JSX without using spread:
   padding: 0 4px;
 `,$p=Y($.Tab)`
   display: flex;
-  min-height: 2.5rem;
+  min-height: 1.5rem;
   padding: 0px 12px;
   justify-content: center;
   align-items: center;
@@ -164,7 +165,7 @@ React keys must be passed directly to JSX without using spread:
   gap: 4px;
   border-radius: 50%;
   background: var(--color-error-100);
-`;function Zl({value:e,onChange:t,tabs:n,variant:r}){return E.jsx(Vp,{value:e,onChange:t,variant:r||"scrollable",scrollButtons:!1,sx:{width:r==="fullWidth"?"100%":"fit-content"},classes:{indicator:"tab-indicator"},children:n==null?void 0:n.map(({value:i,label:a,count:o=0})=>E.jsx($p,{label:E.jsxs(Up,{children:[E.jsx(Ae,{value:a,size:"sm",weight:"bold",color:e===i?"var(--color-grey-110)":"var(--color-grey-80)"}),o>0&&E.jsx(Hp,{children:E.jsx(Ae,{value:o.toString(),size:"xs",weight:"semi",color:"var(--color-white)"})})]}),value:i,classes:{selected:"selected-tab"}},a))})}function zp(e){V.useLayoutEffect(()=>(e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)),[e])}const Wp=Y(({className:e,...t})=>E.jsx($.Tooltip,{...t,classes:{popper:e}}))(({theme:e})=>({"& .MuiTooltip-tooltip":{backgroundColor:"var(--color-grey-110)",color:"var(--color-white)",fontSize:"14px",borderRadius:"12px",padding:"8px 16px",boxShadow:"0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03)",maxHeight:"450px",overflow:"auto",maxWidth:"100%",wordBreak:"break-all"}}));function Ho(e){const{placement:t="bottom-start",enterDelay:n=800,enterNextDelay:r=800,textId:i,...a}=e,[o,s]=V.useState(!1);return zp(()=>{if(i){const c=document.getElementById(i),u=(c==null?void 0:c.scrollWidth)||0,f=(c==null?void 0:c.clientWidth)||0,d=(c==null?void 0:c.scrollHeight)||0,p=(c==null?void 0:c.clientHeight)||0,x=u>f||d>p;s(x)}else s(!0)}),E.jsx(Wp,{interactive:!0,disableHoverListener:!o,placement:t,enterNextDelay:r,enterDelay:n,disableInteractive:!0,...a})}function Ae({value:e,size:t,weight:n,shouldTruncate:r,...i}){const a=()=>{let u="14px";switch(t){case"xxs":u="10px";break;case"xs":u="12px";break;case"sm":u="14px";break;case"md":u="16px";break;case"lg":u="18px";break;case"xl":u="20px";break;case"xxl":u="24px";break;case"heading":u="30px";break;case"headingXL":u="36px";break}return i.fontSize?i.fontSize:u},o=()=>{let u=400;switch(n){case"medium":u=500;break;case"semi":u=600;break;case"bold":u=700;break;case"extra":u=800;break}return u},s=()=>{let u="20px";switch(t){case"xxs":u="16px";break;case"xs":u="18px";break;case"sm":u="20px";break;case"md":u="22px";break;case"lg":u="24px";break;case"xl":u="26px";break;case"xxl":u="30px";break;case"heading":u="38px";break;case"headingXL":u="44px";break}return i.lineHeight?i.lineHeight:u},l=()=>{let u="var(--color-grey-110)";return u=i.color?i.color:"var(--color-grey-110)",u},c={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"};return E.jsx($.Typography,{...i,fontSize:a(),fontWeight:o(),color:l(),lineHeight:s(),style:{...i.style,...r?c:{},wordBreak:"break-word"},children:e})}const Kp=Y($.Menu)`
+`;function Zl({value:e,onChange:t,tabs:n,variant:r}){return E.jsx(Vp,{value:e,onChange:t,variant:r||"scrollable",scrollButtons:!1,sx:{width:r==="fullWidth"?"100%":"fit-content"},classes:{indicator:"tab-indicator"},children:n==null?void 0:n.map(({value:i,label:a,count:o=0})=>E.jsx($p,{label:E.jsxs(Up,{children:[E.jsx(Ae,{value:a,size:"xs",weight:"bold",color:e===i?"var(--color-grey-110)":"var(--color-grey-80)"}),o>0&&E.jsx(Hp,{children:E.jsx(Ae,{value:o.toString(),size:"xs",weight:"semi",color:"var(--color-white)"})})]}),value:i,classes:{selected:"selected-tab"}},a))})}function zp(e){V.useLayoutEffect(()=>(e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)),[e])}const Wp=Y(({className:e,...t})=>E.jsx($.Tooltip,{...t,classes:{popper:e}}))(({theme:e})=>({"& .MuiTooltip-tooltip":{backgroundColor:"var(--color-grey-110)",color:"var(--color-white)",fontSize:"14px",borderRadius:"12px",padding:"8px 16px",boxShadow:"0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03)",maxHeight:"450px",overflow:"auto",maxWidth:"100%",wordBreak:"break-all"}}));function Ho(e){const{placement:t="bottom-start",enterDelay:n=800,enterNextDelay:r=800,textId:i,...a}=e,[o,s]=V.useState(!1);return zp(()=>{if(i){const c=document.getElementById(i),u=(c==null?void 0:c.scrollWidth)||0,f=(c==null?void 0:c.clientWidth)||0,d=(c==null?void 0:c.scrollHeight)||0,p=(c==null?void 0:c.clientHeight)||0,x=u>f||d>p;s(x)}else s(!0)}),E.jsx(Wp,{interactive:!0,disableHoverListener:!o,placement:t,enterNextDelay:r,enterDelay:n,disableInteractive:!0,...a})}function Ae({value:e,size:t,weight:n,shouldTruncate:r,...i}){const a=()=>{let u="14px";switch(t){case"xxs":u="10px";break;case"xs":u="12px";break;case"sm":u="14px";break;case"md":u="16px";break;case"lg":u="18px";break;case"xl":u="20px";break;case"xxl":u="24px";break;case"heading":u="30px";break;case"headingXL":u="36px";break}return i.fontSize?i.fontSize:u},o=()=>{let u=400;switch(n){case"medium":u=500;break;case"semi":u=600;break;case"bold":u=700;break;case"extra":u=800;break}return u},s=()=>{let u="20px";switch(t){case"xxs":u="16px";break;case"xs":u="18px";break;case"sm":u="20px";break;case"md":u="22px";break;case"lg":u="24px";break;case"xl":u="26px";break;case"xxl":u="30px";break;case"heading":u="38px";break;case"headingXL":u="44px";break}return i.lineHeight?i.lineHeight:u},l=()=>{let u="var(--color-grey-110)";return u=i.color?i.color:"var(--color-grey-110)",u},c={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"};return E.jsx($.Typography,{...i,fontSize:a(),fontWeight:o(),color:l(),lineHeight:s(),style:{...i.style,...r?c:{},wordBreak:"break-word"},children:e})}const Kp=Y($.Menu)`
   .MuiMenu-paper {
     display: flex;
     padding: 4px;
@@ -780,7 +781,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
     }
   }
 `,c2=({isRec:e,stepCount:t,isMainApp:n})=>E.jsxs(_u,{isMainApp:n,children:[E.jsxs($.Box,{display:"flex",alignItems:"center",gap:1,children:[E.jsx(Ae,{value:"Steps",weight:"semi",size:"lg"}),e&&t>=1&&E.jsx(Hu,{icon:E.jsx(Io,{size:14}),severity:"warning",children:"Reuse existing steps by clicking Add Step button"})]}),E.jsx(Ae,{size:"xs",value:`${t} step${t>1?"s":""}`,color:"var(--color-grey-70)"})]}),Wu=({openCollapse:e,arrowColor:t,...n})=>E.jsx(Ou,{children:n.noCollpase?E.jsx(Io,{color:t,width:14}):E.jsx(Nu,{...n,children:E.jsx(yr,{cursor:"pointer",color:t,size:10,style:{transform:e?"rotate(0deg)":"rotate(-90deg)",transition:"transform 0.125s ease-in-out"}})})}),l2=({showInfoIcon:e=!1,stepType:t,isActive:n=!1,color:r,handleTextClick:i,anchorEl:a,handleMenuClick:o,handleMenuClose:s,menuItems:l,hasInterceptRouteItems:c=!1})=>E.jsxs(Lu,{children:[e&&E.jsx(Il,{size:12}),E.jsx(Ae,{"data-no-dnd":"true",value:t,color:r,weight:"semi",onClick:i,sx:{wordBreak:"initial !important",cursor:"pointer"}}),n&&E.jsxs("span",{className:"rec-indicator",children:[E.jsx("span",{className:"dot"})," Rec"]}),s&&l&&a&&E.jsx(Jl,{onClick:o,handleClose:s,anchorEl:a,items:l,id:"keyword-menu"}),c&&E.jsx("div",{children:E.jsx("img",{src:"./icons/plug_24x24.svg",width:"14px",height:"14px",alt:""})})]}),u2=({splits:e,text:t,setIsVisible:n,showCursor:r})=>E.jsx(Ho,{title:t,enterNextDelay:0,enterDelay:0,children:E.jsx($u,{className:"title-text",children:e.map((i,a)=>i.isVariable?E.jsxs(E.Fragment,{children:[E.jsx(Ae,{className:"title-text",component:"span",sx:{visibility:"hidden"},value:"."}),E.jsx(Ae,{value:i.text,className:"title-text",component:"span",color:"var(--color-success-100)",weight:"medium",sx:{cursor:r?"pointer":"inherit"},onMouseDown:o=>{r||o.stopPropagation()},onClick:o=>{r||(o.stopPropagation(),n==null||n(s=>{const l=s.map(c=>!1);return l[a]=!s[a],l}))}}),E.jsx(Ae,{className:"title-text",component:"span",sx:{visibility:"hidden"},value:"."})]}):E.jsx(Ae,{className:"title-text",value:i.text,component:"span",color:"var(--color-grey-80)",weight:"medium"}))})}),f2=({onCancel:e,value:t,preventedKeys:n,onSave:r,setValue:i})=>E.jsx($.ClickAwayListener,{"data-no-dnd":"true",onClickAway:e,children:E.jsxs(Uu,{"data-no-dnd":"true",children:[E.jsx(Pn,{value:t,name:"",onKeyDown:a=>{a.stopPropagation(),n!=null&&n.includes(a.key)&&a.preventDefault()},onChange:a=>{a.stopPropagation(),i(a.target.value)},fullWidth:!0,minRows:1,multiline:!0,maxRows:5,autoFocus:!0}),E.jsxs($.Box,{display:"flex",gap:.2,mt:.5,children:[E.jsx(vt,{onClick:a=>{a.stopPropagation(),r(t)},size:"small",children:E.jsx(ni,{color:"var(--color-success-100)",size:14})}),E.jsx(vt,{onClick:e,size:"small",children:E.jsx(ti,{color:"var(--color-error-100)",size:14})})]})]})}),d2=e=>{e.stopPropagation()},h2=({wrapperProps:e,iconProps:t,dndProps:n,openCollapse:r,KeywordComponent:i,isEditing:a,SplitTextComponent:o,EditingTextViewComponent:s,ActionComponent:l,warning:c,CollapseContent:u})=>E.jsxs(Iu,{...e,children:[E.jsx(Wu,{...t}),E.jsxs(zu,{children:[E.jsxs(ju,{...n,children:[E.jsxs(Vu,{className:r?"open":"",children:[i,a?s:o]}),E.jsx($.Box,{onClick:d2,"data-no-dnd":"true",display:"flex",alignItems:"start",children:l})]}),c,E.jsx($.Collapse,{in:r,children:u})]})]});function p2(e){if(typeof e!="string")return[];const t=[];let n="",r=!1,i=!1,a=0,o=0;for(let s=0;s<e.length;s++){const l=e[s];if(i){n+=l,i=!1,o++;continue}if(l==="\\"){i=!0,n+=l,o++;continue}if(l==='"'){r?(n+=l,t.push({text:n,startIndex:a,endIndex:o,isVariable:Xr(n)}),n="",r=!1,o++,a=s+1):(n&&t.push({text:n,startIndex:a,endIndex:o,isVariable:Xr(n)}),n=l,r=!0,a=s+1,o++);continue}n+=l,o++}return n&&t.push({text:n,startIndex:a,endIndex:o,isVariable:Xr(n)}),t}const Xr=e=>e.startsWith('"')&&e.endsWith('"'),x2=["Enter","/","{","}","(",")"],m2=["Given","When","Then"],g2=["Given","When","Then","And","But"];function y2(e){const t=e.split(`
-`).map(f=>f.trim());let n="",r="";const i=[];let a=[],o=!1;for(const f of t){if(f.startsWith("Feature:")){n=f.replace("Feature:","").trim();continue}if(f.startsWith("Scenario")){r=f.replace(/^Scenario( Outline)?:/,"").trim();continue}if(f.startsWith("#")){i.push({keyword:"#",text:f.slice(1).trim(),type:"comment"});continue}const d=f.match(/^(Given|When|Then|And|But)\s+(.*)$/);if(d){i.push({keyword:d[1],text:d[2],type:"step"});continue}if(f.startsWith("Examples:")){o=!0;continue}if(o&&f.startsWith("|")){const p=f.split("|").map(x=>x.trim()).filter(Boolean);a.push(p)}}const s=a[0]??[],c=a.slice(1).map((f,d)=>({datasetId:d,data:s.map((p,x)=>({key:p,value:f[x],allowDeletion:!0,mask:!1}))})),u=i.map((f,d)=>({...f,stepId:`step-${d}`}));return{featureName:n,scenarioName:r,steps:u,params:c}}function v2(e){const{featureName:t,scenarioName:n,steps:r,params:i}=e,a=[],o="    ",s=i&&i.length>0,l=s?"Scenario Outline":"Scenario";a.push(`${l}: ${n}`),a.push("");for(const c of r){if(c.type==="comment"){a.push(`${o}# ${c.text}`);continue}if(c.type==="step"){a.push(`${o}${c.keyword} ${c.text}`);continue}}if(s&&(a.push(""),a.push(`${o}Examples:`),i.length>0)){const c=i[0].data.map(p=>p.key||""),u=i.map(p=>p.data.map(x=>x.value||"")),f=c.map((p,x)=>Math.max(p.length,...u.map(h=>h[x].length))),d=p=>`${o}  | `+p.map((x,h)=>x.padEnd(f[h]," ")).join(" | ")+" |";a.push(d(c)),u.forEach(p=>a.push(d(p)))}return a.join(`
+`).map(f=>f.trim());let n="",r="";const i=[];let a=[],o=!1;for(const f of t){if(f.startsWith("Feature:")){n=f.replace("Feature:","").trim();continue}if(f.startsWith("Scenario")){r=f.replace(/^Scenario( Outline)?:/,"").trim();continue}if(f.startsWith("#")){i.push({keyword:"#",text:f.slice(1).trim(),type:"comment"});continue}const d=f.match(/^(Given|When|Then|And|But)\s+(.*)$/);if(d){i.push({keyword:d[1],text:d[2],type:"step"});continue}if(f.startsWith("Examples:")){o=!0;continue}if(o&&f.startsWith("|")){const p=f.split("|").slice(1,-1).map(x=>x.trim());a.push(p)}}const s=a[0]??[],c=a.slice(1).map((f,d)=>({datasetId:d,data:s.map((p,x)=>({key:p,value:f[x],allowDeletion:!0,mask:!1}))})),u=i.map((f,d)=>({...f,stepId:`step-${d}`}));return{featureName:n,scenarioName:r,steps:u,params:c}}function v2(e){const{featureName:t,scenarioName:n,steps:r,params:i}=e,a=[],o="    ",s=i&&i.length>0,l=s?"Scenario Outline":"Scenario";a.push(`${l}: ${n}`),a.push("");for(const c of r){if(c.type==="comment"){a.push(`${o}# ${c.text}`);continue}if(c.type==="step"){a.push(`${o}${c.keyword} ${c.text}`);continue}}if(s&&(a.push(""),a.push(`${o}Examples:`),i.length>0)){const c=i[0].data.map(p=>p.key||""),u=i.map(p=>p.data.map(x=>x.value||"")),f=c.map((p,x)=>Math.max(p.length,...u.map(h=>h[x].length))),d=p=>`${o}  | `+p.map((x,h)=>x.padEnd(f[h]," ")).join(" | ")+" |";a.push(d(c)),u.forEach(p=>a.push(d(p)))}return a.join(`
 `)}const es=V.createContext({});function Ri(e){const t=V.useRef(null);return t.current===null&&(t.current=e()),t.current}const ts=typeof window<"u",Ku=ts?V.useLayoutEffect:V.useEffect,ki=V.createContext(null);function ns(e,t){e.indexOf(t)===-1&&e.push(t)}function rs(e,t){const n=e.indexOf(t);n>-1&&e.splice(n,1)}const Mt=(e,t,n)=>n>t?t:n<e?e:n;function lo(e,t){return t?`${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}`:e}let _n=()=>{},_t=()=>{};process.env.NODE_ENV!=="production"&&(_n=(e,t,n)=>{!e&&typeof console<"u"&&console.warn(lo(t,n))},_t=(e,t,n)=>{if(!e)throw new Error(lo(t,n))});const It={},Gu=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);function Yu(e){return typeof e=="object"&&e!==null}const qu=e=>/^0[^.\s]+$/u.test(e);function is(e){let t;return()=>(t===void 0&&(t=e()),t)}const ot=e=>e,b2=(e,t)=>n=>t(e(n)),Sr=(...e)=>e.reduce(b2),fr=(e,t,n)=>{const r=t-e;return r===0?1:(n-e)/r};class as{constructor(){this.subscriptions=[]}add(t){return ns(this.subscriptions,t),()=>rs(this.subscriptions,t)}notify(t,n,r){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](t,n,r);else for(let a=0;a<i;a++){const o=this.subscriptions[a];o&&o(t,n,r)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const xt=e=>e*1e3,at=e=>e/1e3;function Xu(e,t){return t?e*(1e3/t):0}const pc=new Set;function os(e,t,n){e||pc.has(t)||(console.warn(lo(t,n)),pc.add(t))}const Zu=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e,C2=1e-7,A2=12;function E2(e,t,n,r,i){let a,o,s=0;do o=t+(n-t)/2,a=Zu(o,r,i)-e,a>0?n=o:t=o;while(Math.abs(a)>C2&&++s<A2);return o}function wr(e,t,n,r){if(e===t&&n===r)return ot;const i=a=>E2(a,0,1,e,n);return a=>a===0||a===1?a:Zu(i(a),t,r)}const Ju=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,Qu=e=>t=>1-e(1-t),ef=wr(.33,1.53,.69,.99),ss=Qu(ef),tf=Ju(ss),nf=e=>(e*=2)<1?.5*ss(e):.5*(2-Math.pow(2,-10*(e-1))),cs=e=>1-Math.sin(Math.acos(e)),rf=Qu(cs),af=Ju(cs),S2=wr(.42,0,1,1),w2=wr(0,0,.58,1),of=wr(.42,0,.58,1),B2=e=>Array.isArray(e)&&typeof e[0]!="number",sf=e=>Array.isArray(e)&&typeof e[0]=="number",xc={linear:ot,easeIn:S2,easeInOut:of,easeOut:w2,circIn:cs,circInOut:af,circOut:rf,backIn:ss,backInOut:tf,backOut:ef,anticipate:nf},D2=e=>typeof e=="string",mc=e=>{if(sf(e)){_t(e.length===4,"Cubic bezier arrays must contain four numerical values.","cubic-bezier-length");const[t,n,r,i]=e;return wr(t,n,r,i)}else if(D2(e))return _t(xc[e]!==void 0,`Invalid easing type '${e}'`,"invalid-easing-type"),xc[e];return e},Ur=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"],gc={value:null,addProjectionMetrics:null};function T2(e,t){let n=new Set,r=new Set,i=!1,a=!1;const o=new WeakSet;let s={delta:0,timestamp:0,isProcessing:!1},l=0;function c(f){o.has(f)&&(u.schedule(f),e()),l++,f(s)}const u={schedule:(f,d=!1,p=!1)=>{const h=p&&i?n:r;return d&&o.add(f),h.has(f)||h.add(f),f},cancel:f=>{r.delete(f),o.delete(f)},process:f=>{if(s=f,i){a=!0;return}i=!0,[n,r]=[r,n],n.forEach(c),t&&gc.value&&gc.value.frameloop[t].push(l),l=0,n.clear(),i=!1,a&&(a=!1,u.process(f))}};return u}const F2=40;function cf(e,t){let n=!1,r=!0;const i={delta:0,timestamp:0,isProcessing:!1},a=()=>n=!0,o=Ur.reduce((y,C)=>(y[C]=T2(a,t?C:void 0),y),{}),{setup:s,read:l,resolveKeyframes:c,preUpdate:u,update:f,preRender:d,render:p,postRender:x}=o,h=()=>{const y=It.useManualTiming?i.timestamp:performance.now();n=!1,It.useManualTiming||(i.delta=r?1e3/60:Math.max(Math.min(y-i.timestamp,F2),1)),i.timestamp=y,i.isProcessing=!0,s.process(i),l.process(i),c.process(i),u.process(i),f.process(i),d.process(i),p.process(i),x.process(i),i.isProcessing=!1,n&&t&&(r=!1,e(h))},v=()=>{n=!0,r=!0,i.isProcessing||e(h)};return{schedule:Ur.reduce((y,C)=>{const A=o[C];return y[C]=(S,w=!1,T=!1)=>(n||v(),A.schedule(S,w,T)),y},{}),cancel:y=>{for(let C=0;C<Ur.length;C++)o[Ur[C]].cancel(y)},state:i,steps:o}}const{schedule:Ee,cancel:Ht,state:je,steps:ja}=cf(typeof requestAnimationFrame<"u"?requestAnimationFrame:ot,!0);let Zr;function P2(){Zr=void 0}const qe={now:()=>(Zr===void 0&&qe.set(je.isProcessing||It.useManualTiming?je.timestamp:performance.now()),Zr),set:e=>{Zr=e,queueMicrotask(P2)}},lf=e=>t=>typeof t=="string"&&t.startsWith(e),ls=lf("--"),R2=lf("var(--"),us=e=>R2(e)?k2.test(e.split("/*")[0].trim()):!1,k2=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,In={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},dr={...In,transform:e=>Mt(0,1,e)},Hr={...In,default:1},ir=e=>Math.round(e*1e5)/1e5,fs=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function M2(e){return e==null}const _2=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,ds=(e,t)=>n=>!!(typeof n=="string"&&_2.test(n)&&n.startsWith(e)||t&&!M2(n)&&Object.prototype.hasOwnProperty.call(n,t)),uf=(e,t,n)=>r=>{if(typeof r!="string")return r;const[i,a,o,s]=r.match(fs);return{[e]:parseFloat(i),[t]:parseFloat(a),[n]:parseFloat(o),alpha:s!==void 0?parseFloat(s):1}},I2=e=>Mt(0,255,e),La={...In,transform:e=>Math.round(I2(e))},tn={test:ds("rgb","red"),parse:uf("red","green","blue"),transform:({red:e,green:t,blue:n,alpha:r=1})=>"rgba("+La.transform(e)+", "+La.transform(t)+", "+La.transform(n)+", "+ir(dr.transform(r))+")"};function O2(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}}const uo={test:ds("#"),parse:O2,transform:tn.transform},Br=e=>({test:t=>typeof t=="string"&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),Lt=Br("deg"),wt=Br("%"),ie=Br("px"),N2=Br("vh"),j2=Br("vw"),yc={...wt,parse:e=>wt.parse(e)/100,transform:e=>wt.transform(e*100)},bn={test:ds("hsl","hue"),parse:uf("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>"hsla("+Math.round(e)+", "+wt.transform(ir(t))+", "+wt.transform(ir(n))+", "+ir(dr.transform(r))+")"},_e={test:e=>tn.test(e)||uo.test(e)||bn.test(e),parse:e=>tn.test(e)?tn.parse(e):bn.test(e)?bn.parse(e):uo.parse(e),transform:e=>typeof e=="string"?e:e.hasOwnProperty("red")?tn.transform(e):bn.transform(e),getAnimatableNone:e=>{const t=_e.parse(e);return t.alpha=0,_e.transform(t)}},L2=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function V2(e){var t,n;return isNaN(e)&&typeof e=="string"&&(((t=e.match(fs))==null?void 0:t.length)||0)+(((n=e.match(L2))==null?void 0:n.length)||0)>0}const ff="number",df="color",$2="var",U2="var(",vc="${}",H2=/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 hr(e){const t=e.toString(),n=[],r={color:[],number:[],var:[]},i=[];let a=0;const s=t.replace(H2,l=>(_e.test(l)?(r.color.push(a),i.push(df),n.push(_e.parse(l))):l.startsWith(U2)?(r.var.push(a),i.push($2),n.push(l)):(r.number.push(a),i.push(ff),n.push(parseFloat(l))),++a,vc)).split(vc);return{values:n,split:s,indexes:r,types:i}}function hf(e){return hr(e).values}function pf(e){const{split:t,types:n}=hr(e),r=t.length;return i=>{let a="";for(let o=0;o<r;o++)if(a+=t[o],i[o]!==void 0){const s=n[o];s===ff?a+=ir(i[o]):s===df?a+=_e.transform(i[o]):a+=i[o]}return a}}const z2=e=>typeof e=="number"?0:_e.test(e)?_e.getAnimatableNone(e):e;function W2(e){const t=hf(e);return pf(e)(t.map(z2))}const zt={test:V2,parse:hf,createTransformer:pf,getAnimatableNone:W2};function Va(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function K2({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{const s=n<.5?n*(1+t):n+t-n*t,l=2*n-s;i=Va(l,s,e+1/3),a=Va(l,s,e),o=Va(l,s,e-1/3)}return{red:Math.round(i*255),green:Math.round(a*255),blue:Math.round(o*255),alpha:r}}function li(e,t){return n=>n>0?t:e}const we=(e,t,n)=>e+(t-e)*n,$a=(e,t,n)=>{const r=e*e,i=n*(t*t-r)+r;return i<0?0:Math.sqrt(i)},G2=[uo,tn,bn],Y2=e=>G2.find(t=>t.test(e));function bc(e){const t=Y2(e);if(_n(!!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===bn&&(n=K2(n)),n}const Cc=(e,t)=>{const n=bc(e),r=bc(t);if(!n||!r)return li(e,t);const i={...n};return a=>(i.red=$a(n.red,r.red,a),i.green=$a(n.green,r.green,a),i.blue=$a(n.blue,r.blue,a),i.alpha=we(n.alpha,r.alpha,a),tn.transform(i))},fo=new Set(["none","hidden"]);function q2(e,t){return fo.has(e)?n=>n<=0?e:t:n=>n>=1?t:e}function X2(e,t){return n=>we(e,t,n)}function hs(e){return typeof e=="number"?X2:typeof e=="string"?us(e)?li:_e.test(e)?Cc:Q2:Array.isArray(e)?xf:typeof e=="object"?_e.test(e)?Cc:Z2:li}function xf(e,t){const n=[...e],r=n.length,i=e.map((a,o)=>hs(a)(a,t[o]));return a=>{for(let o=0;o<r;o++)n[o]=i[o](a);return n}}function Z2(e,t){const n={...e,...t},r={};for(const i in n)e[i]!==void 0&&t[i]!==void 0&&(r[i]=hs(e[i])(e[i],t[i]));return i=>{for(const a in r)n[a]=r[a](i);return n}}function J2(e,t){const n=[],r={color:0,var:0,number:0};for(let i=0;i<t.values.length;i++){const a=t.types[i],o=e.indexes[a][r[a]],s=e.values[o]??0;n[i]=s,r[a]++}return n}const Q2=(e,t)=>{const n=zt.createTransformer(t),r=hr(e),i=hr(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?fo.has(e)&&!i.values.length||fo.has(t)&&!r.values.length?q2(e,t):Sr(xf(J2(r,i),i.values),n):(_n(!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"),li(e,t))};function mf(e,t,n){return typeof e=="number"&&typeof t=="number"&&typeof n=="number"?we(e,t,n):hs(e)(e,t)}const ey=e=>{const t=({timestamp:n})=>e(n);return{start:(n=!0)=>Ee.update(t,n),stop:()=>Ht(t),now:()=>je.isProcessing?je.timestamp:qe.now()}},gf=(e,t,n=10)=>{let r="";const i=Math.max(Math.round(t/n),2);for(let a=0;a<i;a++)r+=Math.round(e(a/(i-1))*1e4)/1e4+", ";return`linear(${r.substring(0,r.length-2)})`},ui=2e4;function ps(e){let t=0;const n=50;let r=e.next(t);for(;!r.done&&t<ui;)t+=n,r=e.next(t);return t>=ui?1/0:t}function ty(e,t=100,n){const r=n({...e,keyframes:[0,t]}),i=Math.min(ps(r),ui);return{type:"keyframes",ease:a=>r.next(i*a).value/t,duration:at(i)}}const ny=5;function yf(e,t,n){const r=Math.max(t-ny,0);return Xu(n-e(r),t-r)}const Se={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},Ua=.001;function ry({duration:e=Se.duration,bounce:t=Se.bounce,velocity:n=Se.velocity,mass:r=Se.mass}){let i,a;_n(e<=xt(Se.maxDuration),"Spring duration must be 10 seconds or less","spring-duration-limit");let o=1-t;o=Mt(Se.minDamping,Se.maxDamping,o),e=Mt(Se.minDuration,Se.maxDuration,at(e)),o<1?(i=c=>{const u=c*o,f=u*e,d=u-n,p=ho(c,o),x=Math.exp(-f);return Ua-d/p*x},a=c=>{const f=c*o*e,d=f*n+n,p=Math.pow(o,2)*Math.pow(c,2)*e,x=Math.exp(-f),h=ho(Math.pow(c,2),o);return(-i(c)+Ua>0?-1:1)*((d-p)*x)/h}):(i=c=>{const u=Math.exp(-c*e),f=(c-n)*e+1;return-Ua+u*f},a=c=>{const u=Math.exp(-c*e),f=(n-c)*(e*e);return u*f});const s=5/e,l=ay(i,a,s);if(e=xt(e),isNaN(l))return{stiffness:Se.stiffness,damping:Se.damping,duration:e};{const c=Math.pow(l,2)*r;return{stiffness:c,damping:o*2*Math.sqrt(r*c),duration:e}}}const iy=12;function ay(e,t,n){let r=n;for(let i=1;i<iy;i++)r=r-e(r)/t(r);return r}function ho(e,t){return e*Math.sqrt(1-t*t)}const oy=["duration","bounce"],sy=["stiffness","damping","mass"];function Ac(e,t){return t.some(n=>e[n]!==void 0)}function cy(e){let t={velocity:Se.velocity,stiffness:Se.stiffness,damping:Se.damping,mass:Se.mass,isResolvedFromDuration:!1,...e};if(!Ac(e,sy)&&Ac(e,oy))if(e.visualDuration){const n=e.visualDuration,r=2*Math.PI/(n*1.2),i=r*r,a=2*Mt(.05,1,1-(e.bounce||0))*Math.sqrt(i);t={...t,mass:Se.mass,stiffness:i,damping:a}}else{const n=ry(e);t={...t,...n,mass:Se.mass},t.isResolvedFromDuration=!0}return t}function fi(e=Se.visualDuration,t=Se.bounce){const n=typeof e!="object"?{visualDuration:e,keyframes:[0,1],bounce:t}:e;let{restSpeed:r,restDelta:i}=n;const a=n.keyframes[0],o=n.keyframes[n.keyframes.length-1],s={done:!1,value:a},{stiffness:l,damping:c,mass:u,duration:f,velocity:d,isResolvedFromDuration:p}=cy({...n,velocity:-at(n.velocity||0)}),x=d||0,h=c/(2*Math.sqrt(l*u)),v=o-a,b=at(Math.sqrt(l/u)),g=Math.abs(v)<5;r||(r=g?Se.restSpeed.granular:Se.restSpeed.default),i||(i=g?Se.restDelta.granular:Se.restDelta.default);let y;if(h<1){const A=ho(b,h);y=S=>{const w=Math.exp(-h*b*S);return o-w*((x+h*b*v)/A*Math.sin(A*S)+v*Math.cos(A*S))}}else if(h===1)y=A=>o-Math.exp(-b*A)*(v+(x+b*v)*A);else{const A=b*Math.sqrt(h*h-1);y=S=>{const w=Math.exp(-h*b*S),T=Math.min(A*S,300);return o-w*((x+h*b*v)*Math.sinh(T)+A*v*Math.cosh(T))/A}}const C={calculatedDuration:p&&f||null,next:A=>{const S=y(A);if(p)s.done=A>=f;else{let w=A===0?x:0;h<1&&(w=A===0?xt(x):yf(y,A,S));const T=Math.abs(w)<=r,k=Math.abs(o-S)<=i;s.done=T&&k}return s.value=s.done?o:S,s},toString:()=>{const A=Math.min(ps(C),ui),S=gf(w=>C.next(A*w).value,A,30);return A+"ms "+S},toTransition:()=>{}};return C}fi.applyToOptions=e=>{const t=ty(e,100,fi);return e.ease=t.ease,e.duration=xt(t.duration),e.type="keyframes",e};function po({keyframes:e,velocity:t=0,power:n=.8,timeConstant:r=325,bounceDamping:i=10,bounceStiffness:a=500,modifyTarget:o,min:s,max:l,restDelta:c=.5,restSpeed:u}){const f=e[0],d={done:!1,value:f},p=T=>s!==void 0&&T<s||l!==void 0&&T>l,x=T=>s===void 0?l:l===void 0||Math.abs(s-T)<Math.abs(l-T)?s:l;let h=n*t;const v=f+h,b=o===void 0?v:o(v);b!==v&&(h=b-f);const g=T=>-h*Math.exp(-T/r),y=T=>b+g(T),C=T=>{const k=g(T),m=y(T);d.done=Math.abs(k)<=c,d.value=d.done?b:m};let A,S;const w=T=>{p(d.value)&&(A=T,S=fi({keyframes:[d.value,x(d.value)],velocity:yf(y,T,d.value),damping:i,stiffness:a,restDelta:c,restSpeed:u}))};return w(0),{calculatedDuration:null,next:T=>{let k=!1;return!S&&A===void 0&&(k=!0,C(T),w(T)),A!==void 0&&T>=A?S.next(T-A):(!k&&C(T),d)}}}function ly(e,t,n){const r=[],i=n||It.mix||mf,a=e.length-1;for(let o=0;o<a;o++){let s=i(e[o],e[o+1]);if(t){const l=Array.isArray(t)?t[o]||ot:t;s=Sr(l,s)}r.push(s)}return r}function uy(e,t,{clamp:n=!0,ease:r,mixer:i}={}){const a=e.length;if(_t(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];const o=e[0]===e[1];e[0]>e[a-1]&&(e=[...e].reverse(),t=[...t].reverse());const s=ly(t,r,i),l=s.length,c=u=>{if(o&&u<e[0])return t[0];let f=0;if(l>1)for(;f<e.length-2&&!(u<e[f+1]);f++);const d=fr(e[f],e[f+1],u);return s[f](d)};return n?u=>c(Mt(e[0],e[a-1],u)):c}function fy(e,t){const n=e[e.length-1];for(let r=1;r<=t;r++){const i=fr(0,t,r);e.push(we(n,1,i))}}function dy(e){const t=[0];return fy(t,e.length-1),t}function hy(e,t){return e.map(n=>n*t)}function py(e,t){return e.map(()=>t||of).splice(0,e.length-1)}function Cn({duration:e=300,keyframes:t,times:n,ease:r="easeInOut"}){const i=B2(r)?r.map(mc):mc(r),a={done:!1,value:t[0]},o=hy(n&&n.length===t.length?n:dy(t),e),s=uy(o,t,{ease:Array.isArray(i)?i:py(t,i)});return{calculatedDuration:e,next:l=>(a.value=s(l),a.done=l>=e,a)}}const xy=e=>e!==null;function xs(e,{repeat:t,repeatType:n="loop"},r,i=1){const a=e.filter(xy),s=i<0||t&&n!=="loop"&&t%2===1?0:a.length-1;return!s||r===void 0?a[s]:r}const my={decay:po,inertia:po,tween:Cn,keyframes:Cn,spring:fi};function vf(e){typeof e.type=="string"&&(e.type=my[e.type])}class ms{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(t=>{this.resolve=t})}notifyFinished(){this.resolve()}then(t,n){return this.finished.then(t,n)}}const gy=e=>e/100;class gs extends ms{constructor(t){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{var r,i;const{motionValue:n}=this.options;n&&n.updatedAt!==qe.now()&&this.tick(qe.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),(i=(r=this.options).onStop)==null||i.call(r))},this.options=t,this.initAnimation(),this.play(),t.autoplay===!1&&this.pause()}initAnimation(){const{options:t}=this;vf(t);const{type:n=Cn,repeat:r=0,repeatDelay:i=0,repeatType:a,velocity:o=0}=t;let{keyframes:s}=t;const l=n||Cn;process.env.NODE_ENV!=="production"&&l!==Cn&&_t(s.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${s}`,"spring-two-frames"),l!==Cn&&typeof s[0]!="number"&&(this.mixKeyframes=Sr(gy,mf(s[0],s[1])),s=[0,100]);const c=l({...t,keyframes:s});a==="mirror"&&(this.mirroredGenerator=l({...t,keyframes:[...s].reverse(),velocity:-o})),c.calculatedDuration===null&&(c.calculatedDuration=ps(c));const{calculatedDuration:u}=c;this.calculatedDuration=u,this.resolvedDuration=u+i,this.totalDuration=this.resolvedDuration*(r+1)-i,this.generator=c}updateTime(t){const n=Math.round(t-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=n}tick(t,n=!1){const{generator:r,totalDuration:i,mixKeyframes:a,mirroredGenerator:o,resolvedDuration:s,calculatedDuration:l}=this;if(this.startTime===null)return r.next(0);const{delay:c=0,keyframes:u,repeat:f,repeatType:d,repeatDelay:p,type:x,onUpdate:h,finalKeyframe:v}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,t):this.speed<0&&(this.startTime=Math.min(t-i/this.speed,this.startTime)),n?this.currentTime=t:this.updateTime(t);const b=this.currentTime-c*(this.playbackSpeed>=0?1:-1),g=this.playbackSpeed>=0?b<0:b>i;this.currentTime=Math.max(b,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=i);let y=this.currentTime,C=r;if(f){const T=Math.min(this.currentTime,i)/s;let k=Math.floor(T),m=T%1;!m&&T>=1&&(m=1),m===1&&k--,k=Math.min(k,f+1),!!(k%2)&&(d==="reverse"?(m=1-m,p&&(m-=p/s)):d==="mirror"&&(C=o)),y=Mt(0,1,m)*s}const A=g?{done:!1,value:u[0]}:C.next(y);a&&(A.value=a(A.value));let{done:S}=A;!g&&l!==null&&(S=this.playbackSpeed>=0?this.currentTime>=i:this.currentTime<=0);const w=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&S);return w&&x!==po&&(A.value=xs(u,this.options,v,this.speed)),h&&h(A.value),w&&this.finish(),A}then(t,n){return this.finished.then(t,n)}get duration(){return at(this.calculatedDuration)}get iterationDuration(){const{delay:t=0}=this.options||{};return this.duration+at(t)}get time(){return at(this.currentTime)}set time(t){var n;t=xt(t),this.currentTime=t,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=t:this.driver&&(this.startTime=this.driver.now()-t/this.playbackSpeed),(n=this.driver)==null||n.start(!1)}get speed(){return this.playbackSpeed}set speed(t){this.updateTime(qe.now());const n=this.playbackSpeed!==t;this.playbackSpeed=t,n&&(this.time=at(this.currentTime))}play(){var i,a;if(this.isStopped)return;const{driver:t=ey,startTime:n}=this.options;this.driver||(this.driver=t(o=>this.tick(o))),(a=(i=this.options).onPlay)==null||a.call(i);const r=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=r):this.holdTime!==null?this.startTime=r-this.holdTime:this.startTime||(this.startTime=n??r),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(qe.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){var t,n;this.notifyFinished(),this.teardown(),this.state="finished",(n=(t=this.options).onComplete)==null||n.call(t)}cancel(){var t,n;this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),(n=(t=this.options).onCancel)==null||n.call(t)}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(t){return this.startTime=0,this.tick(t,!0)}attachTimeline(t){var n;return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),(n=this.driver)==null||n.stop(),t.observe(this)}}function yy(e){for(let t=1;t<e.length;t++)e[t]??(e[t]=e[t-1])}const nn=e=>e*180/Math.PI,xo=e=>{const t=nn(Math.atan2(e[1],e[0]));return mo(t)},vy={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:e=>(Math.abs(e[0])+Math.abs(e[3]))/2,rotate:xo,rotateZ:xo,skewX:e=>nn(Math.atan(e[1])),skewY:e=>nn(Math.atan(e[2])),skew:e=>(Math.abs(e[1])+Math.abs(e[2]))/2},mo=e=>(e=e%360,e<0&&(e+=360),e),Ec=xo,Sc=e=>Math.sqrt(e[0]*e[0]+e[1]*e[1]),wc=e=>Math.sqrt(e[4]*e[4]+e[5]*e[5]),by={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:Sc,scaleY:wc,scale:e=>(Sc(e)+wc(e))/2,rotateX:e=>mo(nn(Math.atan2(e[6],e[5]))),rotateY:e=>mo(nn(Math.atan2(-e[2],e[0]))),rotateZ:Ec,rotate:Ec,skewX:e=>nn(Math.atan(e[4])),skewY:e=>nn(Math.atan(e[1])),skew:e=>(Math.abs(e[1])+Math.abs(e[4]))/2};function go(e){return e.includes("scale")?1:0}function yo(e,t){if(!e||e==="none")return go(t);const n=e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let r,i;if(n)r=by,i=n;else{const s=e.match(/^matrix\(([-\d.e\s,]+)\)$/u);r=vy,i=s}if(!i)return go(t);const a=r[t],o=i[1].split(",").map(Ay);return typeof a=="function"?a(o):o[a]}const Cy=(e,t)=>{const{transform:n="none"}=getComputedStyle(e);return yo(n,t)};function Ay(e){return parseFloat(e.trim())}const On=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Nn=new Set(On),Bc=e=>e===In||e===ie,Ey=new Set(["x","y","z"]),Sy=On.filter(e=>!Ey.has(e));function wy(e){const t=[];return Sy.forEach(n=>{const r=e.getValue(n);r!==void 0&&(t.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))}),t}const an={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})=>yo(t,"x"),y:(e,{transform:t})=>yo(t,"y")};an.translateX=an.x;an.translateY=an.y;const on=new Set;let vo=!1,bo=!1,Co=!1;function bf(){if(bo){const e=Array.from(on).filter(r=>r.needsMeasurement),t=new Set(e.map(r=>r.element)),n=new Map;t.forEach(r=>{const i=wy(r);i.length&&(n.set(r,i),r.render())}),e.forEach(r=>r.measureInitialState()),t.forEach(r=>{r.render();const i=n.get(r);i&&i.forEach(([a,o])=>{var s;(s=r.getValue(a))==null||s.set(o)})}),e.forEach(r=>r.measureEndState()),e.forEach(r=>{r.suspendedScrollY!==void 0&&window.scrollTo(0,r.suspendedScrollY)})}bo=!1,vo=!1,on.forEach(e=>e.complete(Co)),on.clear()}function Cf(){on.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(bo=!0)})}function By(){Co=!0,Cf(),bf(),Co=!1}class ys{constructor(t,n,r,i,a,o=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...t],this.onComplete=n,this.name=r,this.motionValue=i,this.element=a,this.isAsync=o}scheduleResolve(){this.state="scheduled",this.isAsync?(on.add(this),vo||(vo=!0,Ee.read(Cf),Ee.resolveKeyframes(bf))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:t,name:n,element:r,motionValue:i}=this;if(t[0]===null){const a=i==null?void 0:i.get(),o=t[t.length-1];if(a!==void 0)t[0]=a;else if(r&&n){const s=r.readValue(n,o);s!=null&&(t[0]=s)}t[0]===void 0&&(t[0]=o),i&&a===void 0&&i.set(t[0])}yy(t)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(t=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,t),on.delete(this)}cancel(){this.state==="scheduled"&&(on.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const Dy=e=>e.startsWith("--");function Ty(e,t,n){Dy(t)?e.style.setProperty(t,n):e.style[t]=n}const Fy=is(()=>window.ScrollTimeline!==void 0),Py={};function Ry(e,t){const n=is(e);return()=>Py[t]??n()}const Af=Ry(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),nr=([e,t,n,r])=>`cubic-bezier(${e}, ${t}, ${n}, ${r})`,Dc={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:nr([0,.65,.55,1]),circOut:nr([.55,0,1,.45]),backIn:nr([.31,.01,.66,-.59]),backOut:nr([.33,1.53,.69,.99])};function Ef(e,t){if(e)return typeof e=="function"?Af()?gf(e,t):"ease-out":sf(e)?nr(e):Array.isArray(e)?e.map(n=>Ef(n,t)||Dc.easeOut):Dc[e]}function ky(e,t,n,{delay:r=0,duration:i=300,repeat:a=0,repeatType:o="loop",ease:s="easeOut",times:l}={},c=void 0){const u={[t]:n};l&&(u.offset=l);const f=Ef(s,i);Array.isArray(f)&&(u.easing=f);const d={delay:r,duration:i,easing:Array.isArray(f)?"linear":f,fill:"both",iterations:a+1,direction:o==="reverse"?"alternate":"normal"};return c&&(d.pseudoElement=c),e.animate(u,d)}function Sf(e){return typeof e=="function"&&"applyToOptions"in e}function My({type:e,...t}){return Sf(e)&&Af()?e.applyToOptions(t):(t.duration??(t.duration=300),t.ease??(t.ease="easeOut"),t)}class _y extends ms{constructor(t){if(super(),this.finishedTime=null,this.isStopped=!1,!t)return;const{element:n,name:r,keyframes:i,pseudoElement:a,allowFlatten:o=!1,finalKeyframe:s,onComplete:l}=t;this.isPseudoElement=!!a,this.allowFlatten=o,this.options=t,_t(typeof t.type!="string",`Mini animate() doesn't support "type" as a string.`,"mini-spring");const c=My(t);this.animation=ky(n,r,i,c,a),c.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!a){const u=xs(i,this.options,s,this.speed);this.updateMotionValue?this.updateMotionValue(u):Ty(n,r,u),this.animation.cancel()}l==null||l(),this.notifyFinished()}}play(){this.isStopped||(this.animation.play(),this.state==="finished"&&this.updateFinished())}pause(){this.animation.pause()}complete(){var t,n;(n=(t=this.animation).finish)==null||n.call(t)}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;const{state:t}=this;t==="idle"||t==="finished"||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){var t,n;this.isPseudoElement||(n=(t=this.animation).commitStyles)==null||n.call(t)}get duration(){var n,r;const t=((r=(n=this.animation.effect)==null?void 0:n.getComputedTiming)==null?void 0:r.call(n).duration)||0;return at(Number(t))}get iterationDuration(){const{delay:t=0}=this.options||{};return this.duration+at(t)}get time(){return at(Number(this.animation.currentTime)||0)}set time(t){this.finishedTime=null,this.animation.currentTime=xt(t)}get speed(){return this.animation.playbackRate}set speed(t){t<0&&(this.finishedTime=null),this.animation.playbackRate=t}get state(){return this.finishedTime!==null?"finished":this.animation.playState}get startTime(){return Number(this.animation.startTime)}set startTime(t){this.animation.startTime=t}attachTimeline({timeline:t,observe:n}){var r;return this.allowFlatten&&((r=this.animation.effect)==null||r.updateTiming({easing:"linear"})),this.animation.onfinish=null,t&&Fy()?(this.animation.timeline=t,ot):n(this)}}const wf={anticipate:nf,backInOut:tf,circInOut:af};function Iy(e){return e in wf}function Oy(e){typeof e.ease=="string"&&Iy(e.ease)&&(e.ease=wf[e.ease])}const Tc=10;class Ny extends _y{constructor(t){Oy(t),vf(t),super(t),t.startTime&&(this.startTime=t.startTime),this.options=t}updateMotionValue(t){const{motionValue:n,onUpdate:r,onComplete:i,element:a,...o}=this.options;if(!n)return;if(t!==void 0){n.set(t);return}const s=new gs({...o,autoplay:!1}),l=xt(this.finishedTime??this.time);n.setWithVelocity(s.sample(l-Tc).value,s.sample(l).value,Tc),s.stop()}}const Fc=(e,t)=>t==="zIndex"?!1:!!(typeof e=="number"||Array.isArray(e)||typeof e=="string"&&(zt.test(e)||e==="0")&&!e.startsWith("url("));function jy(e){const t=e[0];if(e.length===1)return!0;for(let n=0;n<e.length;n++)if(e[n]!==t)return!0}function Ly(e,t,n,r){const i=e[0];if(i===null)return!1;if(t==="display"||t==="visibility")return!0;const a=e[e.length-1],o=Fc(i,t),s=Fc(a,t);return _n(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:jy(e)||(n==="spring"||Sf(n))&&r}function Ao(e){e.duration=0,e.type="keyframes"}const Vy=new Set(["opacity","clipPath","filter","transform"]),$y=is(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function Uy(e){var u;const{motionValue:t,name:n,repeatDelay:r,repeatType:i,damping:a,type:o}=e;if(!(((u=t==null?void 0:t.owner)==null?void 0:u.current)instanceof HTMLElement))return!1;const{onUpdate:l,transformTemplate:c}=t.owner.getProps();return $y()&&n&&Vy.has(n)&&(n!=="transform"||!c)&&!l&&!r&&i!=="mirror"&&a!==0&&o!=="inertia"}const Hy=40;class zy extends ms{constructor({autoplay:t=!0,delay:n=0,type:r="keyframes",repeat:i=0,repeatDelay:a=0,repeatType:o="loop",keyframes:s,name:l,motionValue:c,element:u,...f}){var x;super(),this.stop=()=>{var h,v;this._animation&&(this._animation.stop(),(h=this.stopTimeline)==null||h.call(this)),(v=this.keyframeResolver)==null||v.cancel()},this.createdAt=qe.now();const d={autoplay:t,delay:n,type:r,repeat:i,repeatDelay:a,repeatType:o,name:l,motionValue:c,element:u,...f},p=(u==null?void 0:u.KeyframeResolver)||ys;this.keyframeResolver=new p(s,(h,v,b)=>this.onKeyframesResolved(h,v,d,!b),l,c,u),(x=this.keyframeResolver)==null||x.scheduleResolve()}onKeyframesResolved(t,n,r,i){this.keyframeResolver=void 0;const{name:a,type:o,velocity:s,delay:l,isHandoff:c,onUpdate:u}=r;this.resolvedAt=qe.now(),Ly(t,a,o,s)||((It.instantAnimations||!l)&&(u==null||u(xs(t,r,n))),t[0]=t[t.length-1],Ao(r),r.repeat=0);const d={startTime:i?this.resolvedAt?this.resolvedAt-this.createdAt>Hy?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:n,...r,keyframes:t},p=!c&&Uy(d)?new Ny({...d,element:d.motionValue.owner.current}):new gs(d);p.finished.then(()=>this.notifyFinished()).catch(ot),this.pendingTimeline&&(this.stopTimeline=p.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=p}get finished(){return this._animation?this.animation.finished:this._finished}then(t,n){return this.finished.finally(t).then(()=>{})}get animation(){var t;return this._animation||((t=this.keyframeResolver)==null||t.resume(),By()),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(t){this.animation.time=t}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(t){this.animation.speed=t}get startTime(){return this.animation.startTime}attachTimeline(t){return this._animation?this.stopTimeline=this.animation.attachTimeline(t):this.pendingTimeline=t,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){var t;this._animation&&this.animation.cancel(),(t=this.keyframeResolver)==null||t.cancel()}}const Wy=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function Ky(e){const t=Wy.exec(e);if(!t)return[,];const[,n,r,i]=t;return[`--${n??r}`,i]}const Gy=4;function Bf(e,t,n=1){_t(n<=Gy,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`,"max-css-var-depth");const[r,i]=Ky(e);if(!r)return;const a=window.getComputedStyle(t).getPropertyValue(r);if(a){const o=a.trim();return Gu(o)?parseFloat(o):o}return us(i)?Bf(i,t,n+1):i}function vs(e,t){return(e==null?void 0:e[t])??(e==null?void 0:e.default)??e}const Df=new Set(["width","height","top","left","right","bottom",...On]),Yy={test:e=>e==="auto",parse:e=>e},Tf=e=>t=>t.test(e),Ff=[In,ie,wt,Lt,j2,N2,Yy],Pc=e=>Ff.find(Tf(e));function qy(e){return typeof e=="number"?e===0:e!==null?e==="none"||e==="0"||qu(e):!0}const Xy=new Set(["brightness","contrast","saturate","opacity"]);function Zy(e){const[t,n]=e.slice(0,-1).split("(");if(t==="drop-shadow")return e;const[r]=n.match(fs)||[];if(!r)return e;const i=n.replace(r,"");let a=Xy.has(t)?1:0;return r!==n&&(a*=100),t+"("+a+i+")"}const Jy=/\b([a-z-]*)\(.*?\)/gu,Eo={...zt,getAnimatableNone:e=>{const t=e.match(Jy);return t?t.map(Zy).join(" "):e}},Rc={...In,transform:Math.round},Qy={rotate:Lt,rotateX:Lt,rotateY:Lt,rotateZ:Lt,scale:Hr,scaleX:Hr,scaleY:Hr,scaleZ:Hr,skew:Lt,skewX:Lt,skewY:Lt,distance:ie,translateX:ie,translateY:ie,translateZ:ie,x:ie,y:ie,z:ie,perspective:ie,transformPerspective:ie,opacity:dr,originX:yc,originY:yc,originZ:ie},bs={borderWidth:ie,borderTopWidth:ie,borderRightWidth:ie,borderBottomWidth:ie,borderLeftWidth:ie,borderRadius:ie,radius:ie,borderTopLeftRadius:ie,borderTopRightRadius:ie,borderBottomRightRadius:ie,borderBottomLeftRadius:ie,width:ie,maxWidth:ie,height:ie,maxHeight:ie,top:ie,right:ie,bottom:ie,left:ie,padding:ie,paddingTop:ie,paddingRight:ie,paddingBottom:ie,paddingLeft:ie,margin:ie,marginTop:ie,marginRight:ie,marginBottom:ie,marginLeft:ie,backgroundPositionX:ie,backgroundPositionY:ie,...Qy,zIndex:Rc,fillOpacity:dr,strokeOpacity:dr,numOctaves:Rc},ev={...bs,color:_e,backgroundColor:_e,outlineColor:_e,fill:_e,stroke:_e,borderColor:_e,borderTopColor:_e,borderRightColor:_e,borderBottomColor:_e,borderLeftColor:_e,filter:Eo,WebkitFilter:Eo},Pf=e=>ev[e];function Rf(e,t){let n=Pf(e);return n!==Eo&&(n=zt),n.getAnimatableNone?n.getAnimatableNone(t):void 0}const tv=new Set(["auto","none","0"]);function nv(e,t,n){let r=0,i;for(;r<e.length&&!i;){const a=e[r];typeof a=="string"&&!tv.has(a)&&hr(a).values.length&&(i=e[r]),r++}if(i&&n)for(const a of t)e[a]=Rf(n,i)}class rv extends ys{constructor(t,n,r,i,a){super(t,n,r,i,a,!0)}readKeyframes(){const{unresolvedKeyframes:t,element:n,name:r}=this;if(!n||!n.current)return;super.readKeyframes();for(let l=0;l<t.length;l++){let c=t[l];if(typeof c=="string"&&(c=c.trim(),us(c))){const u=Bf(c,n.current);u!==void 0&&(t[l]=u),l===t.length-1&&(this.finalKeyframe=c)}}if(this.resolveNoneKeyframes(),!Df.has(r)||t.length!==2)return;const[i,a]=t,o=Pc(i),s=Pc(a);if(o!==s)if(Bc(o)&&Bc(s))for(let l=0;l<t.length;l++){const c=t[l];typeof c=="string"&&(t[l]=parseFloat(c))}else an[r]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){const{unresolvedKeyframes:t,name:n}=this,r=[];for(let i=0;i<t.length;i++)(t[i]===null||qy(t[i]))&&r.push(i);r.length&&nv(t,r,n)}measureInitialState(){const{element:t,unresolvedKeyframes:n,name:r}=this;if(!t||!t.current)return;r==="height"&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=an[r](t.measureViewportBox(),window.getComputedStyle(t.current)),n[0]=this.measuredOrigin;const i=n[n.length-1];i!==void 0&&t.getValue(r,i).jump(i,!1)}measureEndState(){var s;const{element:t,name:n,unresolvedKeyframes:r}=this;if(!t||!t.current)return;const i=t.getValue(n);i&&i.jump(this.measuredOrigin,!1);const a=r.length-1,o=r[a];r[a]=an[n](t.measureViewportBox(),window.getComputedStyle(t.current)),o!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=o),(s=this.removedTransforms)!=null&&s.length&&this.removedTransforms.forEach(([l,c])=>{t.getValue(l).set(c)}),this.resolveNoneKeyframes()}}function iv(e,t,n){if(e instanceof EventTarget)return[e];if(typeof e=="string"){const i=document.querySelectorAll(e);return i?Array.from(i):[]}return Array.from(e)}const kf=(e,t)=>t&&typeof e=="number"?t.transform(e):e;function Mf(e){return Yu(e)&&"offsetHeight"in e}const kc=30,av=e=>!isNaN(parseFloat(e));class ov{constructor(t,n={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=r=>{var a;const i=qe.now();if(this.updatedAt!==i&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(r),this.current!==this.prev&&((a=this.events.change)==null||a.notify(this.current),this.dependents))for(const o of this.dependents)o.dirty()},this.hasAnimated=!1,this.setCurrent(t),this.owner=n.owner}setCurrent(t){this.current=t,this.updatedAt=qe.now(),this.canTrackVelocity===null&&t!==void 0&&(this.canTrackVelocity=av(this.current))}setPrevFrameValue(t=this.current){this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt}onChange(t){return process.env.NODE_ENV!=="production"&&os(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",t)}on(t,n){this.events[t]||(this.events[t]=new as);const r=this.events[t].add(n);return t==="change"?()=>{r(),Ee.read(()=>{this.events.change.getSize()||this.stop()})}:r}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,n){this.passiveEffect=t,this.stopPassiveEffect=n}set(t){this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t)}setWithVelocity(t,n,r){this.set(n),this.prev=void 0,this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt-r}jump(t,n=!0){this.updateAndNotify(t),this.prev=t,this.prevUpdatedAt=this.prevFrameValue=void 0,n&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){var t;(t=this.events.change)==null||t.notify(this.current)}addDependent(t){this.dependents||(this.dependents=new Set),this.dependents.add(t)}removeDependent(t){this.dependents&&this.dependents.delete(t)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const t=qe.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||t-this.updatedAt>kc)return 0;const n=Math.min(this.updatedAt-this.prevUpdatedAt,kc);return Xu(parseFloat(this.current)-parseFloat(this.prevFrameValue),n)}start(t){return this.stop(),new Promise(n=>{this.hasAnimated=!0,this.animation=t(n),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(){var t,n;(t=this.dependents)==null||t.clear(),(n=this.events.destroy)==null||n.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function cn(e,t){return new ov(e,t)}const{schedule:Cs,cancel:b6}=cf(queueMicrotask,!1),ht={x:!1,y:!1};function _f(){return ht.x||ht.y}function sv(e){return e==="x"||e==="y"?ht[e]?null:(ht[e]=!0,()=>{ht[e]=!1}):ht.x||ht.y?null:(ht.x=ht.y=!0,()=>{ht.x=ht.y=!1})}function If(e,t){const n=iv(e),r=new AbortController,i={passive:!0,...t,signal:r.signal};return[n,i,()=>r.abort()]}function Mc(e){return!(e.pointerType==="touch"||_f())}function cv(e,t,n={}){const[r,i,a]=If(e,n),o=s=>{if(!Mc(s))return;const{target:l}=s,c=t(l,s);if(typeof c!="function"||!l)return;const u=f=>{Mc(f)&&(c(f),l.removeEventListener("pointerleave",u))};l.addEventListener("pointerleave",u,i)};return r.forEach(s=>{s.addEventListener("pointerenter",o,i)}),a}const Of=(e,t)=>t?e===t?!0:Of(e,t.parentElement):!1,As=e=>e.pointerType==="mouse"?typeof e.button!="number"||e.button<=0:e.isPrimary!==!1,lv=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function uv(e){return lv.has(e.tagName)||e.tabIndex!==-1}const Jr=new WeakSet;function _c(e){return t=>{t.key==="Enter"&&e(t)}}function Ha(e,t){e.dispatchEvent(new PointerEvent("pointer"+t,{isPrimary:!0,bubbles:!0}))}const fv=(e,t)=>{const n=e.currentTarget;if(!n)return;const r=_c(()=>{if(Jr.has(n))return;Ha(n,"down");const i=_c(()=>{Ha(n,"up")}),a=()=>Ha(n,"cancel");n.addEventListener("keyup",i,t),n.addEventListener("blur",a,t)});n.addEventListener("keydown",r,t),n.addEventListener("blur",()=>n.removeEventListener("keydown",r),t)};function Ic(e){return As(e)&&!_f()}function dv(e,t,n={}){const[r,i,a]=If(e,n),o=s=>{const l=s.currentTarget;if(!Ic(s))return;Jr.add(l);const c=t(l,s),u=(p,x)=>{window.removeEventListener("pointerup",f),window.removeEventListener("pointercancel",d),Jr.has(l)&&Jr.delete(l),Ic(p)&&typeof c=="function"&&c(p,{success:x})},f=p=>{u(p,l===window||l===document||n.useGlobalTarget||Of(l,p.target))},d=p=>{u(p,!1)};window.addEventListener("pointerup",f,i),window.addEventListener("pointercancel",d,i)};return r.forEach(s=>{(n.useGlobalTarget?window:s).addEventListener("pointerdown",o,i),Mf(s)&&(s.addEventListener("focus",c=>fv(c,i)),!uv(s)&&!s.hasAttribute("tabindex")&&(s.tabIndex=0))}),a}function Nf(e){return Yu(e)&&"ownerSVGElement"in e}function hv(e){return Nf(e)&&e.tagName==="svg"}const ze=e=>!!(e&&e.getVelocity),pv=[...Ff,_e,zt],xv=e=>pv.find(Tf(e)),Mi=V.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"});function Oc(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function mv(...e){return t=>{let n=!1;const r=e.map(i=>{const a=Oc(i,t);return!n&&typeof a=="function"&&(n=!0),a});if(n)return()=>{for(let i=0;i<r.length;i++){const a=r[i];typeof a=="function"?a():Oc(e[i],null)}}}}function gv(...e){return Pe.useCallback(mv(...e),e)}class yv extends Pe.Component{getSnapshotBeforeUpdate(t){const n=this.props.childRef.current;if(n&&t.isPresent&&!this.props.isPresent){const r=n.offsetParent,i=Mf(r)&&r.offsetWidth||0,a=this.props.sizeRef.current;a.height=n.offsetHeight||0,a.width=n.offsetWidth||0,a.top=n.offsetTop,a.left=n.offsetLeft,a.right=i-a.width-a.left}return null}componentDidUpdate(){}render(){return this.props.children}}function vv({children:e,isPresent:t,anchorX:n,root:r}){const i=V.useId(),a=V.useRef(null),o=V.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:s}=V.useContext(Mi),l=gv(a,e==null?void 0:e.ref);return V.useInsertionEffect(()=>{const{width:c,height:u,top:f,left:d,right:p}=o.current;if(t||!a.current||!c||!u)return;const x=n==="left"?`left: ${d}`:`right: ${p}`;a.current.dataset.motionPopId=i;const h=document.createElement("style");s&&(h.nonce=s);const v=r??document.head;return v.appendChild(h),h.sheet&&h.sheet.insertRule(`
           [data-motion-pop-id="${i}"] {
             position: absolute !important;

package/dist/index.mjs

@@ -2810,6 +2810,7 @@ o1.forEach(function(e) {
 const s1 = K(Td)``, Mt = ({ size: e = "medium", children: t, ...n }) => /* @__PURE__ */ E.jsx(s1, { size: e, tabIndex: -1, ...n, children: t }), c1 = K(Fd)`
   display: flex;
   align-items: flex-start;
+  min-height: 2rem;
   border-radius: 12px;
   background: var(--color-grey-20);
   .tab-indicator {
@@ -2818,7 +2819,7 @@ const s1 = K(Td)``, Mt = ({ size: e = "medium", children: t, ...n }) => /* @__PU
   padding: 0 4px;
 `, l1 = K(Pd)`
   display: flex;
-  min-height: 2.5rem;
+  min-height: 1.5rem;
   padding: 0px 12px;
   justify-content: center;
   align-items: center;
@@ -2870,7 +2871,7 @@ function d1({ value: e, onChange: t, tabs: n, variant: r }) {
               Se,
               {
                 value: a,
-                size: "sm",
+                size: "xs",
                 weight: "bold",
                 color: e === i ? "var(--color-grey-110)" : "var(--color-grey-80)"
               }
@@ -13637,7 +13638,7 @@ function h3(e) {
       continue;
     }
     if (o && f.startsWith("|")) {
-      const p = f.split("|").map((x) => x.trim()).filter(Boolean);
+      const p = f.split("|").slice(1, -1).map((x) => x.trim());
       a.push(p);
     }
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dev-blinq/ui-systems",
   "description": "this package contains all ui components like button, input, checkbox, colors that blinq.io needs",
-  "version": "1.0.123",
+  "version": "1.0.125",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",