@dev-blinq/ui-systems 1.0.128 → 1.0.130

package/dist/colors.css

@@ -135,4 +135,8 @@
   --color-warning-80: #ffd133;
   --color-warning-100: #ffc500;
   --color-warning-110: #e5b100;
+
+  /* Figma */
+  --light-blue: #dbeaff;
+  --medium-grey: #f3f3f5;
 }

package/dist/components/common/Steps/index.style.d.ts

@@ -177,4 +177,6 @@ export declare const StyledStepTitleWrap: import('@emotion/styled').StyledCompon
     ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
 }, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & {
     theme?: import('@emotion/react').Theme;
+} & {
+    noCollpase?: boolean;
 }, {}, {}>;

package/dist/index.js

@@ -555,13 +555,13 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
   flex-direction: column;
   transform: ${({transform:e})=>e};
   transition: ${({transition:e})=>e};
-  padding: 1px 4px;
+  padding: 2px 4px;
   &:hover {
     background: var(--secondary-lightest);
     border-radius: 6px;
   }
   &.active-step {
-    background: var(--color-primary-20);
+    background: var(--light-blue);
     border-radius: 6px;
   }
 `,Iu=Y.section`
@@ -599,7 +599,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
   --dots-display: none;
   transition: all 0.2s ease;
   opacity: ${({isDragging:e})=>e?.4:1};
-  background-color: ${({isDragging:e})=>e?"var(--secondary-light)":"var(--color-grey-30)"};
+  background-color: ${({isDragging:e})=>e?"var(--secondary-light)":"var(--medium-grey)"};
   padding: 0px;
   &:hover {
     --opacity: 1;
@@ -607,7 +607,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
     --dots-display: flex;
   }
   border-radius: 10px;
- 
 `,Yg=Y.section`
   display: flex;
   align-items: center;
@@ -690,7 +689,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
   border-radius: 16px;
   border: 1px solid var(--color-grey-40);
   background: white;
-  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
+  box-shadow:
+    0px 12px 16px -4px rgba(16, 24, 40, 0.08),
     0px 4px 6px -2px rgba(16, 24, 40, 0.03);
   margin-left: -20px;
   font-weight: 500;
@@ -726,8 +726,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
   fill: #ccc;
   background-color: ${({hasCmdError:e,background:t})=>t||(e?"rgba(251, 218, 211, 1)":"#eee")};
   color: ${({hasCmdError:e,strokeColor:t})=>t||(e?"rgba(234, 70, 33, 1)":"initial")};
-  outline: 1px solid
-    ${({strokeColor:e})=>e||"initial"};
+  outline: 1px solid ${({strokeColor:e})=>e||"initial"};
   border-radius: 12px;
 `,n2=Y.img`
   max-width: inherit;
@@ -782,9 +781,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
     background: var(--color-primary-100); /* dot color */
   }
 `,Hu=Y($.Box)`
-  width: 100%; 
-  display:flex; 
-  align-items: baseline;
+  width: 100%;
+  display: flex;
+  align-items: ${({noCollpase:e})=>e?"flex-start":"baseline"};
   .menu-icon {
     padding: 0;
     opacity: 0;
@@ -794,7 +793,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
       opacity: 1;
     }
   }
