73 lines
1.1 KiB
TypeScript
73 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import type { Variants } from "motion/react";
|
|
|
|
export const AGENT_MOTION_DURATION_MS = 180;
|
|
|
|
export const agentEase = [0.22, 1, 0.36, 1] as const;
|
|
|
|
export const agentPanelItemVariants: Variants = {
|
|
initial: {
|
|
opacity: 0,
|
|
y: 6,
|
|
scale: 0.985
|
|
},
|
|
animate: {
|
|
opacity: 1,
|
|
y: 0,
|
|
scale: 1,
|
|
transition: {
|
|
duration: 0.18,
|
|
ease: agentEase
|
|
}
|
|
},
|
|
exit: {
|
|
opacity: 0,
|
|
y: -4,
|
|
scale: 0.99,
|
|
transition: {
|
|
duration: 0.14,
|
|
ease: [0.5, 0, 0.2, 1]
|
|
}
|
|
}
|
|
};
|
|
|
|
export const agentPanelSectionVariants: Variants = {
|
|
initial: {
|
|
opacity: 0,
|
|
height: 0,
|
|
y: -4
|
|
},
|
|
animate: {
|
|
opacity: 1,
|
|
height: "auto",
|
|
y: 0,
|
|
transition: {
|
|
duration: 0.18,
|
|
ease: agentEase
|
|
}
|
|
},
|
|
exit: {
|
|
opacity: 0,
|
|
height: 0,
|
|
y: -4,
|
|
transition: {
|
|
duration: 0.14,
|
|
ease: [0.5, 0, 0.2, 1]
|
|
}
|
|
}
|
|
};
|
|
|
|
export const agentPanelListVariants: Variants = {
|
|
animate: {
|
|
transition: {
|
|
staggerChildren: 0.025
|
|
}
|
|
}
|
|
};
|
|
|
|
export const agentLayoutTransition = {
|
|
duration: 0.18,
|
|
ease: agentEase
|
|
};
|