-`,c2=({isRec:e,stepCount:t,isMainApp:n})=>A.jsxs(Mu,{isMainApp:n,children:[A.jsxs($.Box,{display:"flex",alignItems:"center",gap:1,children:[A.jsx(be,{value:"Steps",weight:"semi",size:"lg"}),e&&t>=1&&A.jsx(Uu,{icon:A.jsx(Io,{size:14}),severity:"warning",children:"Reuse existing steps by clicking Add Step button"})]}),A.jsx(be,{size:"xs",value:`${t} step${t>1?"s":""}`,color:"var(--color-grey-70)"})]}),zu=({openCollapse:e,arrowColor:t,...n})=>A.jsx(Iu,{children:n.noCollpase?A.jsx(Io,{color:t,width:14}):A.jsx(Ou,{...n,children:A.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})=>A.jsxs(ju,{children:[e&&A.jsx(Il,{size:12}),A.jsx(be,{"data-no-dnd":"true",value:t,color:r,weight:"semi",onClick:i,sx:{wordBreak:"initial !important",cursor:"pointer"}}),n&&A.jsxs("span",{className:"rec-indicator",children:[A.jsx("span",{className:"dot"})," Rec"]}),s&&l&&a&&A.jsx(Jl,{onClick:o,handleClose:s,anchorEl:a,items:l,id:"keyword-menu"}),c&&A.jsx("div",{children:A.jsx("img",{src:"./icons/plug_24x24.svg",width:"14px",height:"14px",alt:""})})]}),u2=({splits:e,text:t,setIsVisible:n,showCursor:r})=>A.jsx(Ho,{title:t,enterNextDelay:0,enterDelay:0,children:A.jsx(Vu,{className:"title-text",children:e.map((i,a)=>i.isVariable?A.jsxs(A.Fragment,{children:[A.jsx(be,{className:"title-text",component:"span",sx:{visibility:"hidden"},value:"."}),A.jsx(be,{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}))}}),A.jsx(be,{className:"title-text",component:"span",sx:{visibility:"hidden"},value:"."})]}):A.jsx(be,{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})=>A.jsx($.ClickAwayListener,{"data-no-dnd":"true",onClickAway:e,children:A.jsxs($u,{"data-no-dnd":"true",children:[A.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}),A.jsxs($.Box,{display:"flex",gap:.2,mt:.5,children:[A.jsx(it,{onClick:a=>{a.stopPropagation(),r(t)},size:"small",children:A.jsx(ni,{color:"var(--color-success-100)",size:14})}),A.jsx(it,{onClick:e,size:"small",children:A.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})=>A.jsxs(_u,{...e,children:[A.jsxs(Hu,{children:[A.jsx(zu,{...t}),A.jsxs(Nu,{...n,children:[A.jsxs(Lu,{className:r?"open":"",children:[i,a?s:o]}),A.jsx($.Box,{onClick:d2,"data-no-dnd":"true",display:"flex",alignItems:"center",children:l})]}),c]}),A.jsx($.Collapse,{in:r,sx:{ml:3},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(`
+`,c2=({isRec:e,stepCount:t,isMainApp:n})=>A.jsxs(Mu,{isMainApp:n,children:[A.jsxs($.Box,{display:"flex",alignItems:"center",gap:1,children:[A.jsx(be,{value:"Steps",weight:"semi",size:"lg"}),e&&t>=1&&A.jsx(Uu,{icon:A.jsx(Io,{size:14}),severity:"warning",children:"Reuse existing steps by clicking Add Step button"})]}),A.jsx(be,{size:"xs",value:`${t} step${t>1?"s":""}`,color:"var(--color-grey-70)"})]}),zu=({openCollapse:e,arrowColor:t,...n})=>A.jsx(Iu,{children:n.noCollpase?A.jsx(Io,{color:t,width:14}):A.jsx(Ou,{...n,children:A.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})=>A.jsxs(ju,{children:[e&&A.jsx(Il,{size:12}),A.jsx(be,{"data-no-dnd":"true",value:t,color:r,weight:"semi",onClick:i,sx:{wordBreak:"initial !important",cursor:"pointer"}}),n&&A.jsxs("span",{className:"rec-indicator",children:[A.jsx("span",{className:"dot"})," Rec"]}),s&&l&&a&&A.jsx(Jl,{onClick:o,handleClose:s,anchorEl:a,items:l,id:"keyword-menu"}),c&&A.jsx("div",{children:A.jsx("img",{src:"./icons/plug_24x24.svg",width:"14px",height:"14px",alt:""})})]}),u2=({splits:e,text:t,setIsVisible:n,showCursor:r})=>A.jsx(Ho,{title:t,enterNextDelay:0,enterDelay:0,children:A.jsx(Vu,{className:"title-text",children:e.map((i,a)=>i.isVariable?A.jsxs(A.Fragment,{children:[A.jsx(be,{className:"title-text",component:"span",sx:{visibility:"hidden"},value:"."}),A.jsx(be,{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}))}}),A.jsx(be,{className:"title-text",component:"span",sx:{visibility:"hidden"},value:"."})]}):A.jsx(be,{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})=>A.jsx($.ClickAwayListener,{"data-no-dnd":"true",onClickAway:e,children:A.jsxs($u,{"data-no-dnd":"true",children:[A.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}),A.jsxs($.Box,{display:"flex",gap:.2,mt:.5,children:[A.jsx(it,{onClick:a=>{a.stopPropagation(),r(t)},size:"small",children:A.jsx(ni,{color:"var(--color-success-100)",size:14})}),A.jsx(it,{onClick:e,size:"small",children:A.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})=>A.jsxs(_u,{...e,children:[A.jsxs(Hu,{noCollpase:t==null?void 0:t.noCollpase,children:[A.jsx(zu,{...t}),A.jsxs(Nu,{...n,children:[A.jsxs(Lu,{className:r?"open":"",children:[i,a?s:o]}),A.jsx($.Box,{onClick:d2,"data-no-dnd":"true",display:"flex",alignItems:"center",children:l})]}),c]}),A.jsx($.Collapse,{in:r,sx:{ml:3},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("|").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",Wu=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={},Ku=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);function Gu(e){return typeof e=="object"&&e!==null}const Yu=e=>/^0[^.\s]+$/u.test(e);function is(e){let t;return()=>(t===void 0&&(t=e()),t)}const st=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 mt=e=>e*1e3,ot=e=>e/1e3;function qu(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 Xu=(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=Xu(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 st;const i=a=>E2(a,0,1,e,n);return a=>a===0||a===1?a:Xu(i(a),t,r)}const Zu=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,Ju=e=>t=>1-e(1-t),Qu=wr(.33,1.53,.69,.99),ss=Ju(Qu),ef=Zu(ss),tf=e=>(e*=2)<1?.5*ss(e):.5*(2-Math.pow(2,-10*(e-1))),cs=e=>1-Math.sin(Math.acos(e)),nf=Ju(cs),rf=Zu(cs),S2=wr(.42,0,1,1),w2=wr(0,0,.58,1),af=wr(.42,0,.58,1),B2=e=>Array.isArray(e)&&typeof e[0]!="number",of=e=>Array.isArray(e)&&typeof e[0]=="number",xc={linear:st,easeIn:S2,easeInOut:af,easeOut:w2,circIn:cs,circInOut:rf,circOut:nf,backIn:ss,backInOut:ef,backOut:Qu,anticipate:tf},D2=e=>typeof e=="string",mc=e=>{if(of(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 sf(e,t){let n=!1,r=!0;const i={delta:0,timestamp:0,isProcessing:!1},a=()=>n=!0,o=Ur.reduce((g,C)=>(g[C]=T2(a,t?C:void 0),g),{}),{setup:s,read:l,resolveKeyframes:c,preUpdate:u,update:f,preRender:d,render:p,postRender:x}=o,h=()=>{const g=It.useManualTiming?i.timestamp:performance.now();n=!1,It.useManualTiming||(i.delta=r?1e3/60:Math.max(Math.min(g-i.timestamp,F2),1)),i.timestamp=g,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((g,C)=>{const E=o[C];return g[C]=(S,w=!1,T=!1)=>(n||v(),E.schedule(S,w,T)),g},{}),cancel:g=>{for(let C=0;C<Ur.length;C++)o[Ur[C]].cancel(g)},state:i,steps:o}}const{schedule:Ee,cancel:Ht,state:je,steps:ja}=sf(typeof requestAnimationFrame<"u"?requestAnimationFrame:st,!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)}},cf=e=>t=>typeof t=="string"&&t.startsWith(e),ls=cf("--"),R2=cf("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)),lf=(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:lf("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:lf("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 uf="number",ff="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(ff),n.push(_e.parse(l))):l.startsWith(U2)?(r.var.push(a),i.push($2),n.push(l)):(r.number.push(a),i.push(uf),n.push(parseFloat(l))),++a,vc)).split(vc);return{values:n,split:s,indexes:r,types:i}}function df(e){return hr(e).values}function hf(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===uf?a+=ir(i[o]):s===ff?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=df(e);return hf(e)(t.map(z2))}const zt={test:V2,parse:df,createTransformer:hf,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)?pf:typeof e=="object"?_e.test(e)?Cc:Z2:li}function pf(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(pf(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 xf(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()}},mf=(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:ot(i)}}const ny=5;function gf(e,t,n){const r=Math.max(t-ny,0);return qu(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<=mt(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,ot(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=mt(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:-ot(n.velocity||0)}),x=d||0,h=c/(2*Math.sqrt(l*u)),v=o-a,b=ot(Math.sqrt(l/u)),y=Math.abs(v)<5;r||(r=y?Se.restSpeed.granular:Se.restSpeed.default),i||(i=y?Se.restDelta.granular:Se.restDelta.default);let g;if(h<1){const E=ho(b,h);g=S=>{const w=Math.exp(-h*b*S);return o-w*((x+h*b*v)/E*Math.sin(E*S)+v*Math.cos(E*S))}}else if(h===1)g=E=>o-Math.exp(-b*E)*(v+(x+b*v)*E);else{const E=b*Math.sqrt(h*h-1);g=S=>{const w=Math.exp(-h*b*S),T=Math.min(E*S,300);return o-w*((x+h*b*v)*Math.sinh(T)+E*v*Math.cosh(T))/E}}const C={calculatedDuration:p&&f||null,next:E=>{const S=g(E);if(p)s.done=E>=f;else{let w=E===0?x:0;h<1&&(w=E===0?mt(x):gf(g,E,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 E=Math.min(ps(C),ui),S=mf(w=>C.next(E*w).value,E,30);return E+"ms "+S},toTransition:()=>{}};return C}fi.applyToOptions=e=>{const t=ty(e,100,fi);return e.ease=t.ease,e.duration=mt(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 y=T=>-h*Math.exp(-T/r),g=T=>b+y(T),C=T=>{const k=y(T),m=g(T);d.done=Math.abs(k)<=c,d.value=d.done?b:m};let E,S;const w=T=>{p(d.value)&&(E=T,S=fi({keyframes:[d.value,x(d.value)],velocity:gf(g,T,d.value),damping:i,stiffness:a,restDelta:c,restSpeed:u}))};return w(0),{calculatedDuration:null,next:T=>{let k=!1;return!S&&E===void 0&&(k=!0,C(T),w(T)),E!==void 0&&T>=E?S.next(T-E):(!k&&C(T),d)}}}function ly(e,t,n){const r=[],i=n||It.mix||xf,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]||st: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||af).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 yf(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;yf(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,xf(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),y=this.playbackSpeed>=0?b<0:b>i;this.currentTime=Math.max(b,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=i);let g=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)),g=Mt(0,1,m)*s}const E=y?{done:!1,value:u[0]}:C.next(g);a&&(E.value=a(E.value));let{done:S}=E;!y&&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&&(E.value=xs(u,this.options,v,this.speed)),h&&h(E.value),w&&this.finish(),E}then(t,n){return this.finished.then(t,n)}get duration(){return ot(this.calculatedDuration)}get iterationDuration(){const{delay:t=0}=this.options||{};return this.duration+ot(t)}get time(){return ot(this.currentTime)}set time(t){var n;t=mt(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=ot(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 vf(){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 bf(){on.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(bo=!0)})}function By(){Co=!0,bf(),vf(),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(bf),Ee.resolveKeyframes(vf))):(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 Cf=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 Af(e,t){if(e)return typeof e=="function"?Cf()?mf(e,t):"ease-out":of(e)?nr(e):Array.isArray(e)?e.map(n=>Af(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=Af(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 Ef(e){return typeof e=="function"&&"applyToOptions"in e}function My({type:e,...t}){return Ef(e)&&Cf()?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 ot(Number(t))}get iterationDuration(){const{delay:t=0}=this.options||{};return this.duration+ot(t)}get time(){return ot(Number(this.animation.currentTime)||0)}set time(t){this.finishedTime=null,this.animation.currentTime=mt(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,st):n(this)}}const Sf={anticipate:tf,backInOut:ef,circInOut:rf};function Iy(e){return e in Sf}function Oy(e){typeof e.ease=="string"&&Iy(e.ease)&&(e.ease=Sf[e.ease])}const Tc=10;class Ny extends _y{constructor(t){Oy(t),yf(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=mt(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"||Ef(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(st),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 wf(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 Ku(o)?parseFloat(o):o}return us(i)?wf(i,t,n+1):i}function vs(e,t){return(e==null?void 0:e[t])??(e==null?void 0:e.default)??e}const Bf=new Set(["width","height","top","left","right","bottom",...On]),Yy={test:e=>e==="auto",parse:e=>e},Df=e=>t=>t.test(e),Tf=[In,ie,wt,Lt,j2,N2,Yy],Pc=e=>Tf.find(Df(e));function qy(e){return typeof e=="number"?e===0:e!==null?e==="none"||e==="0"||Yu(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},Ff=e=>ev[e];function Pf(e,t){let n=Ff(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]=Pf(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=wf(c,n.current);u!==void 0&&(t[l]=u),l===t.length-1&&(this.finalKeyframe=c)}}if(this.resolveNoneKeyframes(),!Bf.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 Rf=(e,t)=>t&&typeof e=="number"?t.transform(e):e;function kf(e){return Gu(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 qu(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}=sf(queueMicrotask,!1),pt={x:!1,y:!1};function Mf(){return pt.x||pt.y}function sv(e){return e==="x"||e==="y"?pt[e]?null:(pt[e]=!0,()=>{pt[e]=!1}):pt.x||pt.y?null:(pt.x=pt.y=!0,()=>{pt.x=pt.y=!1})}function _f(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"||Mf())}function cv(e,t,n={}){const[r,i,a]=_f(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 If=(e,t)=>t?e===t?!0:If(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)&&!Mf()}function dv(e,t,n={}){const[r,i,a]=_f(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||If(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),kf(s)&&(s.addEventListener("focus",c=>fv(c,i)),!uv(s)&&!s.hasAttribute("tabindex")&&(s.tabIndex=0))}),a}function Of(e){return Gu(e)&&"ownerSVGElement"in e}function hv(e){return Of(e)&&e.tagName==="svg"}const ze=e=>!!(e&&e.getVelocity),pv=[...Tf,_e,zt],xv=e=>pv.find(Df(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=kf(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}"] {

package/dist/index.mjs

@@ -13147,13 +13147,13 @@ const N6 = K(q)`
   flex-direction: column;
   transform: ${({ transform: e }) => e};
   transition: ${({ transition: e }) => e};
-  padding: 1px 4px;
+  padding: 2px 4px;
   &:hover {
     background: var(--secondary-lightest);
     border-radius: 6px;
   }
   &.active-step {
-    background: var(--color-primary-20);
+    background: var(--light-blue);
     border-radius: 6px;
   }
 `, d2 = K.section`
@@ -13191,7 +13191,7 @@ const N6 = K(q)`
   --dots-display: none;
   transition: all 0.2s ease;
   opacity: ${({ isDragging: e }) => e ? 0.4 : 1};
-  background-color: ${({ isDragging: e }) => e ? "var(--secondary-light)" : "var(--color-grey-30)"};
+  background-color: ${({ isDragging: e }) => e ? "var(--secondary-light)" : "var(--medium-grey)"};
   padding: 0px;
   &:hover {
     --opacity: 1;
@@ -13199,7 +13199,6 @@ const N6 = K(q)`
     --dots-display: flex;
   }
   border-radius: 10px;
- 
 `, z6 = K.section`
   display: flex;
   align-items: center;
@@ -13282,7 +13281,8 @@ const N6 = K(q)`
   border-radius: 16px;
   border: 1px solid var(--color-grey-40);
   background: white;
-  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
+  box-shadow:
+    0px 12px 16px -4px rgba(16, 24, 40, 0.08),
     0px 4px 6px -2px rgba(16, 24, 40, 0.03);
   margin-left: -20px;
   font-weight: 500;
@@ -13318,8 +13318,7 @@ const N6 = K(q)`
   fill: #ccc;
   background-color: ${({ hasCmdError: e, background: t }) => t || (e ? "rgba(251, 218, 211, 1)" : "#eee")};
   color: ${({ hasCmdError: e, strokeColor: t }) => t || (e ? "rgba(234, 70, 33, 1)" : "initial")};
-  outline: 1px solid
-    ${({ strokeColor: e }) => e || "initial"};
+  outline: 1px solid ${({ strokeColor: e }) => e || "initial"};
   border-radius: 12px;
 `, J6 = K.img`
   max-width: inherit;
@@ -13374,9 +13373,9 @@ const N6 = K(q)`
     background: var(--color-primary-100); /* dot color */
   }
 `, b2 = K(q)`
-  width: 100%; 
-  display:flex; 
-  align-items: baseline;
+  width: 100%;
+  display: flex;
+  align-items: ${({ noCollpase: e }) => e ? "flex-start" : "baseline"};
   .menu-icon {
     padding: 0;
     opacity: 0;
@@ -13556,7 +13555,7 @@ const N6 = K(q)`
   warning: c,
   CollapseContent: u
 }) => /* @__PURE__ */ A.jsxs(f2, { ...e, children: [
-  /* @__PURE__ */ A.jsxs(b2, { children: [
+  /* @__PURE__ */ A.jsxs(b2, { noCollpase: t == null ? void 0 : t.noCollpase, children: [
     /* @__PURE__ */ A.jsx(C2, { ...t }),
     /* @__PURE__ */ A.jsxs(p2, { ...n, children: [
       /* @__PURE__ */ A.jsxs(m2, { className: r ? "open" : "", children: [

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.128",
+  "version": "1.0.130",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",